본문 바로가기

IT 8

썸네일 티스토리 사진에 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.
썸네일 간단한 설정으로 와이파이 공유기 속도 올리기(+보안 설정) 와이파이 보안설정 변경하기 공유기의 설정창(보통 192.168.0.1)에서 무선 보안 방식을 보면 여러 종류의 암호화 방식이 있습니다. 여러 암호화 방식이 별 차이가 없다고 생각하실수도 있지만, 암호화 방식에 따라 속도와 보안수준이 달라집니다. TKIP 방식의 암호를 사용하면 최대 와이파이 속도가 55mbps에서 올라가지 않는다는 문제점이 있으며, 다소 오래되어 보안성이 떨어지는 다른 방식보다는 WPA2+AES 방식의 암호화가 가장 보안 수준이 높습니다. 보통 공유기 설정의 암호화 설정이 WPA/TKIP+AES 방식으로 되어있는데 이경우 보안에도 취약하고 속도도 제대로 뽑아낼 수 없습니다. 따라서, 공유기 보안 설정을 보고 다른 암호화 방식이 설정되어 있다면, WPA2+AES로 변경할 경우 보안+속도 두.. 2020. 11. 16.