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 블로그에 있습니다.
'Tistory' 카테고리의 다른 글
티스토리의 이미지 복사기능(웹 서버 저장) (0) | 2019.10.07 |
---|---|
알게모르게 변경된 티스토리 업데이트 '인용글, 구분선' (0) | 2019.10.04 |
투명한 파비콘 만들기 : 다이나믹 드라이브 툴 (0) | 2019.09.06 |
티스토리 토글형 사운드클라우드 배경음악 구현하기 (0) | 2019.08.15 |
오랜만에 쓰는 티스토리 노하우 (1) | 2019.08.10 |
티스토리 검색창 추가하기(치환자/출력 갯수/디자인 변경) (1) | 2019.07.31 |
티스토리 아이콘 설정 파비콘과 다른 점 (0) | 2019.07.20 |
티스토리 통계 : 블로그 소유자의 방문 제외 업데이트 (0) | 2019.06.29 |