지난번 작성한 글 - 전체 카테고리명 변경하기 의 댓글에 새글 아이콘 변경에 관한 질문이 있어 새글 발행여부 표시 아이콘 변경하기를 해보려고 한다.
전체 카테고리명 변경하기와 마찬가지로 티스토리의 개편 이후로 관리자 화면에서 새글 표시 아이콘도 여러 다양한 색상을 제공하던 것을 하나만 제공하고 변경도 불가능하게 되었다. 괜히 지저분해 보여서 나는 이제껏 사용하지 않던 기능이라 관심이 없었는데..
역시 이것도 카테고리명 변경하기 만큼이나 간단하다.
관리자 화면 새글 표시 활성화
먼저 관리자화면에서 콘텐츠 -> 카테고리 관리 화면을 클릭하여 새글 발행 여부를 '표시합니다'로 상태를 변경하고 저장한다.
스크립트 작성
새글 발행 아이콘 변경를 위한 스크립트를 아래와 같이 작성한다.
여기서는 기존 아이콘 이미지 대신 '새글 있지롱' 이란 텍스트를 넣어 보았다.
텍스트 외에도 아이콘 폰트( , ) 로 교체하거나 이모지 - EMOJI ( ✳️, 🆕 ) 혹은 이미지를 삽입하여 대체할 수 있다.
새글 발행여부 아이콘 변경
<script>
$('img[alt="N"]').each(function(){
$(this).replaceWith('새글 있지롱');
});
</script>
스킨 HTML 에 스크립트 추가 & 저장
위에 작성한 스크립트를 스킨의 HTML 의 하단 </body> 바로 위에 추가한 후 저장한다. (아래 그림 참조)
그리고 변경된 새글 표시 아이콘을 확인하면 된다.
변경 화면 확인
아래와 같이 새글 아이콘이 글자로 변경되어 있을것이다. 아이콘 폰트를 넣든, 이미지를 넣든, 글자를 넣든 더 꾸미는건 이제 자신의 몫이다.
모두 즐거운 티스토리가 되시길...
