
안녕하세요. 티스토리 Letter 스킨의 레이아웃 기본값은 메뉴, 검색 버튼 위치가 포스팅 영역에 비해 멀리 떨어져 있습니다. 개인 취향에 따라 버튼을 포스팅 영역에 맞추어 이동시키고 싶은 경우 어떻게 CSS 속성을 편집하는지 알아보겠습니다. 블로그 기본 레이아웃입니다. 위의 그림처럼 메뉴, 검색 버튼이 각각 좌측, 우측으로 쏠려있습니다. 먼저 크롬 개발자 도구의 선택 도구로 포스팅 영역을 선택하여 CSS 속성 값을 확인해보면 최대 넓이가 1024px로 설정되어 있습니다. 다음으로 제목 영역을 선택해보면 최대 넓이가 1600px로 설정되어 있는 것을 확인할 수 있습니다. 그리고 해당 속성 값은 CSS 517행부터 시작되는 것을 알 수 있습니다. 티스토리 HTML 편집기에서 CSS 속성 517행 영역을 찾..

안녕하세요. 지난 포스팅에서는 Letter 스킨 블로그 메인화면의 포스팅 요약 내용 표시를 2줄에서 3줄로 늘렸습니다. PC 화면 기준으로 편집을 하였기 때문에 모바일 화면에서도 문제없이 표시되는지 확인이 필요합니다. 크롬 개발자 도구를 사용하여 블로그의 모바일 화면을 확인하면, 위의 그림과 같이 포스팅 요약 내용이 3줄로 표시됨을 확인할 수 있습니다. 하지만 작은 모바일 화면에서 요약 내용이 3줄로 표시되다 보니 레이아웃이 복잡해 보입니다. 이번 포스팅에서는 모바일 화면에서 포스팅 요약 내용을 2줄로 다시 바꾸는 방법을 알아보겠습니다. 즉, PC 화면은 3줄, 모바일 화면은 2줄로 표시되도록 편집해보겠습니다. 크롬 개발자 도구의 선택 도구를 사용하여 모바일 화면의 포스팅 요약 부분을 선택합니다. 선택 ..

안녕하세요. 이번 포스팅에서는 Letter 스킨 메인 화면에서 포스팅 요약 내용을 더 많이 표시될 수 있도록 늘려보겠습니다. 티스토리 메인 페이지에서 본문 요약 내용은 위의 그림처럼 2줄로 표시되도록 기본값이 설정되어 있습니다. 개인 취향에 따라 요약 내용을 더 늘리고 싶은 경우에 CSS 속성을 어떻게 편집하는지 알아보겠습니다. 먼저 크롬 개발자 도구를 실행시킵니다. 선택 도구를 사용하여 내용 요약 부분을 선택합니다. 개발자 도구의 CSS 창을 보면 CSS 속성 1128행부터 해당 속성이 시작됨을 알 수 있습니다. 여기서 편집해야 할 부분은 max-height와 -webkit-line-clamp 속성 값입니다. 개발자 도구 CSS 창에서 -webkit-line-clamp 값을 3으로 바꿉니다. 즉 포스팅..

안녕하세요. 티스토리 Letter 스킨의 상단 좌측에 있는 메뉴바를 선택하면 카테고리 리스트가 표시됩니다. 위와 같이 홈, 태그, 방명록 메뉴 아래에 카테고리 목록이 나타나게 됩니다. 단일 카테고리를 사용하거나 카테고리를 구분해서 사용하지 않는 경우에 카테고리 목록은 굳이 표시되지 않아도 됩니다. 이 경우 카테고리 목록을 어떻게 숨기는지 알아보겠습니다. 먼저 티스토리의 스킨 편집에서 HTML 편집기를 실행시킵니다. 본문에 표시되는 카테고리는 category_list라는 이름으로 HTML 코드들 안에 숨어있습니다. 찾기 기능을 사용하여 category_list를 찾으면 여러 가지 항목이 나오는데 그중에서 64행부터 시작되는 menu_navgation 속성에 포함된 category_list가 보입니다. ##..

안녕하세요. 티스토리 블로그의 경우 올해 초까지만 하더라도 외부 사이트를 활용하여 사이트맵을 만들고 네이버, 구글, 빙에 제출하였습니다. 하지만 현재는 티스토리에서 자체적으로 사이트맵이 생성되고 구글과 협력하여 만든 플러그인으로 구글에 손쉽게 사이트맵을 제출할 수 있습니다. 먼저 구글 서치 콘솔에 로그인하여 티스토리 블로그를 등록하여야 합니다. 속성 추가를 통해 위의 그림과 같이 URL 접두어에 자신의 티스토리 블로그 주소를 등록합니다. 그리고 티스토리 플러그인으로 이동하여 구글 서치 콘솔 플러그인을 선택합니다. 플러그인을 선택하게 되면 계정 연결하기가 보입니다. 계정 연결하기를 클릭하고 설정 방법을 따라서 하시면 우측 그림과 같이 블로그가 올바르게 등록되었다는 문구가 나타나게 됩니다. * 올바른 등록을..