워드프레스 웹 서비스의 카테고리와 메뉴 구성

안녕하세요. 아자스마일입니다.

오늘은 글쓰기 시작한 지 4일차네요. 작심삼일을 넘겼다는 것이 뿌듯하네요.

오늘은 용산도서관에서 일도 하고 글을 쓰고 있습니다. 용산도서관은 남산도서관 바로 아래에 위치하고 있는데요. 남산도서관에서 보면 1층 짜리 건물 처럼 보이지만 남산도서관에서는 5층만 보이는 것이고 실제로는 5층 건물입니다.

두 개의 도서관이 매우 가까운 위치에 있어서 상황에 따라서 번갈아 가며 이용하기에 좋습니다. 남산도서관은 매월 첫째 셋째 월요일이 정기 휴관일입니다. 용산도서관은 매월 둘째.넷째 화요일이 정기 휴관일입니다.

두 도서관이 근처에 있는 데 휴관일이 다르기 때문에 한쪽이 휴관일 때 다른쪽 도서관을 이용하면 됩니다. 한쪽 도서관이 휴관일이면 한쪽 도서관에 사람이 많이 몰리기 때문에 이용자는 많아 집니다.

용산도서관으로 가는 길은 살짝 흐린 날씨였지만 만개한 벚꽃과 개나리를 보면서 갈 수 있었습니다. 도서관 1층에서 자율학습실4에 좌석을 예약했습니다. 자율학습실4는 2층에 위치하고 있는데 넓은 테이블에서 노트북을 할 수 있어서 작업하기에 상당히 쾌적한 것 같습니다.

오늘은 EnumAI 워드프레스 웹 서비스의 카테고리와 메뉴를 구성하려고 합니다.

사이트 주소/wp-admin 주소를 통해 관리자로 접속합니다. 좌측 메뉴에서 글 > 카테고리 메뉴로 들어갑니다.

새 카테고리 추가에는 이름, 슬러그, 부모 카테고리, 설명, AMP 가 있습니다. 슬러그는 URL에 표시될 때 카테고리 이름 대신 표시 되는 영문 단어입니다. 영문자로 작성하고 하이픈과 숫자를 사용할 수 있습니다. 저는 메뉴명을 영어로 번역해서 사용하려고 합니다.

AMP(Accelerated Mobile Page)는, AMP html이라는 새로운 오픈프레임워크를 이용하여 모바일웹사이트의 페이지를 경량화해주는 웹기술입니다. 워드프레스 사이트도 AMP 플러그인을 활용하면 모바일웹 페이지의 로딩속도를 빠르게 개선시킬 수 있다고 합니다. AMP 는 기본 설정이 Show 로 되어 있으니 그대로 사용하겠습니다.

먼저 EnumAI 사이트와 관련된 EnumAI 부모 카테고리를 만들겠습니다. 이름은 EnumAI, 슬러그는 enumai, 부모 카테고리는 없으며, 설명을 간단히 적었습니다.

부모 카테고리는 EnumAI 와 Review 의 두 개의 카테고리로 사용하려고 합니다. EnumAI 카테고리에는 History 라는 하위 카테고리를 추가했습니다. 최근에 작성한 글들을 이 History 카테고리로 분류하려고 합니다.

Review 카테고리의 하위 카테고리는 글쓰기, 이미지, 비디오, 오디오, 기타를 추가했습니다. AI 서비스들을 이용한 리뷰를 작성하고 분류하고자 합니다.

이제 메뉴를 만들겠습니다. 메뉴는 앞에 작성한 카테고리 등의 분류를 웹사이트에 보여주며 편리하게 접근할 수 있도록 하는 기능입니다.

워드프레스 메뉴에서 디자인 > 메뉴에 들어갑니다. 좌측에 있는 페이지, 글, 사용자 정의 링크, 카테고리에서 선택하고 메뉴에 추가하면 오른쪽에 메뉴 블록이 구성됩니다. 저는 EnumAI 메뉴 에는 홈 화면을 구성하기 위한 페이지를 추가했습니다.

History 메뉴는 카테고리에서 History 카테고리를 선택하여 추가했습니다. 추가된 History 메뉴 블록을 오른쪽으로 드레그해서 EnumAI 메뉴의 하위 메뉴로 추가했습니다.

똑같은 형식으로 Review 메뉴에 Review 카테고리를 추가했습니다. 하위 메뉴로 글쓰기, 이미지, 비디오, 오디오, 기타 메뉴를 추가하고 오른쪽으로 드래그하였습니다. 각 하위 메뉴들을 드래그하여 상하로 옮기면서 순서를 설정하였습니다.

메뉴를 구성하고 메뉴 저장을 누릅니다. 웹 서비스의 홈 화면에 접속하여 메뉴 구성을 확인합니다.

다음 글은 홈 화면 구성에 관해 간단히 진행할 예정입니다. 그 뒤로는 AI 서비스들을 하나씩 사용해보면서 리뷰를 작성하고, 좋은 서비스들은 홈 화면에 배치 하여 큐레이션 하려고 합니다.