서브 카테고리를 만드는 건 다양한 방법이 있습니다.

올려주신 이미지처럼 메뉴를 구성하시려면

<ul> 태그와 <li> 태그를 활용하면 가능할 듯합니다.

메인 메뉴를 <ul> 태그와 <li> 태그로 구성한 후

메인 메뉴의 <li> 태그 안에 서브 메뉴의 <ul> 태그와 <li> 태그를 적용하는 방식입니다.

서브 메뉴는 기본적으로 안 보이게 한 후

메인 메뉴에 마우스를 올렸을 때 보이게 하면 될 듯합니다.

워드프레스에서 메뉴의 레이아웃은 테마 쪽과 관련이 있기 때문에

테마에서 지원하고 있는지 확인해보시는 게 좋을 듯합니다.

직접 메뉴 쪽의 레이아웃을 편집하시려면

테마 쪽의 header.php 파일을 수정해보세요. (테마에 따라서는 다른 위치에서 표시하고 있을 수도 있습니다.)

레이아웃 수정 시 HTML과 CSS 코드에 대해 알면 도움이 됩니다.

고맙습니다.