워드프레스 블로그를 운영하는 분들의 블로그를 보다 보면 상단에 가로로 메뉴가 있는 경우가 있습니다. Onepress 테마에서도 메뉴 추가가 가능하지만 어떻게 하는지 모르는 분들이 많은 것 같습니다. 이 글에서는 워드프레스 Onepress 테마에 메뉴를 추가하는 방법에 대해 알아보겠습니다.
워드프레스 Onepress 테마에 메뉴를 추가하는 방법
아래 그림은 제가 운영하는 워드프레스 블로그 오른쪽 상단에 메뉴를 추가한 화면입니다. 지금까지 빈 공간으로 두었다가 뭔가 허전한 것 같아 ‘홈’과 카테고리를 메뉴로 추가하였습니다. 필요에 따라 카테고리를 더 세분화하여 메뉴에 추가하거나 하위 메뉴를 만들 수 있기 때문에 매우 유용합니다. 메뉴를 추가하는 것이 어렵지는 않지만, 어떻게 하는지 모르는 분들을 위해 Onepress 테마에 메뉴를 추가하는 방법을 상세히 알아보도록 하겠습니다.
![Onepress 테마에 메뉴를 추가한 화면입니다](https://www.zisikbug.com/wp-content/uploads/2024/03/image-4-1024x808.webp)
워드프레스 관리자 화면에서 ‘외모’ → ‘메뉴’를 순서대로 클릭하여 메뉴 편집 화면으로 이동합니다. 메뉴 편집 화면에서 ‘메뉴 이름’에 원하는 이름을 입력하고, 위치 표시에 있는 ‘기본 메뉴’에 체크한 후, ‘메뉴 생성’을 클릭하면 기본 메뉴가 생성됩니다.
![메뉴를 생성하기 위해 외모에서 메뉴를 클릭하고 필요한 내용을 입력합니다](https://www.zisikbug.com/wp-content/uploads/2024/03/image-3-1024x656.webp)
메뉴가 생성되었으니, 메뉴에 표시될 항목을 추가해 보겠습니다. 메뉴에는 페이지, 글, 사용자 정의 링크, 카테고리를 추가할 수 있습니다. 여기서는 ‘사용자 정의 링크’와 카테고리만 추가하도록 하겠습니다. 먼저, 카테고리를 클릭하여 메뉴에 추가하고 싶은 카테고리를 선택합니다. 저는 모두 선택했습니다.
![메뉴에 추가할 카테고리를 모두 선택합니다](https://www.zisikbug.com/wp-content/uploads/2024/03/image-1024x659.webp)
카테고리 앞에 ‘홈’을 추가하기 위해 ‘사용자 정의 링크’를 클릭하고, 아래와 같이 URL에 여러분의 블로그 주소를 입력하고, 링크 텍스트에 ‘홈’을 입력한 후, ‘메뉴에 추가’를 클릭합니다.
![메뉴에 홈 이동을 추가하기 위해 홈과 URL를 입력합니다](https://www.zisikbug.com/wp-content/uploads/2024/03/image-2-1024x661.webp)
‘사용자 정의 링크’ 추가를 클릭하면, 아래와 같이 메뉴의 맨 밑에 추가되는데, 마우스로 드래그하여 맨 위에 위치시킨 후, ‘메뉴 저장’을 클릭하면 ‘홈’이 가장 앞에 보이는 메뉴가 블로그에 추가됩니다.
![맨 밑에 있는 홈을 마우스로 드래그하여 맨 위로 올립니다](https://www.zisikbug.com/wp-content/uploads/2024/03/image-1-1024x714.webp)
메뉴와 메뉴 아이템을 추가했으니 결과를 확인해 보도록 하겠습니다. 아래는 메뉴를 추가한 결과 화면으로, 메뉴가 정상적으로 추가되었습니다.
![Onepress 테마에 메뉴를 추가한 결과입니다](https://www.zisikbug.com/wp-content/uploads/2024/03/image-5-1024x808.webp)
PC에서는 위와 같이 화면 오른쪽 상단에 메뉴가 보이지만, 스마트폰에서는 메뉴가 바로 보이지 않고, 아래 왼쪽 화면과 같이 3개의 가로줄로 메뉴가 표시됩니다. 해당 아이콘을 클릭하면 오른쪽 화면과 같이 메뉴가 표시됩니다.
![스마트폰 브라우저에 메뉴가 추가된 화면입니다](https://www.zisikbug.com/wp-content/uploads/2024/03/image-6-1024x718.webp)
오늘은 워드프레스 Onepress 테마에 메뉴를 추가하는 방법을 알아보았습니다. 메뉴는 하나로 고정된 것이 아니어서, 필요에 따라 더 추가하실 수 있습니다. 메뉴를 효율적으로 사용하면 사용자 경험에 긍정적인 영향을 미치므로 이 글을 참고하여 적용해 보시기 바랍니다.