티스토리 (8) 썸네일형 리스트형 [티스토리] 반응형 블로그 만들 때 고려할 모바일 해상도 점유율 웹페이지를 필요에 따라 종종 만들기는 하는데, 크롬 개발자도구로 살펴보기엔 늘 한계가 있다. 그렇다고 모든 사람이 만족하는 화면을 만드는 것은 나에겐 너무 어려운 일이다. 그래도 모르고 있는 것보다는 알고 있는게 늘 도움이 되기에 기록으로 남긴다. 가로 해상도 비율 대부분 페이지의 90%유입은 모바일이다. 나머지 7-8%가 데스크탑이고 나머지 2-3%가 태블릿이기 때문에, 나는 모바일퍼스트로 제작하는 경우가 많다. 위의 수많은 숫자에서 기본적으로 내가 기억해야할 수치는 4개 숫자다. 가로 해상도는 360에서 420사이에 모든 수치가 있더라. 세로 해상도는 640에서 846사이에 있더라. 즉, "px 단위로 짜려면 360*640 이상이 되면 짤릴 수 있다는 것"을 염두에 두어야겠다라고 결론 내렸다. 그렇지.. 티스토리 태그 클라우드 CSS 수정하기 와이프랑 같이 운영하고 있는 홈페이지인데 이전부터 무한정으로 나열되어있는 태그가 마음에 들지 않았다. 중요도도 맞지 않고 빈도도 반영되지 않은 이 디자인... 어떡할까 고민하다가 그냥 잊고 있었는데, 오늘 티스토리 치환자를 공부하다 보니 수정방향이 떠올라서 뜯어고치게 되었다. 그 기록을 글로 남긴다. 태그 클라우드의 주소는 "/tag" 티스토리에는 url domain에 "/tag"를 달아주면 태그 모음창으로 가게 되어있다. 그리고 그 태그 치환자는 다음과 같다. 치환자도 처음에 봤을때는 너무 낯설었는데, 이제 보다보니 많이 익숙해졌다. 아래 구조에 의해서 계속 출력되게 되는 것이었다. 태그 티스토리 메타 태그 등록 방법 - 구글 서치콘솔 그리고 네이버 웹마스터도구 메타태그 구글 서치 콘솔(흔히 구글 웹마스터 도구라고도 부름)에 가입해서 여러 가지 과정을 거쳐야 구글 검색에 블로그가 노출되게 된다. 티스토리에서는 메타태그를 간단하게 등록할 수 있는 방법이 있어서 기록으로 남겨놓는다. 사실 스킨 편집 항목에 들어가서 html을 뜯어고치는 방법도 있고, 구글 태그 매니저를 쓰는 방법도 있긴 한데... 이것저것 새로운 방법을 시도하는 것을 좋아하기도 하고, 카카오에서 계속 티스토리를 개선 발전시키고 있는 듯해서 정식 방법대로 하려고 한다. 네이버 블로그를 이용하는 사람은 전혀 관심을 안 두어도 되는 내용이다. 특별한 조치를 취하지 않아도 구글에서 잘 검색된다. 이 내용은 티스토리에 홈페이지를 만들기 좋아하는 사람이 참고하면 된다. 웹호스팅까지 하면서 홈페이지 만드시는 분이 이 글.. 티스토리 블로그에 『네이버 지도 삽입』하는 방법. 이 블로그가 아닌 다른 블로그를 운영하는데, 그 곳의 주제는 '맛집'이다. 맛집 블로그에 빠지면 안 되는 내용 중 하나가 위치가 아니던가? 가격도 중요하지만 일단 어디인지가 가장 중요하다는 점. 검색할 때 "OO동 맛집"이라고 검색하는 사람들의 빈도가 높은 것도 그러한 연유일 것이라 생각한다. 그래서 운영하는 맛집 티스토리 블로그에는 네이버 지도를 삽입하려고 노력하는데, 그 방법을 막상 할 때마다 헷갈려서 기록으로 남겨 놓는다. 일단 네이버 지도에 접속을 한다. 네이버 지도를 가져올 것이기 때문에 네이버 지도에 접속을 한다. 원하는 식당을 찾으면 50% 정도 끝난 것이다. 음식점을 클릭하면 흔히 아는 "공유"버튼을 눌러보면 지도를 퍼갈 수 없다. 모든 UX가 친구에게 전달해주는 방법을 편리하게 하기 위해.. 티스토리 블로그에 Progress bar 설치하기 티스토리엔 안 되는게 없나보다. 점점 느려지겠지만... 이번에 셋팅해본 것은 Progress indication bar 이다. 본문에서 어느 정도 읽었는지를 표시해주는 방법인데, 아래 링크를 이용하면 설치할 수 있다. 너무 복잡하면 안 할려고 했는데, 아주 너무 간단해서 그냥했다. jQuery Scroll Progress Indicator For Any Containers - Prognroll ProngnRoll is a tiny jQuery plugin that creates a slim progress bar to indicate the scroll / reading progress of a specific scrollable container or the whole webpage. www.jquer.. 블로그 선배님들 보고 배우는 블로깅 블로그를 시작하다 보면, 블로그를 잘 운영하시는 분이 많다. 요즘엔 유튜브가 워낙 대세이다 보니, 블로그의 인기가 떨어지는 것 같기도 하나, 블로그를 잘 운영하는 것은 여러모로 도움이 많이 되는 것 같다. 마음속으로 블로그 선배님들을 두었다. 앞으로 계속 추가할 예정이다. URI 비고 테리엇의 디지털 놀이터 링크 현재 티스토리르 이용하여 홈페이지 운영 2년 정도? 티스토리를 이용한 수익에 대한 이야기, Wordpress information 링크 워드프레스를 만들 때 다양한 플러그인 소개 글을 계속 쓰게 된다. 특히 가운데 정렬을 해서 간단간단하게 쓰는 게 아니라 모든 내용을 글로서 설명할 수 있도록 글을 쓰다 보면, 실력이 늘어나게 된다. 맞춤법을 계속 확인하기 때문에 맞춤법에 대한.. '티스토리'를 이용하다보니 알게 된 팁들 티스토리 단축키와 같이 티스토리를 이용하면서 알게 된 유용한 내용들을 정리하는 포스팅입니다. 모두에게 도움이 되는 내용을 드릴 수 있으면 좋겠습니다. 1. 티스토리 단축키 모든 프로그램을 잘 사용하는 방법은 단축키를 외우는 것이 우선입니다. 그렇죠? 글을 작성할 때 반복되는 행위는 단축키를 이용하는 것이 좋고, 마우스는 적게 사용하는 것이 좋다. 글을 꾸며주는 진하게, 이탤릭체, 밑줄에 대한 단축키는 필수적으로 알아두는 것이 좋고, Control +C, V, Z, Y 는 왠만한 모든 프로그램에서 사용되니 꼭 알아두는 것이 좋다. Control + B : 진하게 Control + I : 이탤릭체 Control + U : 밑줄 Control + Z : 실행 취소 Control + Y : 재 실행 (실행 취소.. 티스토리 블로그 운영기 티스토리 블로그가 초대장 시스템에서 일반 가입시스템으로 바뀌게 되면서 편한 점이 너무 많습니다. 괜히 워드프레스로 어렵게 만들게 아니라, 티스토리로도 충분히 포트폴리오를 만들고, 개인 홈페이지를 만들 수 있겠다는 생각이 들더라구요. 수익형 블로그를 쉽게 만들 수 있는 티스토리 블로그에서 본격적으로 만들어볼까 합니다. 티스토리 블로그 운영기 카테고리 제작 일단, 구슬이 서말이어도 꿰어야 보배라는 말이 있듯이 글을 담을 카테고리를 만들었습니다. 이제 이 카테고리에 담을 내용을 작성해봐야겠죠? 이 글이 첫번째로 담길 글입니다. 티스토리 블로그 네이버에 등록하기 네이버 웹마스터 도구에 내 홈페이지를 등록해주어야만 내 홈페이지가 네이버에서 검색에 노출됩니다. 네이버 블로그는 특별히 이 작업을 할 필요가 없는데, .. 이전 1 다음 이 블로그 인기글
