IT/티스토리 4 티스토리 북클럽 스킨 관리자 댓글 구별하기, fontawesome으로 아이콘 폰트 추가하기 북클럽 스킨 rep_class 치환자 추가하기 북클럽 스킨에는 기본적으로 rep_class 치환자가 없어 관리자 댓글과 일반 유저가 남긴 댓글이 똑같이 표시됩니다. 역시 rep_class 치환자만 추가해주면 관리자 댓글을 따로 구별할 수 있습니다. html 수정하기 블로그 설정 - 스킨 편집 - html 편집에서 Ctrl + F 단축키를 누른뒤 s_rp_container를 입력하고 엔터키를 눌러 검색합니다. 이후 부터 까지 아래 코드로 바꿔줍니다.(아래 부분에 치환자가 추가된 코드입니다.) 더보기 댓글주소 수정/삭제 답글 더보기 댓글주소 수정/삭제 위 코드를 붙여넣기한 뒤, 다시한번 Ctrl + F를 눌러 s_guest_rep을 검색해 줍니다. 이후 아까처럼 부터 까지 아래 코드로 바꿔넣습니다. 더보기 .. 2020. 12. 14. 티스토리 사진에 alt 속성 추가하기 사진에 alt 속성 추가하기 alt 속성은 사진의 대체 텍스트를 지정합니다. 예를 들어, 사과 사진을 올리고 alt 속성을 "바구니에 담긴 사과"라고 지정했다면, 오류 등으로 인해 사진을 불러오지 못했을때 깨진 사진 아이콘과 옆에 설정해준 "바구니에 담긴 사과"라는 글이 함께 떠서 사진이 보이지 않더라도 그 사진이 어떤 사진인지 대략적으로 유추할 수 있습니다. 이미지에 alt 속성이 있어야 사진을 보기 힘든 시각장애인도 사진의 내용을 알 수 있으며, 사진의 alt 태그는 검색엔진에서 중요하게 평가하는 요소이기에 주로 추가해주는 편입니다. 티스토리에서도 간단하게 사진에 alt 속성을 추가할 수 있으니 아래 내용대로 따라하시면 됩니다. 먼저 추가할 사진을 등록해준 다음, 우측 상단의 '기본 모드'를 클릭한뒤.. 2020. 11. 30. 티스토리 에디터의 기본 폰트 바꾸기 인터넷에 티스토리 폰트 바꾸는법을 치면 폰트를 추가만 하거나, !important 속성으로 하나의 폰트로만 강제설정을 하는데, CSS 설정을 조금 바꿔주면 기본에디터에서도 원하는 폰트를 사용할 수 있습니다. 웹폰트 적용원리 웹폰트는 @font-face 명령어를 사용해 폰트를 불러온뒤 font-family를 이용해 폰트를 지정합니다. /* 폰트 경로 지정 */ @font-face{ font-family: 지정할 폰트 이름; src: 폰트 경로; /* 경로를 여러개 쓸경우 앞에서부터 순서대로 불러옴(불러오기 실패시 다음 경로) */ font-weight: ; /* 필수X */ font-style: ; /* 필수X */ } /* 폰트 지정 */ body{ font-family:'폰트명', '폰트명'; /* 첫.. 2020. 11. 26. 티스토리 북클럽 스킨 썸네일 정사각형으로 바꾸기 티스토리 썸네일 비율 변경하기 '책'을 주제로 디자인된 북클럽 스킨은 썸네일도 정사각형 모양이 아니라 책 표지의 비율과 비슷한 직사각형의 비율입니다. 하지만, 스킨 설정에서 간단하게 설정을 바꿔주면 정사각형 모양으로 썸네일 비율을 바꿀 수 있습니다. 1. HTML 수정 블로그 관리 > 스킨 편집 > html 편집으로 들어갑니다. ctrl + F 단축키를 누르고, 을 복사해 붙인뒤 엔터 버튼을 눌러 검색합니다. 위에처럼 소스중 C230x300을 C300x300으로 바꿔준뒤 적용 버튼을 눌러 저장합니다. 2. CSS 수정 상단의 CSS를 눌러 CSS 편집창으로 들어갑니다. ctrl + F 단축키를 누르고, .list-type-thumbnail .post-item .thum img {을 복사해 붙인뒤 엔터 버.. 2020. 11. 16. 이전 1 다음
