본문 바로가기
재테크/애드센스

티스토리 가독성 좋은 글쓰기에 대한 연구

by 쭈니파파의 생활이야기 2024. 11. 30.

티스토리 가독성 좋은 글쓰기에 대한 연구

 

안녕하세요~!!! 경제적 자유를 위해 오늘도 열심히 하는 쭈니 파파입니다.~!!!!

 

오늘은 가독성 좋은 글에 대한 공부내용입니다.

이제 포스팅 한지 한달정도 된것 같습니다만, 아직 뭔가 많이 서툴고 특히 블로그의 멋이 별로 안나는것 같습니다. 뭐 잘꾸민다고 해서 좋을게 있을까 싶기는 하지만 "보기좋은 떡이 먹기도 좋다" 라는 말이 있듯이 처음 방문하시는 분들이 처음 글을 볼때 뭔가 정성이 들어 가있다고 느끼지 않을까요? (저만 그리 생각 할수도 있겠지만요.. ^^)

 

 

 

1. 썸네일 작성

- 밋밋한 화면으로 대체 하기 보다는 해당 글이 무엇을 위한것인지 요약하여 썸네일을 작성합니다.

제가 알기로는 네이버 블로그에서 주로 사용하는 방식이지만 이 블로그를 들어 오기전에 이글을 보면 무엇을 알수 있는지 확인 가능한 문구로 작성.

 

2. 강조하고 싶은 텍스트에 형광펜 효과 넣기

- 강조 하고 싶은 글자에 형광펜 효과를 넣는 방법이 있습니다.

  HTML코드로 구현하는 방법 1안, CSS로 활용하는 방법 2안 있겠습니다.

 

 

예시> 형광펜 효과 

          형광펜으로 문장 강조하기

 

✔  <HTML> 코드를 활용시

이전글과 자유롭게 사용할수 있따는 장점이 있지만.. 엄첨 피곤함. HTML모드가서 편집 하거나 Enter키 사용했을때의 제약등 있음. (서식을 좀더 간편하게 사용할수도 있음.)

<span style=" background: linear-gradient(to top, #FFE400 50%, transparent 50%)">형광펜으로 문장 강조하기</span>

 

 

✔  <CSS> 코드를 활용시

일일이 작성하기 귀찮으니 CSS로 대체 하면 장점은 간편하게 사용할수 있음. 통상 폰트의 밑줄 긋기를 활용함.

블로그관리 > 스킨편집 > CSS > 아래 코드 삽입 하면 됩니다.

자세히 보시려면 아래 사이트에서 참조 하세요.

/* 형광펜 밑줄 효과 시작 */
u {
	text-decoration: none;
	display : inline;
	box-shadow: inset 0 -9px 0 #82FA57;
	color: #000000;

}
/* 형광펜 밑줄 효과 끝 */

 

<참조사이트>

 

티스토리 형광펜 효과 추가하는 방법(글자 하이라이트 강조하기)

티스토리 블로그는 내가 원하는 대로 꾸밀 수 있다는 장점이 있습니다. 블로그 보실때 나도 모르게 글을 편하게 봤던 적이 있으실겁니다. 아마도 이런 형광펜이 칠해져있는것을 보신적이 있으

second.oh-boss.com

 

 

 

3. 제목 꾸미기

- 이부분은 아직 어떤 컨셉이 좋을지 모르겠으니 좀더 확인후 별도 포스팅 해보도록 하겠습니다.

 

1안

 

2안

3안

 

잘 선택해서 추가 포스팅 하도록 하겠습니다.