[워드프레스 따라하기] ④글 작성 시 주의사항
워드프레스는 주로 '새 글 쓰기'를 사용해 콘텐츠를 만든다. 웹 콘텐츠를 제작할 때 가능한 웹 표준에 맞게 문서를 작성하는 것이 좋다. 워드프레스에서 사용하는 웹 편집기를 살펴보고 콘텐츠 작성시 주의해야할 점에 대해 알아보겠다.
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.
[caption id="attachment_1593" align="aligncenter" width="614"]
tinymce-editor[/caption]
위지윅 편집기 : https://support.google.com/adsense/answer/181949?hl=ko
2. 웹 콘텐츠 제작시 주의해야할 점
웹 콘텐츠 제작시 웹표준에 맞게 작성해야 하는 이유는 간단하다. 웹문서를 작성하기 위한 규칙이고 검색엔진, 웹브라우저는 그 규칙을 분석하기 때문이다. 강제사항은 아니지만 가급적 지키는 것을 권장한다.
[caption id="attachment_1595" align="aligncenter" width="614"]
TinyMCE 편집기[/caption]
웹 접근성, 웹 표준, 검색 최적화 등등 수 많은 용어들은 논외로 하고 '새 글 쓰기'에서 글을 작성할 때 주의해야할 점을 살펴보자.
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 )는 링크주소, 제목, 새 창/탭에 띄우기 여부를 작성한다.
[caption id="attachment_1602" align="aligncenter" width="614"]
링크 연결[/caption] 6) 이미지
이미지( img )의 '대체텍스트( alt )'는 이미지 링크가 깨졌을 때 나타나는 텍스트로 기존 이미지를 추측할 수 있는 텍스트를 작성한다.
[caption id="attachment_1600" align="aligncenter" width="614"]
이미지 대체 텍스트[/caption] 7) 표
참고 링크 참조. 단순히 특정 문단을 강조하거나 나누기 위해 사용하는 것을 자제한다.
참고 링크 : http://ui.daum.net/convention/html/html_elements#summary4
8) 인용
인용( blockuote ) 은 다른 이의 글, 말 등을 인용할 때 사용한다.
지금까지 콘텐츠를 작성할 때 주의해야 할 점에 대해 알아봤다. 다음번에는 복잡한 [설정] 탭을 살펴보도록 하겠다.
함께 보면 좋은 글
- w3c 대한민국 사무국 - http://www.w3c.or.kr/
- 다룸 웹표준을 다루다 - http://ui.daum.net/convention/html/html_elements
- 위지윅 편집기 - https://support.google.com/adsense/answer/181949?hl=ko
- 생활코딩 HTML 수업 - http://opentutorials.org/course/11