새 글 알림 아이콘변경 시작
<script>
$('img[alt="N"]').each(function(){
$(this).replaceWith('<img src="./images/new_icon_8.png" class="va">');
});
</script>
티스토리 블로그에서 새 글 알림은 회색 아이콘으로 표시되어 디자인을 생각하시는 분이라면, 더욱 예쁜 아이콘으로 변경이 가능합니다. 아이콘은 png 파일 혹은 svg로 설정이 가능하며, IE의 경우에는 호환되지 않는 svg보다는 png로 적용시키는 것이 더 좋습니다.
관련 콘텐츠 같이 보기
본 사이트의 경우에는 아이콘 이미지는 위의 사이트에서 공유받아 사용하고 있습니다. 포트폴리오 스킨의 경우에는 위의 방식으로 카테고리 아이콘과 카테고리를 클릭했을 때의 리스트 아이콘으로 치환하여 사용할 수 있습니다.
img.va { vertical-align: baseline; }
만약, 위의 경우에도 카테고리 리스트가 수정이 안된다면 아래의 값을 찾아 기존의 아이콘 이미지의 위치나 css의 속성값을 입력해줘야 합니다.
<img src="./images/new_icon_8.png">
의 주소는 이미지 파일명과 티스토리 - 파일업로드의 아이콘 파일 주소값을 입력해주면 됩니다.
사이드 메뉴 바를 클릭하면 표시되는 새 글 알림 아이콘 이미지 변경 모습입니다. 사이드 메뉴 바를 클릭하여, 카테고리를 클릭하면 표시되는 새 글 알림 아이콘 이미지 변경 모습입니다.
'Tistory' 카테고리의 다른 글
티스토리 이미지의 대체 텍스트 (0) | 2021.04.03 |
---|---|
티스토리 파비콘 변경 (0) | 2021.03.05 |
티스토리 유튜브 링크 영상 삽입 안될 때 방법 (0) | 2020.05.15 |
앵커버튼 만들기 : 티스토리 편 (0) | 2020.03.20 |
티스토리 글쓰기 단축키 정리 (0) | 2019.12.23 |
티스토리 애널리틱스 업데이트 (0) | 2019.12.04 |
티스토리 글 쓰기 이미지 업로드 오류 「임시 해결방법」 (0) | 2019.11.22 |
[티스토리] 새로운 글쓰기 에디터 Alt 태그이미지 삽입방법 (0) | 2019.10.24 |