티스토리 스킨 수정

티스로리를 처음 시작한 게 벌써 9년 전이다. 10년 차. 그동안 취향이라는 건 크게 변하지 않았는지 초반부터 심플한 디자인의 스킨을 선호했다. 예를들면... EP1^[각주:1], SIMPLELINE, 프라치노 공간(9.x 버전부터 썼었댜.)・・・・・・. 그러고보면 이제 새롭게 추가된 기능도, 더는 사용하지 않게 된 기능들도 많아서 제대로 동작하지 않는 스킨들도 많다.

오래전부터 차곡차곡 모아온 티스토리 스킨들. 용돈 모아 결제하고 그랬었다.

돌고돌아 정착한 게 지금 이 블로그에 사용중인 ena 님이 만드신 SimpleEr 스킨이다. 거기서 사용자화를 조금 더 했다.

이 글은, 그렇게 적용중인 스킨을 소개하는 글이면서, 스킨이 가진 여러 기능들을 소개하고 테스트하기 위한 글이기도 하다.
예를 들면, 이렇게 고딕으로 표시되는 글씨는 사실 Italic 을 적용하면 고딕으로 바뀌게끔 해뒀다. 기본 폰트를 정갈하면서 친근해보이는 폰트로 바꾼 것도 그렇고. 볼드를 적용하면 그것 역시 고딕체로, 그리고 볼드 처리가 되게 나온다. 티스토리 자체에 서체 기능이 있긴 하지만 그게 딱히 마음에 들지도 않고 그냥 내가 쓰고 싶은 폰트 쓰는 게 더 마음이 편하다. 본고딕도 좋은 폰트긴 하지만... 개인적으로 고딕 중에 고딕은 Kopub 돋움 서체라고 생각한다. 

볼드와 이탤릭 그리고 언더라인과 취소선이다. 취소선은 단축키가 없어서 불편하다. 나머지는 그냥 cmd + B, cmd + I, cmd + U 하면 되는데, 취소선만 마우스를 끌어서 적용해야 하니 말이다. 이 짧은 문장에서 드러났겠지만... 그래 나 엄청난 귀차니즘의 소유자다.
글 쓸 때 키보드 위에서 손을 떼서 마우스로 가져가는 일이 얼마나 고되고 귀찮은지... 게다가 나는 키보드에서 글을 쓰는 이 감각이 너무 좋아서 해피해킹을 꾸준히 써오고 있기도 하다. '키감'이라는 게 존재하지 않는 마우스에 손을 가져가는 건 아무래도 해피해킹의 값어치를 깎아먹고 있다고 해도 과언이 아닐 것이다. 비싸게 주고 산 키보드기 때문에... 말이 안 되는 소리를 길게 하는 건 취소선을 써보고 싶어서지.

예를 들면 이렇게 써볼 수 있을 것이다.

제작 최호영
기획 최호영

이렇게 쓰면 앞이나 뒤에 길게 본문이나 사족을 덧붙이더라도 좀 구분되어 보이고 좋지 않은가. 물론... 범용적이지 않은 사용이긴 해서.. 검색엔진에나 노출에 있어 불리할 수 있다. 근데 이건 댓글도 막아둘 정도로... 그냥 혼자 생각 끄적이고 싶어 만든 블로그라서.

이건 바로 제목 1이다

제목 1을 꾸밀 땐 위 문단과의 간격을 신경썼다.
일반적인 사용례는 아니나, 비교를 위해 '제목2'를 붙여서 써보겠다.

이게 바로 제목2이다.

어때, 구분이 좀 가는가?!

적어두고 보니 내가 구분이 안 간다. 왜 그런가 HTML 모드로 바꿔보니 
<h1> 태그가 '제목1'이 되어야 정상이지만, 기본모드에서 '제목1'은 제목1이 아니라 <h2> 태그를 쓰고 앉아 있다.

이 글이 원래는 마크다운^[각주:2]으로 쓰여졌었는데, 거기선 이제 h1이 h1으로 제대로 나온다. 근데 마크다운 모드로만 마냥은 못 쓰는 게 ... 이 밑줄체가 없다. 왜 없지 정말.
또 쓰다 보니 알게 되었는데, html 태그 상 <strong>과 <b>도 같아 보이지만 서로 다른 태그^[각주:3]인데, 마크다운으로 하면 <strong> 태그가 적용이 되고, 기본모드로 작성하면 <b> 태그로 작성이 된다. 또 마크다운에서 리스트를 사용하면 숫자가 있건없건 이 스킨에서는 리스트 모양이 제대로 보이지 않는다. 기본모드에서만 보인다.

티스토리는 왜 이렇게 만든 것인가. (이게 진짜 제목1)

정말... 알다가도 모를 일이다. 결국 같은 속성을 두 개씩 썼다. <b>에 들어갈 것 하나, <strong>에 들어갈 것 하나... 마크다운으로도 그래도 종종 글을 쓸 것이기 때문에...

다음과 카카오가 다시 분할하면서.. 티스토리는 다음이 갖고가나보다. 다음 블로그도 사라졌는데... 그럼 이제 카카오 블로그는 브런치, 다음 블로그는 티스토리가 되는 건가. 근데 티스토리 초대장 제도 사라지면서 광고가 너무 많아졌다. 그건 뭐 아직 심사제인 브런치도 요새 부쩍 광고가 많아지긴 헀다만...
아무튼 대 인공지능의 시대를 살아가는 우리에게 쏟아지는 광고와 영양가 없는 껍데기뿐인 글을 마주하는 일은 필연인가보다.

오, 이거 좀 명언인데.

아무튼 대 인공지능의 시대를 살아가는 우리에게 쏟아지는 광고와 영양가 없는 껍데기뿐인 글을 마주하는 일은 필연인가보다.

인용구는 따로 디자인 할 생각을 못했는데, 이게 인용구 1번이다.

이건 인용구 2번.. 디자인이 다르게 나오려나

아, 다행이다. 같게 나온다. 정말... 천만 다행이다.

따로 더 구현한 기능은 없고, 이 글을 드래그해보면... sellection:: 값을 color: white;background-color: black; 이렇게 줬다. 

그럼, 이만 끝.

 

 

 

1. 블로그가 사라졌다. [본문으로]
2. 티스토리 마크다운 문법 가이드 바로가기 [본문으로]
3. 당연하다 글자가 다르다. 그냥 서로 같게 보이는 것 뿐. css 설정으로 둘이 다르게 보이게 할 수도 있다. [본문으로]