본문 바로가기

티스토리/글쓰기,꾸미기23

[Tistory]티스토리 에디터 선택, 글상자 변형, 신버전 에디터에서 글상자 사용해보기 티스토리 신버전 글쓰기(신규 에디터)가 나온지가 벌써 1년이 넘었지만, 저는 아직도 구버전 글쓰기 (구에디터) 화면이 더 익숙합니다. 신버전의 인터페이스가 아직은 개선되야할 부분이 아직은 남아 있는 것 같아요. 예를 들어 구버전에서 자주 사용되던 기능이었던 '글상자'가 신규 에디터에 없는 것은 아쉬움으로 남습니다. 티스토리 시스템팀에서 요즘 여러가지 시도를 하고 있는 것으로 보아 이런 소소한 불편도 언젠가는 개선이 되지 않을까 생각해봅니다. 사실 이번 포스트는 신규 에디터에서 글쓰기를 시도해보다가 겪은 불편함 때문에 작성하게 되었습니다. 티스토리의 신규 에디터에서 글쓰기를 할 때 현재는 없는 기능인 '글상자' 기능은 구에디터에서는 문제없이 사용가능합니다. 앞으로도 신규 에디터에서 계속 '글상자' 기능이 .. 2020. 6. 2.
[Tistory]p, br, div, span 태그의 의미와 티스토리 글상자, 글자배경색 적용 티스토리의 구버전 글쓰기 편집기(구에디터)를 사용하면 비교적 쉽게 글자배경색과 글상자를 적용할 수 있습니다. 텍스트를 입력한 후 원하는 글자배경색이나 글상자를 적용하면 되죠. 생각보다 글자배경색이나 글상자를 입력하는 방법이 쉽고 간편기 때문에, 사용하는데 크게 불편함이 없다면 구에디터의 기능 그대로 사용해도 문제는 없습니다. 그런데, 가끔은 본인이 원하는 스타일로 조금 더 변형을 하고 싶은데 에디터로는 표현하지 못하는 경우가 생길 때도 있습니다. (사실 구버전 에디터로의 기능만으로도 웬만하면 원하는 스타일을 거의 만들어낼 수 있어요.) 그럼 좀 더 원하는 스타일대로 글상자, 글자배경색을 적용하려면 어떻게 하면 좋을까요? 편집기에 있는 html 에디터를 이용하면 됩니다. 간단한 html 편집을 하는거죠. .. 2020. 5. 21.
[Tistory]티스토리에서 3원색(RGB)의 10진수 16진수 코딩과 색상코드 확인하는 방법 학창시절 삼원색(3원색)이라는 용어를 배웠던 기억이 납니다. 하지만, 지금은 가물가물 하군요. 포스팅을 시작하기에 앞서 추억의 3원색을 소환해봅시다. 3원색은 보통 빛의 3원색, 색의 3원색으로 나뉩니다. (색의 3원색은 염료의 3원색이라고 불리기도 합니다.) 빛의 3원색은 빨강색, 초록색, 파랑색(RGB)이고 색의 3원색은 노랑색, 청록색, 자홍색 (YCM) 세 가지 색입니다. 오늘은 두 가지 3원색 중 티스토리 블로그에 적용되는 빛의 3원색(RGB)에 대한 부분을 알아볼 예정입니다. 티스토리에서는 빛의 3원색인 RGB 색상표현을 하기 위하여 10진수와 16진수 두 가지 형태를 사용하고 있습니다. 10진수는 잘 알고 계시는 것처럼 0,1,2,3,4,... 처럼 0과 양의 정수의 집합입니다. 16진수는 .. 2020. 5. 6.
[Tistory]티스토리 직접유입 및 기타유입의 의미와, 검색로봇 통계반영 여부 요즘 티스토리를 운영하면서 티스토리의 방문통계를 찬찬히 살펴보고 있습니다. 불과 몇 달 전까지만 하더라도 월간 방문수가 평균 2,000명 안팎이었는데, 지금은 평일기준 하루의 방문수가 2,000명을 넘나들고 있기 때문에, 과연 어떤 이유로 방문자수가 늘어나고 있는가 하는 부분과 어떤 경로로 방문자가 들어오고 있나 하는 부분이 궁금한 거죠. 그 중 오늘은 후자에 해당하는 어떤 경로로 방문자가 유입되고 있나 하는 부분, 특히 직접유입과 기타유입이 의미하는 것, 그리고 검색로봇이 통계에 영향을 미치는지에 대한 사항에 대해 이야기를 나눠볼까 합니다. 많은 분들이 블로그 관리자인 본인이 블로그 내의 포스트에 접속을 하게 되면 직접유입 또는 기타유입 통계에 반영이 된다고 하더군요. 그런데, 여기서 생긴 의문. 과연.. 2020. 5. 1.
[Tistory]티스토리 자동생성 사이트맵으로 네이버 및 구글웹마스터도구 5분등록! 사이트맵이란 인터넷 사용자 또는 검색엔진의 크롤러가 사이트가 어떻게 구성되어있는지 확인할 수 있도록 도와주는 페이지 목록을 의미합니다. 특정 사이트의 지도와도 같은 역할을 하는 것이 바로 사이트맵이죠. 특히 검색엔진의 로봇이 방문할 때 사이트의 계층구조를 확인할 수 있도록 도와주는 장치이기 때문에 내가 작성한 글이 외부에서 정상적으로 검색이 되기 위해서는 '사이트맵'이 정상적으로 만들어져서 해당 검색엔진 로봇(크롤러)이 이해할 수 있도록 해야합니다. 지금까지는 이런 사이트맵을 만들기 위해서 외부 사이트를 이용해왔습니다. 그런데, 앞으로는 그럴 필요가 없어졌다는 소식을 전해드립니다. 와우! 2020년 4월 27일부터 티스토리의 모든 블로그에는 사이트맵이 자동으로 생성이 된다고 합니다. 이말은 곧 사이트맵을.. 2020. 4. 30.
[Tistory]티스토리 서식기능으로 색깔 글상자 만들어서 글쓰기에 적용하기 지난 시간에 캔바(Canva) 사이트를 활용해서 블로그의 대표이미지를 만드는 방법을 알아봤었습니다. 구독자 중의 한 분이 요청하셨거든요. 그런데 이번에 다른 구독자께서 티스토리 색깔 글상자를 만드는 방법을 요청하셔서 또 포스트를 작성하게 되었네요. (사실, 색깔 글상자 서식을 보내달라는 요청이셨는데, 서식을 보내드릴 수 있는 방법이 없으니 대신 포스팅을 해드린다고 했죠.) 티스토리의 '서식' 기능을 활용하면 여러모로 편리하다는 점은 오래 전 포스팅에서도 설명드린 바가 있습니다. [Tistory]티스토리 숨은 기능 '서식'기능 활용하기 '서식' 기능은 포스트에 자주 사용되는 틀을 미리 만들어 놓음으로써 반복적인 작업으로 소요되는 시간을 절약할 수 있는 장점이 있죠. 특히 간단한 인사말이나 Copyright.. 2020. 3. 4.
[Tistory]캔바(Canva)로 블로그대표이미지(아이콘) 만들기 따라하기 블로그를 운영하기에 앞서서 블로그의 대표이미지나 블로그 아이콘을 미리 만들어둔다면 블로그가 성장해 갈 때 큰 도움이 됩니다. 누군가가 전혀 몰랐던 블로그에 방문하게 된다면 블로그 메인페이지나 포스트의 특정 장소에 위치한 블로그의 대표이미지 또는 아이콘을 보고 해당 블로그를 인식하기 시작합니다. 그러다 블로그가 (어떤 이유에서든) 도움이 된다면 블로그의 제목을 검색하거나 사이트 주소를 직접 인터넷 주소창에 쳐서라도 방문을 이어가게 되죠. 일러스트레이터(이미지생성)나 포토샵(편집)과 같은 전문적인 프로그램을 다루지 못한다면 대표이미지, 로고, 블로그아이콘 등을 만들거나 편집하는데 어려움이 있을 것입니다. 물론, 파워포인트와 같은 툴을 전문적으로 다룰 수 있다면 도형과 각종 클립아트를 활용하여 개성넘치는 이미.. 2020. 3. 3.
[Tistory]html의 기본구조와 티스토리 html 기본편집 티스토리를 관리하다 보면 글자체 변경, 여백조정와 같은 스킨편집 작업이나 수익원 창출을 위한 애드센스 광고게재 등을 위하여 html을 수정하는 일이 생기곤 합니다. html 이란 Hypertext Markup Language의 약자로 웹문서를 만들기 위하여 사용하는 가장 기본적이며 단순한 웹 언어입니다. 티스토리 편집기를 이용한 글쓰기도 html으로 구성된 페이지에 불과합니다 이렇게 말이죠. 위의 이미지는 티스토리 글쓰기 편집창의 html 편집기 상의 html입니다. 다행히도 현재는 글쓰기를 할 때 html로만 코딩작업을 하지는 않지만, 필요할 때 html을 편집해야 하는 일이 생기기도 합니다. 그렇기 때문에 최소한의 html 편집방법 및 html의 기본구조에 대한 이해가 필요한 것입니다. 이번 시간에 .. 2019. 10. 8.
[Tistory]티스토리 사진(이미지)에 링크거는 방법, 새창(현재창) 링크오류 해결 티스토리 포스팅을 하다보면 외부 URL에 링크를 거는 일이 자주 생깁니다. 다음, 네이버 등의 주요 포털사이트를 비롯하여 구글이나 야후 등 검색엔진 사이트, 개인 홈페이지나 특정 주제의 홈페이지 모음 등을 포스팅 하다보면 링크작업을 여러 번 해야만 하죠. 외부링크를 걸어주는 작업은 사실 크게 어렵지 않습니다. 티스토리 편집기의 URL 편집버튼만 누르면 끝이거든요. 하지만, 외부링크를 걸어줄 때 주의할 점이 있습니다. 외부링크 자체가 '새창'으로 열려야 한다는 것이죠. 익스플로러 브라우저를 이용해서 포스팅을 할 때 외부링크를 걸면 '현재창'으로 열리게 되는 경우가 많거든요. 분명 초기 설정값인 '새창'으로 열려야 하는데 말이죠. 외부링크가 '현재창'으로 열리면 해당 링크가 현재의 제 블로그 포스트 창에서 .. 2019. 10. 4.