공지사항 2020. 4. 6.
V1.1.3으로 판올림 했습니다.
V1.1.3으로 판올림했습니다. 몇가지 기능 추가와 오류 수정과 코드정리 입니다. 이번 판올림에서는 index.xml로 수정이 되었습니다. index.xml를 업데이트할때는 항상 조심해서 해야 합니다. 왜냐하면 기존에 스킨편집에 설정해 놓은 값들이 초기화 되기 때문입니다. 스킨 편집의 오른쪽에 있는 모든 설정 값들이 초기화 됩니다. 기능 추가 애드센스 일치하는컨텐츠 광고 기능 추가 본문 하단에 애드센스의 일치하는콘텐츠 광고기능을 추가했습니다. 이제 쉽게 광고를 넣을 수 있습니다. 구체적인 방법은 별도로 포스팅했으니 참고 하세요. 구글 애드센스 "일치하는컨텐츠 광고" 본문하단에 적용하기 바로가기 댓글창 가로 크기 조절 댓글창의 가로크기가 너무 커서 화면을 답답하게 했던 부분을 개선했습니다. 또한 덩달아 본..
스킨설명서 2020. 4. 6.
구글 애드센스 "일치하는컨텐츠 광고" 본문하단에 적용하기
본문 하단에 구글 애드센스의 일치하는콘텐츠 광고를 넣을 수 있습니다. 일치하는콘텐츠광고는 내 글과 광고글을 교묘히 섞어서 보여주는 광고 입니다. 내 블로그의 체류시간도 늘릴 수 있고 광고비용도 벌 수 있는 효과가 있습니다. 일치하는콘텐츠 광고 신청하기 먼저 일치하는콘텐츠 광고를 신청하기 위해 애드센스 웹사이트로 이동합니다. 구글 애드센스 바로가기 좌측메뉴 중 광고 > 개요 를 선택합니다. 광고 단위 기준 탭을 선택합니다. 일치하는 콘텐츠 광고를 선택합니다. 운영 가능한 사이트에 나온 블로그에 적용된 예시를 보여줍니다. 중요한 부분은 아닙니다. 광고의 이름을 임의로 입력합니다. 광고 옵션을 선택합니다. 광고를 통한 수익창출을 할거냐 말거냐 인데.. 99%는 당연히 하겠지요 ^^ 스타일 옵션을 선택합니다. ..
스킨설명서 2020. 3. 30.
구글 애드센스 댓글 창에 표시하기
오른쪽의 댓글창에도 애드센스 광고를 넣을 수 있습니다. 댓글보기와 댓글쓰기에 방해가 되지 않도록 한정된 영역만을 사용해야 해서 광고의 크기와 딱맞아 떨어지지는 않습니다. 댓글창 광고 댓글을 작성하는 곳과 리스트의 중간부분에 한정된 크기의 디스플레이 광고를 쉽게 붙힐 수 있습니다. 디스플레이 광고 신청하기 댓글창에 사용할 수 있는 광고는 애드센스의 디스플레이 광고 입니다. 먼저 디스플레이 광고를 신청하기위해 애드센스 웹사이트로 이동합니다. 구글 애드센스 바로가기 좌측메뉴 중 광고 > 개요 를 선택합니다. 광고 단위 기준 탭을 선택합니다. 디스플레이 광고를 선택합니다. 먼저 광고의 이름을 임의로 입력합니다. 광고크기는 고정으로 설정합니다. 너비와 높이는 300 X 60 입니다. 만들기를 선택합니다. 만들기가..
스킨설명서 2020. 3. 30.
홈커버 설정하기
홈커버란? 홈커버는 티스토리 2018년 10월 새로운 공식 스킨을 출시하면서 생긴 기능입니다. 기존에 https://blog.stories.pe.kr 같이 세부 파라미터 없이 도메인 주소로만 접속할 경우 최신 글 리스트가 보여지도록 되어 있었으나 홈커버의 경우는 최신 글 리스트가 보여지는 것이 아니라 여러가지 아이템으로 관리자가 원하는 형태로 꾸밀 수 있게 만든 기능입니다. 이 기능을 잘 활용하면 단순한 블로그로 보여지는게 아니라 포털화면의 첫 페이지 처럼 꾸밀 수 있는 장점이 있습니다. T스킨BASIC에서는 기존의 5가지 아이템에 추가로 1개의 아이템을 더 추가했습니다. 홈커버 설정 진입하기 홈커버는 티스토리 관리자 화면에서 시작합니다. 관리자 화면의 좌측메뉴 중 스킨편집 메뉴를 선택합니다. 스킨편집 ..
스킨설명서 2020. 3. 27.
구글 애드센스 인피드광고 적용하기
V1.1.1버전에서 구글 인피드광고를 적용했습니다. 인피드광고란? 인피드 광고란 티스토리 리스트 중간 중간에 광고를 자동으로 끼워 넣어 주는 광고형태입니다. 인피드 광고 신청하기 먼저 구글에서 인피드 광고를 신청해야 합니다. 자세한 설명은 아래의 포스트에서 신청하는 부분까지만 참고하세요. 티스토리에 애드센스 인피드 광고 슬기롭게 적용하는 방법 바로가기 인피드 광고 적용하기 인피드 광고를 신청하면 아래와 같은 코드를 획득하게 됩니다. 여기서 중요한 코드는 3개입니다. data-ad-layout-key="" data-ad-client="" data-ad-slot="" 티스토리에 적용하기 티스토리의 관리자화면으로 이동합니다. 좌측 메뉴에서 꾸미기 메뉴를 선택합니다. 스킨편집 메뉴를 선택합니다. 스킨 편집의 우..
스킨설명서 2020. 2. 5.
T스킨에서 부트스트랩(Bootstrap)으로 글쓰기
T스킨은 부트스트랩(bootstrap)을 기본으로 사용하기 때문에 글을 쓸 때 부트스트랩의 스타일을 쉽게 적용할 수 있습니다. 글을 쓸 때 글쓰기 모드를 HTML모드로 전환하여 CLASS를 지정하면 반영이 됩니다. 글쓰기 방법 먼저 기존의 방법대로 기본모드로 글을 작성합니다. 부트스트랩(bootstrap)을 적용하고자 할 때 기본모드에서 HTML모드로 전환을 합니다. HTML모드로 전환하면 위의 그림처럼 HTML코드로 편집할 수 있는 화면으로 전환됩니다. Bootstrap의 Class적용 방법대로 HTML코드를 입력합니다. 위의 그림은 Bootstrap의 버튼 스타일을 추가해 봤습니다. 부트스트랩의 버튼 스타일이 적용된 모습을 볼 수 있습니다. Bootstrap 홈페이지 바로 가기 부트스트랩 적용 더 다..
공지사항 2020. 2. 1.
V 1.0.2 로 업데이트 했습니다.
본문 목차(TOC) 개선과 공감(좋아요) 버튼에 대한 코드를 정리했습니다. 목차(TOC) 기능 개선 기존 목차(TOC) 기능에 대해서 UI디자인과 기능을 개선했습니다. 기존의 목차(TOC)는 불필요한 스크롤바와 선명하지 못한 글자색상으로 인해 항상 찝찝함이 있었습니다. 개선된 목차(TOC) 기능은 아래와 같습니다. 화면의 가장 상단으로 이동하는 TOP버튼 추가 화면의 가장 하단으로 이동하는 BOTTOM버튼 추가 현재 위치에 해당하는 제목에 강조표시 또한 불필요한 스크롤바는 삭제했습니다. 댓글 창을 열 때 목차(TOC)는 가리고 댓글창을 닫을 때 목차(TOC)가 보이는 기능을 강화 했습니다. 목차(TOC) 기능을 처음부터 꺼 버릴 수 있습니다. Default(기본)값은 보여지게 했습니다. 본문화면 시작 할..
일상다반사 2020. 1. 20.
부산 가볼만한 곳 - 바람에 샤라락~ 힐링포인트 아홉산숲
대나무숲은 담양에만 있을 줄 알았는데 부산에도 힐링하기 좋은 대나무숲이 있습니다. 해운대에서 30분안에 도착할 수 있는 기장군에 있는 아홉산숲이 있습니다. 400년 가까이 개인 사유지로 사람들에게 개방을 하지 않았으나 이제는 모두에게 개방이 되었습니다. 그런만큼 자연환경도 잘 보존이 되어 있고 힐링하기에도 좋습니다. 주차장에 주차를 하고 5분정도 걸어 올라가면 아홉산숲 푯말을 볼 수 있습니다. 이 표말쪽으로 올라가면 메표소가 보입니다. 예전에는 미리 예약을 해야지만 방문이 가능했으나 이제는 예약없이 상시 방문이 가능하게 바꼈습니다. 바로 찾아가서 매표를 하면 입장이 가능합니다. 입장료는 남여노소 구분없이 모두 5000원 입니다. 아홉산숲에서의 압권은 대나무숲입니다. 산길을 걸어 올라가다보면 첫번째 대나무..
일상다반사 2020. 1. 20.
천안/아산 가볼만한곳-지중해마을
천안과 아산의 많지 않은 관광지 중에 그래도 검색을 하면 항상 등장을 하는 곳이 바로 지중해 마을입니다. 그래서 갈곳을 찾지못한 저도 부득히 이번에 지중해 마을에 다녀왔는데요. 다녀온 느낌을 가감없이 포스팅을 하도록 하겠습니다. 비포장 주차장에 주차를 하고 걸어서 지중해마을로 가는 길입니다. 초봄이라 그런지 조금 쓸쓸해 보이는 느낌이네요. 지중해마을 초입입니다. 평일이라 그런지 사람이 많지 않네요. 전구가 하늘에 매달려 있어서 저녁풍경을 예상할 수 있을 것 같습니다. 우리는 일정 상 낮에만 보고 왔지만 저녁에는 더 멋진 풍경이 있을 것 같습니다. 수공예 상품점에도 아기자기한 상품들이 많이 있습니다. 이런가게들이 지중해마을의 아이덴티티를 만들어나가는 것 같습니다. 직접 초코릿을 만들 수 있는 체험공간도 있..
일상다반사 2020. 1. 20.
가평 가볼만한곳 - 스위스 테마파크 에델바이스
태양이 작렬하는 7월 중순 가장 덥다는 1시~3시 사이에 가평에 있는 스위스 테마파크인 에델바이스에 다녀왔습니다. 왜 이때 왔을까~ 후회도 해보았지만, 이왕 온 김에 올라가 봤습니다. 주차장에 주차를 하고 걸어올라가는 길입니다. 덥기는 해도 맑은하늘에 사진은 잘 나오네요. 입구에 도착하면 먼저 반기는 곳은 돈을 내고 입장을 하라는 곳입니다. 돈~ 내야지요…… 매표소는 아기자기한 인형들이 가득차 있습니다. 한켠에는 커다란 플란다스의 개가 인형 좀 사가라고 서있네요. 매표소를 나오면 바로 보이는 스위스마을의 건물이 보입니다. 딱~ 요기까지가 멋있습니다. 마치 스위스에 온 느낌이 납니다. 스위스 마을은 언덕을 올라가면서 구경을 할 수 있게 구현되어 있습니다. 스위스면 겨울일텐데.. 너무 덥습니다. 더워서 그런..
일상다반사 2020. 1. 20.
안동 추천여행지 하회마을을 한눈에 볼 수 있는 부용대에 오르기
Primary Secondary Success Danger Warning Info Light Dark 어디가서 하회마을을 갔다왔다고 말 하려면 부용대는 꼭 가봐야 할 코스입니다. 왜냐하면 부용대에서는 하회마을의 전체 모습을 볼 수 있기 때문입니다. 부용대를 오르기 위해 부용카페 앞에 있는 주차장에 주차를 해야 합니다. 주차장이 그렇게 넓지는 않지만 차가 별로 없어서 주차하는데 어려움은 없었습니다. 부용대에 오르기전 또는 내려와서 잠깐 차를 마실 수 있는 카페가 있습니다. 보시는 것 처럼 화천서원의 입구에 간단히 차를 마실 수 있게 꾸며 놓은 곳입니다. 화천서원 입니다. 지금은 거의 카페로 활용되고 있는것 같습니다. 부용대라는 것을 표지석으로 표시를 해 놨네요. 부용카페 바로 앞에 있습니다. 이쪽 방향으로..
일상다반사 2020. 1. 20.
낙동강이 휘돌아 나가는 세계문화유산 안동 하회마을
국내 몇 안되는 세계문화유산 중에 가장 유명하다면 유명할 수 있는 안동 하회마을을 다녀왔습니다. 낙동강이 S자 형태로 휘돌아 나가는 마을이라고 해서 이름 붙혀진 하회마을은 서애(西厓) 유성룡(柳成龍, 1542~1607)을 배출할 정도의 양반고을 입니다. 임진왜란의 피해도 없어서 옛 고을의 모습을 고스란히 간직하고 있습니다. 하회마을은 자가용을 타고 바로 이동할 수는 없습니다. 먼저 하회장터가 있는 주차장에 주차를 하고 셔틀버스를 타고 마을로 이동하는 형태로 되어 있습니다. ▲ 주차를 하고 아래쪽으로 5분정도 내려가면 하회장터를 만날 수 있습니다. ▲ 하회장터에서는 장터답게 먹거리와 기념품등을 팔고 있습니다. 간단하게 식사를 해도 좋을 듯합니다. 대충 먹거리 종류와 가격을 참고하시라고 가격표를 올려봅니다...
일상다반사 2020. 1. 20.
부산 가볼만한곳 태종대
부산의 대표적인 관광지 태종대를 다녀왔습니다. 처음에는 무슨 대학교캠퍼스인 줄 알았는데 아니더군요 -,.-; 태종대는 영도의 가장 끝자락에 있는 해안절벽으로 아름다운 풍경을 가지고 있습니다. 태종대로 오르는 길은 소나무가 우거진 완만한 산책로로 이루어져 있어서 트렉킹을 하기에도 좋은 코스입니다. 하지만 산책보다는 관광이 목적인 경우를 위해 다누비열차라는 차량을 운행 하고 있어서 편하게 태종대까지 이동할 수도 있습니다. 그림과 같은 다누비열차로 태종대를 한바퀴 순환운행을 하고 있습니다. 매표를 하고 줄을 서고 있으면 한바퀴 돌고 온 다누비열차에 차례로 탑승을 할 수 있습니다. 줄이 길어도 다누비열차가 워낙 많은 사람을 태울 수 있어서 금방 탈 수 있습니다. 보통은 전망대에서 내려서 관람을 하고 걸어서 영도..
일상다반사 2020. 1. 20.
다낭 2일차 여행 - 지옥같은 천국으로 가는길, 천국같은 지옥으로 가는 길~ 오행산
다낭 2일차에 처음으로 방문한 곳은 오행산 입니다. 서유기에서 손오공이 석가여래에게 져서 커다란 바위(산)에 눌려 갇히게 되는데 그산이 바로 오행산입니다. 아마도 이 산이 그 산인 것 같습니다. ^^ 다낭 시내에서 남쪽에 있는 호이안으로 가는 길에 있으며 논느억 해변 근처에 위치해 있습니다. 석회암으로 이루어져 있는 오행산은 5개의 산이 볼록 솟아나 있으며 목(木), 화(火), 토(土), 금(金), 수(水)의 이름을 따서 이름을 지었다고 합니다. 보통은 여행객들이 수산(水山)을 많이 가지만 우리는 시간 때문에 그런지 비용때문에 그런지 바로 주차장 옆에 있는 암푸 동굴만 갔다왔습니다. 암푸동굴을 들어가면 천국으로 가는 길과 지옥으로 가는 길로 나누어져 있는데 천국으로 가는길은 경사가 매우 가파른 산 위쪽으..
일상다반사 2020. 1. 20.
다낭 1일차 여행 - 다낭 한강 유람선 야경 투어
패키지여행 중 옵션사항으로 다낭 한강 유람선을 타고 야경을 즐겼습니다. 우리나라의 한강처럼 다낭의 강물줄기도 한강이라고 부릅니다. 이 한강을 타고 용다리를 지나 다낭 노보텔까지 올라가면서 다낭의 야경을 즐기는 여행코스 입니다. ▲ 배를 타기 위해서 매표를 해야 합니다. 우리는 패키지라 가이드가 미리 매표를 한 상태라 사진에 보이는 매표소를 지나쳐서 바로 배로 탑승하러 갔습니다. ▲ 배를 탑승하기 위해서는 탑승티켓을 가지고 있어야 합니다. 아까 그 매표소에서 구매를 하고 배로가서 확인하고 타면 됩니다. 한강을 투어하는 배 입니다. 엄청 요란하게 꾸며져 있습니다. 한국사람들이 많아서 그런지 한국노래가 끊임없이 나옵니다. 다만 아쉬운점은 노래만 나오지 설명은 전혀 없습니다. 배를 타고 올라가면서 강 옆에 있는..
일상다반사 2020. 1. 20.
다낭 1일차 여행 - 분홍색 건물이 인상적인 다낭 대성당(수탉교회)
영흥사를 내려와서 2번째로 찾아간 곳이 다낭 대성당입니다. 다낭 대성당의 첨탑 꼭데기에 수탉이 있다고 해서 현지인들은 수탉교회(Nha Tho Con Ga)라고 하며 프랑스 식민지 시절 프랑스인들이 자신들을 위해 세운 카톨릭 성당이라고 합니다. 성당이 외부는 분홍색, 내부는 노란색으로 되어 있다고 하는데 성당이 분홍색인 이유는 여러 설이 있지만 당시에 분홍색은 상류층의 사람들이 사용하는 유행색이였다고 합니다. 성당은 그다지 크지 않고 우리나라 전주에 있는 전동성당과 크기나 분위기 면에서 비슷해 보였습니다. 시내에 위치해 있고 성당이 닫혀있어서 주차할 곳이 었어 인근에 주차를 하고 걸어서 이동을 했습니다. 우리는 성당의 후문쪽으로 입장을 했습니다. ▲ 후문 앞에는 도로가 있는데 길을 건널때는 항상 조심해야 ..
일상다반사 2020. 1. 20.
다낭여행의 알아두면 쓸데있는 여러가지 이야기
이번에 다낭여행을 하면서 알게된 깨알정보를 포스팅합니다. 옛날과 달리 요즘에는 웬만한 해외여행을 가더라도 인터넷을 사용할 수 있는데요. 베트남도 마찬가지로 인터넷을 사용할 수 있습니다. 여행하는 사람이 1~2명이면 유심칩을 구매하는것이 좋고 3명 이상이고 다같이 움직인다면 포켓 와이파이를 대여하는 것이 좋습니다. 유심칩은 보통 몇일 동안 무제한으로 인터넷을 사용할 수 있게 해줍니다. 종류는 2가지인데 인터넷(4G)만 사용 가능한 것과 인터넷(4G)과 Voice가 모두 가능한 것 입니다. 그리고 해당 기간이 지나면 그냥 유심칩을 빼서 버리면 됩니다. 포켓 와이파이같은 경우는 국내공항 또는 현지공항에서 대여를 할 수 있고 포켓 와이파이 주변에 있는 사람들 중에 비밀번호를 알고 인증된 사람은 대부분 사용할 수..
일상다반사 2020. 1. 20.
다낭 1일차 여행 - 슬픈역사를 위로하기 위한 해수관음상이 있는 영흥사
오전 10시에 다낭공항에 도착한 여행의 첫번째 날은 다낭 인근의 관광지를 돌아보는 것이였습니다. 공항에서 20~30분 정도 거리에 있는 영흥사는 바다를 바라보고 있는 거대한 해수관음상이 압권인 불교사찰입니다. 이곳은 대략 30분 정도면 관광을 할 수 있습니다. 영흥사(영응사) 베트남전쟁이 끝날무렵 공산화된 베트남을 빠져나가기 위해 조그만 보트에 올라타고 남중국해로 나오다가 죽은 수 많은 난민들을 위로하고자 바다를 바라보고 있는 해수관음상을 세웠다고 합니다. ▲ 다낭시내를 지나 미케비치를 타고 북쪽으로 올라가다보면 마치 그때의 모습을 보는 듯한 미케비치의 배들을 볼 수 있습니다. 계속해서 선짜반도(손짜반도)에 올라서면 영흥사(링엄사)에 오를 수 있습니다. ▲ 영흥사오르기 위해서는 유물의 탑 앞에 있는 주차..
공지사항 2020. 1. 20.
UX공작소 T스킨 BASIC를 배포합니다.
새롭게 시작하는 티스토리 스킨 T스킨 BASIC를 배포합니다 많은 시행착오를 거치면서 티스토리스킨의 가장 기본이 되는 BASIC 버전을 배포합니다. 여러가지 다양한 카테고리의 블로그에 어울리면서 기본 티스토리스킨에 비해 한차원 넘어서는 다양한 기능을 가지고 있습니다. 기능의 설정도 관리자 화면에서 설정 할 수 있도록하여 웹기술을 모르더라도 쉽게 적용할 수 있는 강점이 있습니다. T스킨 BASIC 바로가기 아래의 샘플 블로그에서 기능과 디자인도 확인할 수 있고 구입도 할 수 있습니다. 또한 한번 구입 한 티스토리 유저는 언제든지 해당 샘플 블로그에서 다운로드를 받을 수 있습니다. T스킨 BASIC 구입 화면 바로가기 오류수정, 기능개선 등 계속 릴리즈되어지며 릴리즈 되어지는 정보도 해당 샘플 블로그에서 확..
일상다반사 2020. 1. 20.
아이패드 프로 11형 WIFI 모델 언박싱
좀 늦은 감이 있지만 아이패드 프로 3세대 언박싱입니다. 512GB WiFI버전 입니다. 전작보다 두께가 얇아지면서 자연스럽게 카툭튀가 되어버렸지만 그래도 무게가 줄어들었으니 이해합니다. 다만 아이패드 프로가 기본적으로 무게가 있기 때문에 묵직한 느낌은 어쩔 수 없네요. 언박싱 비닐도 뜯지 않은 태초 그대로의 모습입니다. 뜯고 싶지 않지만 전자제품은 대부분 후속작이 계속해서 나오기 때문에 가능한 최대한 빨리 사용하는 것이 이득이라 뜯어봅니다. 옆에 보이는 비닐 손잡이를 잡아 당기면 벗겨 집니다. 뒷면에는 간단한 사양을 보여 줍니다. 512GB에 WIFI 버전이라고 나와 있네요. 뚜껑을 열면 반투명비닐에 싸여있지만 자신의 존재감을 뿜뿜 뿜어내고 있는 아이패드 프로를 볼 수 있습니다. 아이패드를 들어내면 안..
스킨설명서 2020. 1. 16.
내 SNS 주소를 노출하기
보통 한 사람이 페이스북, 트위터, 카카오톡, 카카오스토리 등 여러 개의 SNS를 가지고 있습니다. 이 다양한 SNS 중 보여주기 원하는 SNS가 있다면 아래의 기능을 사용하시면 됩니다. SNS 설정 하기 관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다. 중간쯤에 있는 주인장 SNS 설정 (http:// ~ 부터 입력해 주세요) 항목을 찾아서 입력하시면 됩니다. 13개의 SNS주소를 입력하는 칸이 있는데 노출을 원하는 곳의 링크정보를 입력하면 됩니다. 입력되어 있는 요소만 화면에 노출이 됩니다. 결과 확인 하기 이제 결과를 보면 아래와 같이 적용이 된 것을 확인할 수 있습니다. RSS는 기본으로 노출이 되고 나머지 4개의 SNS가 노출 된 것을 확인할 수 있습니다.
스킨설명서 2020. 1. 16.
네이버 이웃추가 기능 사용하기
티스토리의 구독하기처럼 네이버도 이웃추가 기능이 있습니다. 이웃으로 맺어지면 이웃의 포스팅을 쉽게 확인 할 수 있는 장점이 있습니다. 국내에 몇 개의 블로그가 있고 각각의 특징들이 있지만 어찌되었든 네이버 블로그가 가장 많은 파이를 가지고 있는 것은 부인할 수 없습니다. 그렇기 때문에 어떻게든 네이버에 줄을 대는 것은 블로그 활동에 매우 중요한 요소라 할 수 있습니다. 그중에 하나가 네이버 이웃추가입니다. 상대방이 내 블로그를 이웃추가 하면 상대방이 자신의 네이버 me에서 내가 포스팅한 최신의 글들을 볼 수 있게 됩니다. 네이버 블로그 설정 내 티스토리 블로그에 적용하기 전에 먼저 네이버 블로그에서 세팅을 해 줘야 합니다. 그러려면 먼저 네이버에 회원가입이 되어 있어야 합니다. 네이버 블로그 이웃커넥트에..
스킨설명서 2020. 1. 16.
메뉴 기능 사용하기
티스토리에는 카테고리 말고 블로그 내에 있는 컨텐츠에 링크를 걸 수 있는 메뉴라는 기능이 있습니다. 티스토리에 이 메뉴 기능은 그대로 살아 있는데 새로운 공식 스킨에서는 잘 활용이 되고 있지 않습니다. 잘 활용하면 좋을 것 같아서 제 T스킨에는 이 기능을 넣어봤습니다. 메뉴기능 설정 하기 관리자화면 > 꾸미기 > 메뉴 메뉴를 선택하면 메뉴를 추가 할 수 있는 페이지로 이동합니다. 꾸미기 > 메뉴 선택 하세요 메뉴 추가 선택 하세요 임의의 메뉴명을 입력합니다. 링크를 걸 종류를 선택합니다. 기본메뉴는 홈, 태그, 방명록 등이 나옵니다. 페이지는 자신이 생성한 페이지의 리스트가 나옵니다. 카테고리는 미리 설정한 카테고리 메뉴명이 나옵니다. 태그 검색은 원하는 태그명을 입력하면 그 태그명을 가진 Posts를 ..
스킨설명서 2020. 1. 16.
카테고리 명 앞에 아이콘 달기
사이드바에 있는 매인 카테고리 이름 앞에 아이콘을 달 수 있습니다. 아이콘 설정 하기 관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다. 추가설정 항목의카테고리 아이콘 항목에 아무것도 없으면 카테고리명 앞에는 아이콘이 붙지 않습니다. 이 항목에 아이콘 명을 ,를 구분자로 하여 입력을 하면 위에서 부터 순서대로 카테고리 명 앞에 아이콘이 붙습니다. 아이콘셋은 XEICON에서 제공하고 있는 아이콘을 사용합니다. XEICON는 NAVER가 서포트 하고 있는 Xpress Engine에서 무료로 제공하고 있는 프로젝트 입니다. 다른 아이콘셋은 적용이 되지 않으니 해당 사이트에서 아이콘 명을 확인하여 적용하시면 됩니다. XEICON 바로가기 결과 확인 아래와 같이 카테고리명 ..
스킨설명서 2020. 1. 16.
본문 목차(TOC) 표시하기
목차(TOC)는 Table of Contents로 목차를 의미합니다. T스킨에는 컨텐츠를 분석하여 해딩() 태그가 있는 경우 별도로 목차(TOC)로 뽑아 주는 기능이 있습니다. 해딩으로 뽑아내는 목차(TOC)는 h1~h4로 한정 되어 지고 h5 이하의 목차(TOC)는 제외했습니다. 이 목차(TOC)는 고정적으로 컨텐츠의 오른쪽에 표시가 되면 메신저(댓글) 창과 반대로 움직입니다. 메신저 창이 오픈되면 목차(TOC)는 닫히고 메신저 창이 닫히면 목차(TOC)가 열리는 형태 입니다. 아예 설정에서 목차(TOC) 기능을 꺼 버릴 수도 있습니다. 목차(TOC) 설정 하기 관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다. 스킨편집 하단에 추가설정 부분에 있는 본문 목차(T..
스킨설명서 2020. 1. 16.
메신저(댓글) 창 닫고 시작하기
메신저(댓글) 창은 기본적으로 화면의 오른쪽에 오픈되어 배치가 됩니다. 하지만 메신저(댓글) 창이 그렇게 중요한 요소가 아닌 경우 화면이 로딩이 될때 닫힌 상태로 블로그가 열리게 할 수 있습니다. 메신저(댓글) 창 설정하기 관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다. 스킨편집 하단에 추가설정 부분에 있는 시작 시 본문 댓글 창 오픈를 봅니다. 기본값은 true 입니다. 블로그 본문에 접속을 하면 메신저(댓글) 창이 열린다는 의미 입니다. 이 값을 false로 변경을 하고 블로그 본문에 접속을 하면 메신저(댓글) 창이 닫힌 상태로 표시됩니다. 대신 말풍선 아이콘이 건수와 함께 표시되고 이 아이콘을 클릭하면 그때서야 메신저(댓글) 창이 열리게 됩니다. 결과 확인..
카테고리 없음 2019. 12. 13.
집에 하나씩은 있어야 할 가정용 보쉬 충전 해머 드릴(GSB-10.8-2-LI) 언박싱
남자들의 로망이자 집에 하나씩은 가지고 있어야 할 잇템~~ 해머 드릴을 하나 구매했습니다. 공구의 명가인 보쉬(BOSCH)에서 출시한 GSB-10.8-2-LI 이고 언팩를 하도록 하겠습니다. 구매는 인터넷 사이트에서 12만원 정도에 구매를 했습니다. 보통 가격대가 11만원~15만원대를 형성하고 있습니다. 인터넷으로 구매할 때 주의해야할 4가지 인터넷으로 구매할 때 주의해야 할 점 4가지를 정리해 봤습니다. GSB1080은 GSB10.8과 다릅니다 무작정 가격만 싸다고 검색 후 구매를 하시면 않됩니다. GSB10.8로 네이놈을 검색 하면 GSB1080이 10만원 대의 가격에 은글슬쩍 묻어서 나오는데, 모양은 비슷해도 다른 모델입니다. GSB1080가 구형모델이고 GSB10.8가 좀더 최신 모델이라고 보시면..
일상다반사 2019. 12. 12.
이미지를 DIV 가로, 세로에 대해 가운데 위치시키는 방법
예전에 이미지를 정해진 크기의 DIV의 가로, 세로 기준으로 중앙으로 정렬시키는 방법에 대해 포스팅한 적이 있습니다. 원하는 DIV박스 안에 최적의 이미지 사이즈로 표시하기 이 방법보다 더 쉽고 간단한 방법을 찾아내어 다시 포스팅을 합니다. background image의 cover을 활용하는 방법입니다. HTML 구성 먼저 HTML로 구성해야 하는 코드입니다. 이미지를 감싸고 있는 DIV를 통해서 나와야 할 이미지의 크기를 설정하시면 됩니다. 그러면 이미지가 그 크기에 맞게 중앙 정렬이 됩니다.
