티스토리가 좋은 점은 여러 가지가 있습니다
그중에서 이전 글 불러오는 기능 그리고 서식을 사용하는 기능입니다. 구글 블로그에서 이전 글 불러오기는 이전 포스팅을 생각해 내고 해당들을 찾은 다음에 제목과 웹주소를 복사해서 넣어야 합니다. 사실 대부분 링크는 이렇게 넣고 있는데, 티스토리만 유일하게, 이전 기능을 제공하고 있네요. 그리고 서식 활용하는 것은 이번 강조 글을 위해 박스를 만드는 방법으로 알려드리겠습니다. 이전에 애드센스 광고를 수동으로 넣었다면 사용했던 그 방법입니다.
티스토리 본문 글 강조하는 테두리를 몇 개 만들었습니다. 먼저 서적 관리 사용 방법입니다.
이곳은 티스토리 관리자 화면으로 들어왔습니다. 왼쪽 서식 관리를 누르면 오른쪽 해당 화면이 올라옵니다. 서식 쓰기 클릭
작성은 HTML모드에서 작성합니다.
글 작성하면 필요한 위치에서 서식을 적용하는 방법은 점 3개를 누르면 서식이 있습니다. 이곳에서 앞서 만든 서식을 클릭하면 게시판에 적용됩니다. 이제 앞서 만든 글 강조 박스 코드를 설명하겠습니다. 맨 위에 캡처 이미지의 첫 번째 강조 박스는 에디터에서 테이블 하나를 적용한 것으로 설명을 넘기고 캡처 이미지의 두 번째부터 설명합니다.
2. 배경색 넣기의 소스입니다.
<div style="background-color: #f5f5f5; border: #666666 2px solid; padding: 6px;">
<p style="text-align: left;">
<span style="font-weight: normal;">
</span>
</p>
</div>
background-color: #f5f5f5; 바탕색이며, border: #666666 2px 테두리 색상이며, 두께는 현재는 2px입니다. 두게는 숫자를 넣어 조절하면 됩니다. padding: 6px; 간격을 설정합니다. font-family: '폰트 이름'; 원하는 글꼴이 있으면 설정할 수 있는데 글꼴을 등록해야 하고 CSS에서 설정해야 합니다. 에디터에서도 글자 굵기, 크기, 색상 등을 충분히 설정할 수 있기에 여기서는 설명을 생략합니다. 이렇게 작성하면 된다는 것만 알고 있으면 되겠습니다.
3. 글 상자 테두리 만들기는 배경색 넣는 소스에 배경색만 빼면 됩니다. 여기서는 background-color: #ffffff; 배경색을 흰색으로 만들었습니다. 게시판이 흰색이라면 보이지 않고, 다른 색이라면 흰색으로 보입니다.
2번과 3번에서 박스 속 간격을 설정을 위해 padding을 사용했습니다. 이 값의 특성을 확인하고 싶으면 스타일 속에 width: 100%; 을 넣고 확인해 보시면 되겠습니다. 2번은 padding:6px, 3번은 10px의 차이를 알게 될 겁니다.
4. 티스토리 글쓰기 강조 박스 만들기 소스입니다.
<table style="border-collapse: collapse; background-color: #c4f9c8;" border="1" cellpadding="7" cellspacing="2">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
여기서는 padding 값이 아닌 cellpadding, cellspacing 값을 주었습니다. padding은 요소의 내부 여백을 설정하고, 설정된 값만큼 요소의 크기가 증가합니다.
cellpadding은 테이블 셀의 내부 여백을 설정하여 셀의 크기를 설정된 값만큼 증가시킵니다.
cellspacing은 테이블 셀 간의 간격을 설정하여 셀 사이의 공간을 설정된 값만큼 벌립니다.
따라서, 테이블에서 간격을 조정할 때는 padding 대신 cellpadding과 cellspacing을 사용하는 것이 맞고, 블록 레벨 요소의 내부 여백을 조정할 때는 padding을 사용하는 것이 적절합니다.
5. 티스토리 글쓰기 서식 코드로 박스 만들기 소스입니다.
<blockquote data-ke-style="style3">
<p data-ke-size="size16"> </p>
</blockquote>
이 소스는 이전 구 에디터로 사용할 때 챙겨놓았던 코드입니다. 티스토리에서 제공한 것인지, 그 당시 사용했던 유료스킨에서 제공한 것인지는 모르겠습니다만, 그 당시 글 강조를 위해 사용했던 것인데요, 여러 종류가 있었습니다. 선 종류별 배경색 종류별로 있었는데, 그 당시에는 이 한 가지만 사용했습니다, 그러다 그 기능을 지원하지 않으면서 유일하게 남아있는 코드인데요 생각 같아서는 data-ke-style="style3"에서 숫자를 바꾸면 다른 형태가 나올 것 같은데 전혀 아니올시다네요, 아무리 기억을 더듬어도 다른 형태는 찾을 수가 없습니다.
티스토리 블로그 생성 후 세팅, 반드시 이렇게 해야 하는 이유