워드프레스 홈페이지의 구성 : 용어해설(2)

[한의학해커]

- 홈페이지의 헤더영역입니다, 남색으로 표시된부분이 바로 메뉴(menu)고, 본홍색 표시 가 슬라이더(slider)입니다.

이 슬라이더는 이미지가 두장식 디스플레이되는 방식이지요.

1. 헤더(header), 풋터(footer)

웹사이트의 내용 배치와 구성파트는 보통 세로로 구분합니다. 

위에서부터 순서대로 헤더 header, 바디 body, 풋터 footer 로 구별되지요. 

이렇듯 홈페이지만 놓고 볼 때 헤더, 바디, 풋터는 웹페이지의 구성부분을 지칭합니다. 

헤더는 말 그대로 맨 위의 부분이고, 풋터는 가장 아래의 섹션이지요. 

바디는 중간의 메인 컨텐츠부분을 의미하고요. 

단 홈피 코딩(프로그래밍)시에는 개념이 좀 달라지는데, 

웹페이지는 헤더와 바디 두부분으로만 구분됩니다. 

이런 경우 헤더란 웹페이지나 프로그램 파일의 시작과 소개, 정의 파트가 되지요. 

바디는 메인 구성인 텍스트 파트를 말하고요. 

가령 네이버 웹마스터도구 최적화시 이 헤더파일 부분에 코드를 넣어야 합니다. 

- 홈페이지의 풋터(footer)영역입니다. 여기에는 주로 위젯이 배치되지요. 남색으로 표시된 부분은 세로메뉴(menu)입니다.

2. 메뉴(menu)

메뉴란 가로 막대나 세로 막대 모양으로 구성된 컨텐츠명의 배열입니다. 

클릭하면 바로 해당 컨텐츠로 갈 수 있게 짜놓은 부분이지요. 

홈페이지에 없어서는 안 되는 파트입니다. 

3. 슬라이더(slider)

이미지나 동영상 같은 컨텐츠를 하나하나 순서대로 디스플레이 해주는 작은 프로그램을 말합니다. 

홈페이지 대문의 헤더부분에 주로 배치되지요. 

4. 사이드바(sidebar)

- 녹색으로 표시된 부분이 바로 사이드바입니다, 검색창과 예약위젯이 배치된 모습이네요.

사이드바는 바디부분에 배치될 수 있는 세로모양의 위젯을 말합니다. 

보통 포스트와 페이지의 좌측이나 우측에 위치하며, 

심지어 풋터의 위젯에도 배치할 수 있지요. 

5. php

php란 서버쪽 파일을 말합니다. 

header.php footer.php처럼 확장자로 접할 수 있지요. 

물론 php에 대해 몰라도 홈페이지를 다룰 수 있습니다. 

6. 텍스트에디터(text editor)

- 새 페이지에서의 텍스트에디터 영역

여기서 텍스트란 컴퓨터에 전달하는 기계어입니다. 

알파벳과 각종 부호로 구성되어 있는 컴퓨터가 알아보는 코딩 - 프로그래밍 관련 단어들이지요. 

에디터는 편집기라는 뜻이고요. 

가장 대표적인 텍스트에디터는 바로 윈도우의 "메모장"입니다. 

윈도우의 기본 메모장은 간단한 메모를 저장할 목적보다도, 

텍스트에디터로 더 많이 활용되고 있는 것으로 추정되고 있을 정도지요. 

워드 프레스에는 자체 텍스트에디터가 내장되어 있습니다. 

포스트 편집영역, 페이지 편집영역, 그리고 일부 위젯영역에 모두 배치되어 있지요. 

여기에서 html, css, javascript 등의 코드를 홈페이지에 심을 수 있습니다. 

제가 생각하는 워드프레스 홈페이지의 가장 큰 장점 중 하나지요.