티스토리 카테고리 페이지 주소 Category 삭제방법

	var articleListPage = document.getElementsByClassName("post-item"); 
	var articleListPage = document.getElementsByClassName("related-articles");	
	var removeSID;	
	var indexSID; if(articleListPage.length) { for (i = 0; i < articleListPage.length; i++) { removeSID = articleListPage[i].getElementsByTagName("a")[0].href; indexSID = removeSID.indexOf("?"); if(indexSID == -1) {break;} removeSID = removeSID.substring(0, indexSID); articleListPage[i].getElementsByTagName("a")[0].href = removeSID; } } 
	
	else if(inPageRelatedLink.length) { for (i = 0; i < inPageRelatedLink.length; i++) { removeSID = articleListPage[i].getElementsByTagName("a")[0].href; indexSID = removeSID.indexOf("?"); if(indexSID == -1) {break;} removeSID = removeSID.substring(0, indexSID); inPageRelatedLink[i].href = removeSID; } }

스킨마다 상이하며, 스킨 구조를 잘 파악하신 후에 해당되는 클래스명에 기입을 해주셔야 합니다.

정확한 메서드 선택자를 통해서 아래의 코드가 잘 적용될 수 있도록 해야합니다. 페이지 카테고리에서 클릭시에 나열되는 리스트와 게시글 내 하단에 위치한 연관 게시글 두 가지를 적용하는 방법입니다. 스킨 별로 적용해야 하는 부분이 다르고 스크립트 자체를 새롭게 구성해야하는 점에 있어서 간단하게 참고하기 좋은 내용입니다.

워드프레스의 경우에도 이런식으로 고유번호 별도의 구분되는 주소가 추가되는데, 어떤 이유인지는 잘 모르겠으나 주소가 길어지는 것은 별로 좋지 않은 것 같아서 간단하게 주소값을 삭제할 수 있습니다.

SubString, for 구문, getElementsbyclassName() 선택자 등을 참고해서 자신의 스킨에 맞게 변경하세요. 확실히 변경하고 나니 정말 깔끔하고 좋네요.

var articleListPage = document.getElementsByClassName("post-item"); 
var removeSID; var indexSID; if(articleListPage.length) { for (i = 0; i < articleListPage.length; i++) { removeSID = articleListPage[i].getElementsByTagName("A")[0].href; indexSID = removeSID.indexOf("?"); if(indexSID == -1) {break;} removeSID = removeSID.substring(0, indexSID); articleListPage[i].getElementsByTagName("A")[0].href = removeSID; } } else if(inPageRelatedLink.length) { for (i = 0; i < inPageRelatedLink.length; i++) { removeSID = inPageRelatedLink[i].href; indexSID = removeSID.indexOf("?"); if(indexSID == -1) {break;} removeSID = removeSID.substring(0, indexSID); inPageRelatedLink[i].href = removeSID; } }

var categorylist = document.getElementsByClassName("hrefclass");
var removeSID; var indexSID; if(categorylist.length) { for (i = 0; i < categorylist.length; i++) { removeSID = categorylist[i].getElementsByTagName("A")[0].href; indexSID = removeSID.indexOf("?"); if(indexSID == -1) {break;} removeSID = removeSID.substring(0, indexSID); categorylist[i].getElementsByTagName("A")[0].href = removeSID; } } else if(inPageRelatedLink.length) { for (i = 0; i < inPageRelatedLink.length; i++) { removeSID = inPageRelatedLink[i].href; indexSID = removeSID.indexOf("?"); if(indexSID == -1) {break;} removeSID = removeSID.substring(0, indexSID); inPageRelatedLink[i].href = removeSID; } }

저는 따로 따로 구성해서 적용했습니다. 자바스크립트를 몰라도 선택자만 찾을 수 있으면 깔끔하게 적용이 될 겁니다.

해당 코드 참고 내용은 BSSOW 블로그에 있습니다.