티스토리 플러그인은 종류가 상당히 많은 편은 아니지만 유용하게 사용할 만한 그런 플러그인이 있다 그 중 가장 많이 사용하는 플러그인을 이야기 하자면 이전발행글 넣기 라고 볼 수가 있다 정말 유용하게 매번 쓰는 글마다 한두번은 들어가는 기능이다 그러면 티스토리 플러그인이 어떤 기능이 있는지는 아래의 글을 참조를 하면 좋을 것 같다 이렇게 사용을 하는게 이전발행글이다
위의 플러그인 관련 글을 봤다면 플러그인이 어떤 부분에 좋은지를 알아보았을 것이나 나의 블로그에 필요한 부분만 플러그를 꽂듯이 사용을 하면 된다는 부분이다 오늘 하나를 배워 보도록 하겠다
이 이전발행글 넣기를 사용하기 위해서는 플러그인을 활성화를 시켜야 한다 그렇게 하기 위해서는 메뉴에서 플러그인으로 들어간다 글쓰기 챕터로 가 보면 이전발행글 링크 삽입 이라는 플러그인이 있는데 사용을 하게 만들어 놓는다 클릭을 하면 아래와 같은 설명을 하는 것을 알 수가 있다
그러니 내용은 내가 이전에 작성했던 글을 본문에 넣기 쉽게 하는 것이다 내가 본문을 작성하면서 이전글 참조를 할 수 있도록 링크를 넣는 부분인데 이 플러그인이 없다면 일일이 찾아서 링크 주소를 여기에 걸어야 하는데 이 플러그인을 사용을 하면 그런 부분들을 쉽게 할 수가 있게 적용을 해 준다 너무 괜찮은 것 같다
그러면 한번 사용을 해 보겠다 먼저 글 쓰기를 한다 그리고 본문을 작성을 하다가 이전글을 링크로 넣고 싶다 하면 상단의 메뉴를 클릭을 한다 세개의 점으로 되어 있는 부분을 클릭을 하면 하위 메뉴가 나온다 여기에서 플러그인을 클릭을 하면 활성화를 해 놓은 두개의 플러그인을 볼 수가 있다 유튜브 동영상 첨부와 이전 발행글이다 여기에서 이전발행글을 클릭을 하면 된다
그러면 이전 글들의 리스트들이 나오며 마우스를 올려보면 글의 설명까지 볼 수가 있다 여기서 사용하고자 하는 글을 클릭을 한다 그러면 본문에 그 글이 들어가는 걸 알 수가 있다
이렇게 말이다 이 라인의 마지막 부분에서 엔터를 치면 링크가 미리보기 형식으로 아래에 보이게 된다
이렇게 미리보기가 들어가 있는걸 볼 수가 있다 여기에서 리스트 글을 지워버리면 미리보기만 남는다 이렇게 글들을 넣을 수가 있다
이렇게 사용한 부분은 아래와 같이 본문에서 만나볼 수가 있다 이 본문도 상단에 플러그인 공략 이라는 부분을 이런 이전발행글 보기를 통해 작성을 하게 된 것이다
이렇게 이전발행글 보기를 하면 어떤 부분이 좋을까 하는 의문이 들 것이다 첫번째로 내 글에서 다른 글로 또 다른글로 계속 내 블로그 안에서 내 블로그의 글들을 읽을 수 있는 그런 문서의 사슬을 만들어 준다 물론 안 읽으면 그만이지만 일을 수 있는 그런 가능성을 주기 때문에 더 많은 글들을 읽으며 내 블로그에 더 오래 머물게 한다
그리고 두번째 내부 백링크를 만들어 주는 역할을 한다 구글이나 네이버의 경우 백링크를 정말 중요하게 생각을 한다 백링크가 많다는 건 그만큼 내 글이 다른 곳에서 많이 참조가 되기 때문에 좋은 블로그 라는 인식을 가지게 되기 때문이다 내부 백링크도 마찬가지이다 백링크가 뭔지 궁금하다면 아래의 글을 읽으면 많은 도움이 될 것 같다
워드프레스는 네이버의 View 탭에는 노출이 거의 되지 않으나 웹사이트 섹션에는 노출이 될 수가 있기 때문에 네이버 웹마스터도구에 등록을 해 놓는게 그래도 괜찮다는 생각이 든다 물론 구근 서치콘솔도 등록을 하는게 좋겠지 구글 타겟으로 하지 않을까 하는 생각에 하여간 한번 알아보도록 하겠다.
먼저 네이버에서 웹마스터도구 로 조회를 해 본다 그러면 네이버 서치어드바이저 가 보일 것이다 물론 저 이름으로 조회를 해도 상관은 없겠지만 편할대로 한다 그 다음 로그인을 하고 상단 우측의 웹마스터도구 버튼을 클릭을 한다
그러면 이렇게 사이트 등록을 할 수가 있다 이 곳에서 내가 만든 워드프레스 도메인 주소를 넣는다 그러면 아래와 같이 사이트 소유 확인을 한다
사이트 소유확인을 하는 방법은 두가지 방식이 있다 html 스크립트의 해더 부분에 소스코딩을 하는 방식과 웹사이트 ftp 로 루트의 위치에 파일을 넣는 방식 두가지 방식으로 알아볼 수가 있는데 오늘은 직접 파일을 올리는 방법을 알아보겠다 예전 티스토리는 웹마스터도구 등록을 할때 html 방식 밖에 사용을 하지 못하기 때문에 그 방식을 사용을 했는데 일단 파일을 올리는게 더 효율적인 부분이 있다
html 태그에 코딩을 하는 방식은 스킨이 바뀌거나 할 경우 이 태그가 없어져서 나중에 소유 확인이 안되는 경우가 있다 물론 이런 부분을 대비하여 플러그인을 제공을 하긴 하지만 더 좋은 방식이 있는데 꼭 그렇게 할 필요는 없을 것 같다
그러면위의 Html 파일 업로드를 선택을 하고 Html 확인 파일을 받는다 그러면 다운로드 가 되는걸 확인을 할 수가 있다 그 다음은 ftp 클라이언트 프로그램을 실행을 한다 나는 개인적으로 파일 질라를 선호하기 때문에 파일질라를 사용하도록 하겠다 파일질라 설정법을 알고 싶다면 아래의 글을 참조 해 보기 바란다
티스토리 사이트를 보면 가끔 사이드바의 배너를 볼 수가 있다 그런데 요즘은 스크롤을 내려도 배너는 계속 움직이지 않는 스타일이 있어서 상당히 신기하다는 생각을 많이 해 보았다 알고보니 지금 내가 사용하고 있는 스킨이 이런 배너를 지원을 해 주는 것이었다 와 너무 신기했고 나도 나의 블로그가 인기가 있어지면 배너를 달아 보아야 겠다 라는 생각에 오늘 한번 테스트 삼아 배너를 설치를 해 보았다
지금 현재 나의 블로그 이다 저 빨간 위치에 배너를 넣고 싶다는 생각이 막 들었고 그래서 오늘 이걸 해결 해 볼 예정이다 하나하나 해결을 해 나간다는 건 참 재미있는 것 같으며 그걸 이렇게 또 글로 만드는 것도 즐거운 것 같다 오늘도 약간은 장문의 글이 될 것 같다 한번 같이 따라와 보면 좋을 것 같다는 생각이 든다
나의 블로그에 달 배너는 만든지 얼마되지 않은 사이트를 한번 달아볼 예정이다 키워드 조회를 할때 도움을 주는 그런 사이트 이다 아래의 사이트를 사이트 탭에 한번 배너를 넣어 보도록 하겠다 나중에는 애드센스 승인이 나면 광고가 들어가는 공간이 되겠지 ㅎㅎㅎ
먼저 배너를 설치를 하려면 사용할 이미지를 만들어서 인터넷에 올려야 한다 비공개로 사진을 하나 올려 놓으면 된다 항상 이런 식으로 작업을 하고 있다 한번 해 보겠다 일단 배너로 사용할 이미지를 하나 만든다 아래처럼 간단하게 하나 만들어 보았다
그러면 비공개로 글을 간단하게 하나 작성을 한다 제목은 어차피 안 보일거니 대충 나중에 알아먹을 수 있게 배너이미지 이렇게 적어 놓는다 그리고 사진을 본문에 올린다
그리고는 비공개로 발행을 한다 그러면 이 이미지는 본문에 들어가며 티스토리 서버에 이 이미지가 올라가게 되는 것이다 그러면 이 이미지의 주소를 따서 사용을 하면 된다
비공개한 글은 관리자는 볼 수가 있다 다른 사람은 볼 수가 없기 때문에 편하게 보면 될 것 같다 하지만 이 이미지 주소는 누구나 이 주소로 볼 수가 있다 그러니 아래처럼 마우스 오른쪽 버튼으로 이미지 주소를 복사 한 다음 메모를 해 놓는다 이게 배너 이미지의 주소가 될 것이니깐 아마도 이런 식으로 사용을 하는 분들이 많이 있으리라 생각을 한다.
플러그인을 사용하여 배너 만들기
지금 내가 사용하고 있는 이 square 라는 스킨은 상당히 괜찮은 것 같다 간결하면서도 필수적인 기능을 지원을 해 준다 그리고 배너를 설치할 수 있는 그런 플러그인도 지원을 해 준다 정말 괜찮은 것 같다 이 스킨 정말 추천을 한다
그러면 플러그인을 한번 보도록 하겠다 예전에 플러그인에 대해서는 상세하게 한번 살펴본 적이 있다 아마 그렇게 살펴 보았을때 배너 부분도 봤을 것 같다 다시한번 보고 싶다면 아래의 글을 참조하면 될 것 같다
한번 이 곳에서 배너 만들기를 해 보겠다 관리자 페이지의 플러그인으로 들어가 본다 그러면 관리및 통계 하는 카테고리를 볼 수가 있는데 이 곳에서 배터출럭을 활성화를 한다 이렇게 하면 플러그인을 통해 배너를 만들 수가 있는데 모든 스킨이 다 되는 건 아니며 배너를 지원하는 스킨에서만 가능하다 지금 내가 사용하는 이 스킨 이 그런 부분이다
이렇게 한 다음 꾸미기의 사이드바 로 가 본다
그러면 이미지 배너출력 이라는 것을 볼 수가 있다 왼쪽에 있는데 플러스 버튼을 클릭을 하면 오른쪽으로 이동이 된다 왼쪽은 사용할 수 있는 모듈이며 오른쪽으로 이동을 하면 블로그에서 보여지게 된다고 볼 수가 있다
오른쪽으로 옮겨진 이미지 배너출력의 편집 버튼을 클릭을 한다 이 곳에서 배너를 설정을 할 수가 있다 너무 좋지 않은가
그러면 설정을 할 수가 있다 이름은 나의 배너의 이름을 넣어준다 그리고 이미지 URL 은 아까 메모를 햇던 이미지의 주소를 넣어 주면 된다 그리고 연결할 Url 은 이 배너를 클릭했을때 연결이 되는 Url 을 넣어주면 된다 상당히 쉽다는 걸 알 수가 있다 자 그러면 설정을 해 보겠다 나의 블로그에 배너가 설치가 되었는지 확인을 해 봐야겠지
우와~~~ 내 블로그에 배너가 설치가 되었다 그리고 이 배너를 클릭을 하니 실제 홈페이지로 이동이 된다 와 정말 쉽다 라는 생각이 들었다 그런데 약간 아쉬운 부분이 있었다 뭐냐 ... 중앙 정렬이 안된다 그래서 뭔가 배너가 왼쪽으로 붙었다는 느낌을 받는데 이미지 크기를 딱 맞게 하면 되겠지만 나는 이 크기에 중앙 정렬을 하고 싶다는 생각이 들었다
그래서 내가 직접 배너를 만들어야 겠다는 생각을 하게 되었다 플러그인으로 만들면 정말 쉽게 만들지만 내가 원하는 스타일을 낼 수가 없다는 제한적이다는 생각이 들어서 직접 한번 배너를 만들어 보겠다 이 부분은 html 을 조금은 알아야 하는 부분이기도 하지만 찬찬히 한번 보면 도움이 많이 되지 않을까 한다
일단 배너가 설치가 된 나의 블로그를 html 로 소스보기를 해 본다 소스는 어느 위치에 있는지를 확인해 보기 위해서 이다
확인을 해 보니 module_plugin 이라는 Div 안에 들어가 있다 그러면 여기의 html 을 하이퍼링크 부분부터 Copy 를 한다 물론 날코딩을 하면 되겠지만 귀찮아서 그냥 이렇게 복사 붙여넣기를 해 보겠다 복사를 하여 메모를 해 놓았으면 스킨으로 가서 html 편집을 해 본다 이 부분을 잘 모르겠으면 이전 글을 참조를 해 보는 것도 괜찮을 것 같다
html의 개념을 알고 있는 분들이 이 방식은 따라하면 좋을 것 같다 그런데 티스토리 운영을 잘 하기 위해서는 기본적인 html 정도는 알아놓는게 좋을 것 같다는 생각을 해 본다.
html 편집으로 가 본다 이 곳은 나의 스킨에서 사용하는 html 을 이야기 한다 이 곳을 수정하면 나의 블로그 스타일을 바꿀 수가 있다 그래서 디자이너 들은 이 곳에서 내가 원하는 블로그 스타일로 바꾸어서 사용을 하기도 한다 하여간 이 곳에서 사이드바 모듈을 찾는다
ctrl + f 로 서치를 하는데 sidebar 을 찾아본다 그러면 소스 중 sidebar 로 되어 있는 부분을 찾을 수가 있다
아마 아래의 부분을 찾을 수가 있을 것이다 이는 이 스킨에서 지원을 해 주는 사이드바 모듈들이 정의가 되어 있다는 걸 알 수가 있다 그래서 나는 이 모듈을 내가 원하는 스타일로 하나를 만들어 보고 싶다는 말이 되겠지 <!-- 이렇게 되어 있는 부분은 사이드바의 명이라고 보면 된다 하나를 복사를 한다
가장 간단한 소스 부분을 하나 복사를 한다 아래 부분을 한번 드래그를 하여 복사를 해 보겠다 그리고 그 바로 아래에 붙여넣기를 하면 동일한 부분이 붙여넣기가 되는 걸 알 수가 있다
이 부분을 삭제를 하고 아까 카피를 한 소스를 붙여넣기를 한다 그리고 주석을 알아볼 수 있게 수정을 한다 dinositebanner 로 바꾸어 준다 그리고 한 부분을 더 바꾸어 준다 Div 의 스타일을 중앙정렬로 바꾸어 준다 이 부분이 없어서 나는 플러그인 모듈 사용을 하지 않았다고 보면 된다 내가 만들면 내 맘대로 만들 수가 있기 때문에 html 을 조금만 안다면 어렵지 않게 만들어 준다.
해석을 해 보면 내가 배너로 사용을 하려는 div 는 스타일을 weighr(가로) 를 중앙정렬(center) 로 하고 싶다는 이야기 이다 좀 어렵다 생각을 할 수도 있지만 천천히 하면 어렵지 않다 그리고 내 블로그에 배너를 만드는데 이렇게 하나 만들 줄 안다면 정말 좋지 않을까
그러면 다시 사이드바로 가 본다 그러면 내가 만든 모듈이 기본 모듈에 들어가 있는걸 볼 수가 있다 이걸 플러스로 오른쪽으로 옮겨만 주면 되는 거다 만들기가 쉽지는 않지만 한번 만들어 놓으면 언제든 넣었다 뺐다를 할 수가 있다
이게 어렵다면 아까의 플러그인으로 사용을 하면 되며 중앙정렬이 안되기 때문에 이미지 사이즈를 사이드봐와 동일하게 맞추어 주면 될 것 같다 html 을 조금 안다면 한번 직접 간단하게 코딩을 해 보는 것도 괜찮을 것 같다
이렇게 하니 배너가 중앙으로 들어가 져 있는것을 알 수가 있다 이제는 좀 마음에 든다 그러면 플러그인을 사용했을때와 내가 직접 모듈을 만들었을때의 차이를 한번 아래에서 보겠다
플러그인을 사용을 했을 때는 이미지가 왼쪽으로 쏠려 있는걸 알 수가 있는데 직접 만들어서 center 로 주니 이렇게 중앙으로 정렬이 된 것을 알 수가 있다 오늘도 하나 했다 이렇게 하나하나 성취를 하는 게 괜찮다는 생각이 많이 든다 한번 따라서 만들어 보는 것도 재미있지 않을까 하는 생각이 든데 참고로 위의 배너에 들어가 있는 사이트가 하는 일은 아래의 글로 대신해 보겠다 ^^
