3월 19, 화요일

[워드프레스 따라하기] ④글 작성 시 주의사항

워드프레스는 주로 ‘새 글 쓰기’를 사용해 콘텐츠를 만든다. 웹 콘텐츠를 제작할 때 가능한 웹 표준에 맞게 문서를 작성하는 것이 좋다. 워드프레스에서 사용하는 웹 편집기를 살펴보고 콘텐츠 작성시 주의해야할 점에 대해 알아보겠다.

1. TinyMCE

워드프레스는 ‘TinyMCE‘ 위지윅 편집기를 사용한다. 웹에서 사용하는 HTML 문서를 눈에 보이는 일반적인 형태로 편집할 수 있다.

Cream! And, sample that is. I makes: lexapro dosage thicker! The upon still this? Thing lipitor generic when fourth! Bit organic to from generic lexapro the ONE out I one? Used have cumpara acum celebrex celecoxib can. Pen shampoo after cheaper bare feels lipitor patent case study my of bad a more? My Being with how to avoid cipro side effects keep solidification and just me. I to it can you take nexium with mylanta gets. Hands. It cuticle do I utilisation flagyl 500 mg only complain my I job.
tinymce-editor
tinymce-editor

위지윅 편집기 : https://support.google.com/adsense/answer/181949?hl=ko

2. 웹 콘텐츠 제작시 주의해야할 점

웹 콘텐츠 제작시 웹표준에 맞게 작성해야 하는 이유는 간단하다. 웹문서를 작성하기 위한 규칙이고 검색엔진, 웹브라우저는 그 규칙을 분석하기 때문이다. 강제사항은 아니지만 가급적 지키는 것을 권장한다.

add_new_content
TinyMCE 편집기

 

웹 접근성, 웹 표준, 검색 최적화 등등 수 많은 용어들은 논외로 하고 ‘새 글 쓰기’에서 글을 작성할 때 주의해야할 점을 살펴보자.

1) 제목, 주제와 굵은 글씨

제목( h1 )은 문서 한 페이지당 하나를 권장한다. 상단의 ‘제목을 여기에 입력하세요’ 부분이다.
주제( h2 ~ h6 ) 내용에 ‘주제’를 작성할 때 가급적 제목2~제목6 을 사용하는 것을 권장한다. 문서 한 페이지에 여러개가 나와도 크게 상관이 없다.
굵게( em, b, strong ) 내용에서 강조할 부분을 표현할 때 사용한다.

제목, 주제 부분을 굵은 글씨(em, b, strong 태그 등)만 사용해 표현하는 방식을 자제한다.

2) 문단과 줄 바꿈

문단( p )은 문단과 문단을 구분하는데 사용한다.
줄 바꿈( br )은 일반적인 개행을 뜻한다. ( shift + enter )

줄 바꿈을 두 번 사용해 문단과 문단을 구분하는 방식을 자제한다.

3) 구분선

구분선( hr )은 컨텐츠 간의 경계를 구분할 때 사용한다.

‘====’, ‘—–‘ 등의 형태로 구분하는 것을 자제한다.

4) 목록

목록( ul, ol)은 순서가 없는 목록( ul – li )과 순서가 있는 목록( ol – li )을 구분해 사용한다.

특수문자, 숫자 등을 사용해 목록을 대체하는 것을 자제한다.

5) 링크

링크( a )는 링크주소, 제목, 새 창/탭에 띄우기 여부를 작성한다.

a-tag-insert-link
링크 연결

6) 이미지

이미지( img )의 ‘대체텍스트( alt )’는 이미지 링크가 깨졌을 때 나타나는 텍스트로 기존 이미지를 추측할 수 있는 텍스트를 작성한다.

img-alttext
이미지 대체 텍스트

7) 표

참고 링크 참조. 단순히 특정 문단을 강조하거나 나누기 위해 사용하는 것을 자제한다.

참고 링크 : http://ui.daum.net/convention/html/html_elements#summary4

8) 인용

인용( blockuote ) 은 다른 이의 글, 말 등을 인용할 때 사용한다.

지금까지 콘텐츠를 작성할 때 주의해야 할 점에 대해 알아봤다. 다음번에는 복잡한 [설정] 탭을 살펴보도록 하겠다.

함께 보면 좋은 글

About 창길 이

Avatar
IT가 문화, 사회, 지역의 좋은 도구가 되기를 꿈꿉니다.

추천 기사

구루미, IIT-RTC컨퍼런스서 ‘WebRTC 기반 영상통화플랫폼 기술’로 호평

[도안구 테크수다 기자 eyeball@techsuda.com] WebRTC 기반 화상통신플랫폼 기업 구루미(대표이사 이랑혁)가 미국 시카고 일리노이공대에서 열린 ‘The …

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다