[친효스킨 설치] 친절한 효자손 무료 스킨 설치했다 (색상 변경)

[친효스킨 설치] 친절한 효자손 무료 스킨 설치했다 (색상 변경)

 

단언컨대 스킨 업데이트가 되었다는 공지입니다. 효자손님의 1.15버전의 친효스킨을 설치해 봤습니다. 이번 셋팅에서는 아래처럼 변화가 이루어질 예정입니다.

 

단언컨대 티스토리 블로그 스킨 변경 및 핵심 변화 12가지

(참고로 위 제목은 H태그의 1번째로 가장 큰 글자입니다.)

1. 많이 쓰고, 또 쓰겠습니다. ('습니다' 체로 블로그 운영할 것입니다.)

일단 필력이 부족하기 때문에 선배 블로거님들의 문장을 많이 읽고, 책도 많이 읽어야 한다고 생각합니다.

 

2. H태그를 성실하게 사용할 것입니다.

아래의 링크에서 많이 배웠습니다.

https://rgy0409.tistory.com/3233

머리말3을 사용한다는 것은 소제목을 넣는 것을 의미합니다.

한번 넣어 보겠습니다.

안녕하세요. 머리말 (소제목 - H태그3) 입니다. 이 정도의 비주얼입니다.

효자손님에 의하면, 쉬어가는 느낌을 주는 장점이 있고, 다른 주제의 글이 전개된다는 느낌을 독자에게 전할 수 있다고 합니다. 또 검색 엔진이라는 녀석이 p태그하고 h태그에서 많은 키워드를 수집해 간다고 합니다. h태그를 여러번 남용하는 것이 문제라고 합니다. 매거진의 (자유기고가, 또는 유명 기고가처럼) 컬럼을 쓰는 것처럼 적절하게 h태그를 넣어서 세련된 글을 작성할 수 있습니다.

 

3. 문장 수준의 인용하기

'왼쪽은 인용 마크'입니다. 다른 블로거님들의 말이나 표현 등을 인용할 때 사용할 예정입니다.

4. 문단 수준의 인용하기

문단 수준의 인용은 다른 말로 '글상자'라고 할 수 있습니다.

강조하는 기능이 있고, 백그라운드에 태그를 줘서 이 부분이 아주 잘 보이도록 할 수 있다고 합니다.

링크를 넣을 수도 있습니다.

커스터마이징으로 다른 색으로 만들 수 있으니 즐겁습니다.

https://rgy0409.tistory.com/2430

'왼쪽은 문단 단위의 인용 표시입니다. 블로그의 글이 한 개를 쓰더라도 정성을 들여서 쓰려고 하는 다짐입니다.

방금 새로운 사실을 알았습니다.

위의 효자손님의 참조 링크 마지막에서 엔터를 쳤더니

미리 보기 화면이 나왔습니다. 참 티스토리만 공부해도 이렇게 미묘하고 심오하네요.

연습으로 글의 마지막 문구를 만들어 보겠습니다.

"친절한효자손 취미생활" 을 검색! 이라는 원형의 글상자를 응용해서,

"단언컨대 블로그생활" 을 검색! 이라고 바꿔보겠습니다.

"단언컨대 블로그생활" 을 검색!

정말 놀랍습니다. 감동적입니다.

"단언컨대 블로그 생활" 을 검색!

 

5. 테이블을 사용해서 정보를 정리하려고 합니다.

예전부터 한글 97과 같은 프로그램으로 워드 연습만 했지, 지금처럼 인터넷 기반의 편집툴은 언제나 낯선 느낌입니다. 두근거리는 마음으로 아래에 테이블을 연습해 보겠습니다.

먼저 테이블 1x1의 디자인입니다. (엔터를 쳤더니 아래로 넓어졌습니다.)

다음으로, 테이블 1x2를 해봤습니다. 위처럼 회색 테마로 해보겠습니다.

놀라운 일이라고 생각합니다. 위쪽 제목 칸은 회색인 반면에 아래의 본문은 이렇게 '쌀밥'처럼 산뜻합니다.

이번엔 2x2도전입니다.
예상한 대로 예쁘다고 생각합니다.

자동차 회사	현대자동차 (제목 예시1)	기아자동차 (제목 예시2)
소형 SUV (셀토스 미안해! ㅠ)	베뉴	셀토스
준중형 SUV	코나 (앗 코나는 스포티지 급은 아니죠)	스포티지 (눈뽕티지는 아니고)

이렇게 표를 만들어 보니까, 보람을 느낍니다. 대각선 표도 집어 넣을 수 있는지 궁금합니다.

 

6. AMP 애드센스 (모바일에서 가속화된 광고)

Accelerated Mobile Pages 의 약자라고 합니다. 빠르게 업로드가 되어서 방문자가 나가지 않게 됩니다.

 

7. P태그를 적극 활용해 보겠습니다.

새로운 티스토리 에디터 는 굉장히 효과적입니다. 그럼에도 한글 프로그램이나 워드처럼 입맛에 맞게 글꼴이나 색상을 변경하는 것이 어려울 때가 있습니다. 이 때 효자손님이 알려 주신 방법처럼 P태그를 사용해서 SEO도 향상시켜 보겠습니다.

놀라운 점은 P태그는 단락(문단-패러그래프)을 바꾸는 것이지만, br태그는 줄을 바꾸는 엔터효과라는 것입니다.

https://rgy0409.tistory.com/2861

 

8. 유용한 '고정형 페이지'도 만들어 보겠습니다.

페이지 수준의 유용한 유틸리티 사이트도 만들어 보겠습니다.

https://html-color-codes.info/Korean/

 

9. 새 글을 열었을 때 새창으로 열리는 것이 '수익'이나 쾌적성에 영향이 있을까?

효자손님의 경우는 포스팅의 다른 글을 열면, 새 창으로 열리는 것 같습니다.

 

10. 이전 글 넣기 기능 (인용구 위의 3번 항목 참조)

인용구 넣기로 예전 글을 더 볼 수 있게 배려합니다.

https://rgy0409.tistory.com/2432?category=708810

 

11. 샌드위치처럼 블로그 글을 조립해 보겠습니다.

 

1.시작하는 글을 3줄 정도

2.시간과 돈을 아껴 주는 블로그, 단언컨대 블로그생활!

3.글, 사진 및 이미지 > Copymate(C) 매튜

4. #Copymate(C) 는 저작권보다 서로 돕는 뜻으로, "함께 성장합시다." 는 뜻 입니다#

5. #함께 성장이라는 개념은 이것을 그대로 똑같이 하라는 것이 아니라, 내용을 활용하고 자신의 것으로 개발하라는 이야기입니다#

6. # 사진과 이미지의 일부는 퍼온 것도 있음을 밝혀 둡니다#

 

H1 태그 

5~6줄 정도의 글귀를 작성한다.

다음으로 테두리가 두터운 글상자(표1칸)에 내용을 쓴다.

 

[친효스킨 설치] 친절한 효자손 무료 스킨 설치했다 (색상 변경)