워드프레스 가독성 높이는 글쓰기 첫번째

워드프레스에서 가독성을 높이는 글쓰기의 첫번째는 목록을 사용하는 것이다.

워드프레스에서 글쓰기를 할때 목록을 만드려면 하이픈을 사용하거나 1을 입력하고 점을 찍어주면 목록이 생성이 된다.

또는 ” / ” 를 눌러주고 목록을 선택하면 목록이 나타난다.

워드프레스에서 목록 기능을 사용하면 좋은점

워드프레스에서 목록을 사용하면 훨씬 가독성이 좋은 글을 만들수가 있다.

요즘에는 사람들이 글을 오래 읽기 보다는 정보를 빠르게 읽고 페이지에서 나가는(이탈하는)경우가 많다.

따라서 사람들을 오랫동안 머무를수 있도록 쉽게 글을 쓰는것도 중요하고 쉽게 읽을수 있는 환경을 만드는 것이 중요하다.

정보를 얻을때 유튜브에서 얻는 경우가 있고, 블로그에서 얻는 경우도 있다. 개인적으로는 그 사람의 개인적인 경험을 많이 알려고 한다.

해답을 알고자 하는것도 있지만 그 문제를 어떻게 해결했는지, 어떻게 느꼈는지를 알면 해답과 더불어 많은 정보를 알게되었다고 생각하게 된다.

개인적인 경험과 목록을 이용하여 더욱더 많은 시간을 페이지에서 머무를수 있도록 하는것이 목록을 쓰는 주된 이유이다.

(구글에서 대기시간, 체류시간에 대한 내용의 글을 읽어보면 좋다. 결국은 광고를 오래도록 볼수있는 포스팅을 만드는 것이다)

예전부터 목록의 앞부분이 넓어서 이를 어떻게 조절을 해야할지 고민이 많았다. 특히 모바일 화면으로 목록을 볼때 문장이 다음줄로 넘어가는 경우가 많았다.

워드프레스 제너레이트 프레스의 경우에 CSS추가를 해서 목록의 여백을 조절 할수가 있다.

CSS코드는 아래에서 적어두겠다. 필요하면 복사하여 사용하시면 되겠다. 이 여백을 조절하면 아래 사진과 같이 본문의 페이지에서 목록의 앞부분의 여백을 조절하는 것이다.

왼쪽은 목록 앞부분의 여백이 넓었고, 오른쪽은 여백을 좁게 만들었다. 파랑색 별로 표시한 부분을 보면 이해가 빠를것 같다.

참고로 CSS코드는 아래 부분을 복사하여 붙여넣기를 하면 된다. 나중에 수정하기 쉽도록 주석을 추가하였다.

기존 점과 글자사이의 간격이 넓어서 -2em으로 수정하였더니 훨씬 보기가 좋아졌다.

/*목록 여백*/
.single .entry-content ul > li {
text-indent: -0.2em; /*목록 글 사이 간격조절*/
margin-left: -2em; /*점과글자사이간격*/

목록을 이용하면 사용자들에게 쉽게 글을 읽을수 있는 기회를 제공해준다. 또한 글을 쓰는 사람도 한번더 정리를 하면서 내용을 머리속으로 정리를 해볼수가 있다.