워드프레스 Onepress 테마에 메뉴를 추가하는 방법

글자 크기

워드프레스 블로그를 운영하는 분들의 블로그를 보다 보면 상단에 가로로 메뉴가 있는 경우가 있습니다. Onepress 테마에서도 메뉴 추가가 가능하지만 어떻게 하는지 모르는 분들이 많은 것 같습니다. 이 글에서는 워드프레스 Onepress 테마에 메뉴를 추가하는 방법에 대해 알아보겠습니다.

워드프레스 Onepress 테마에 메뉴를 추가하는 방법

아래 그림은 제가 운영하는 워드프레스 블로그 오른쪽 상단에 메뉴를 추가한 화면입니다. 지금까지 빈 공간으로 두었다가 뭔가 허전한 것 같아 ‘홈’과 카테고리를 메뉴로 추가하였습니다. 필요에 따라 카테고리를 더 세분화하여 메뉴에 추가하거나 하위 메뉴를 만들 수 있기 때문에 매우 유용합니다. 메뉴를 추가하는 것이 어렵지는 않지만, 어떻게 하는지 모르는 분들을 위해 Onepress 테마에 메뉴를 추가하는 방법을 상세히 알아보도록 하겠습니다.

Onepress 테마에 메뉴를 추가한 화면입니다


워드프레스 관리자 화면에서 ‘외모’ → ‘메뉴’를 순서대로 클릭하여 메뉴 편집 화면으로 이동합니다. 메뉴 편집 화면에서 ‘메뉴 이름’에 원하는 이름을 입력하고, 위치 표시에 있는 ‘기본 메뉴’에 체크한 후, ‘메뉴 생성’을 클릭하면 기본 메뉴가 생성됩니다.

메뉴를 생성하기 위해 외모에서 메뉴를 클릭하고 필요한 내용을 입력합니다


메뉴가 생성되었으니, 메뉴에 표시될 항목을 추가해 보겠습니다. 메뉴에는 페이지, 글, 사용자 정의 링크, 카테고리를 추가할 수 있습니다. 여기서는 ‘사용자 정의 링크’와 카테고리만 추가하도록 하겠습니다. 먼저, 카테고리를 클릭하여 메뉴에 추가하고 싶은 카테고리를 선택합니다. 저는 모두 선택했습니다.

메뉴에 추가할 카테고리를 모두 선택합니다


카테고리 앞에 ‘홈’을 추가하기 위해 ‘사용자 정의 링크’를 클릭하고, 아래와 같이 URL에 여러분의 블로그 주소를 입력하고, 링크 텍스트에 ‘홈’을 입력한 후, ‘메뉴에 추가’를 클릭합니다.

메뉴에 홈 이동을 추가하기 위해 홈과 URL를 입력합니다


‘사용자 정의 링크’ 추가를 클릭하면, 아래와 같이 메뉴의 맨 밑에 추가되는데, 마우스로 드래그하여 맨 위에 위치시킨 후, ‘메뉴 저장’을 클릭하면 ‘홈’이 가장 앞에 보이는 메뉴가 블로그에 추가됩니다.

맨 밑에 있는 홈을 마우스로 드래그하여 맨 위로 올립니다


메뉴와 메뉴 아이템을 추가했으니 결과를 확인해 보도록 하겠습니다. 아래는 메뉴를 추가한 결과 화면으로, 메뉴가 정상적으로 추가되었습니다.

Onepress 테마에 메뉴를 추가한 결과입니다


PC에서는 위와 같이 화면 오른쪽 상단에 메뉴가 보이지만, 스마트폰에서는 메뉴가 바로 보이지 않고, 아래 왼쪽 화면과 같이 3개의 가로줄로 메뉴가 표시됩니다. 해당 아이콘을 클릭하면 오른쪽 화면과 같이 메뉴가 표시됩니다.

스마트폰 브라우저에 메뉴가 추가된 화면입니다



오늘은 워드프레스 Onepress 테마에 메뉴를 추가하는 방법을 알아보았습니다. 메뉴는 하나로 고정된 것이 아니어서, 필요에 따라 더 추가하실 수 있습니다. 메뉴를 효율적으로 사용하면 사용자 경험에 긍정적인 영향을 미치므로 이 글을 참고하여 적용해 보시기 바랍니다.