[WP] 워드프레스 외모 | 테마 | 사용자 정의하기 | 위젯 | 메뉴 | 4가지 항목 이해 및 설정

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)

워드프레스 외모 메뉴에 대해 알아 보겠습니다. 관리자 페이지의 외모 메뉴 구성은 테마 | 사용자 정의하기 | 위젯 | 메뉴 | 테마파일 편집기 총 5가지 항목 메뉴로 나뉘어집니다. CSS 설정을 하는 테마파일 편집기를 제외한 나머지 4가지 항목에 대해 알아 보겠습니다.

♣ 워드프레스 외모 설정 개요

외모 설정에서 워드프레스 테마 선택과 설치, 테마 옵션 설정, 위젯 설정 및 워드프레스 메뉴와 메뉴바(카테고리)를 설정할 수 있습니다.

워드프레스 외모 설정 개요

1. 워드프레스 테마

[외모] > [테마] 경로로 접속하면 설치된 워드프레스 테마를 확인할 수 있습니다. 설치된 테마와 함께 활성화 된 테마를 확인할 수 있습니다.

워드프레스 테마 화면 첫 페이지(관리자 페이지)

중앙 상단의 [새로 추가] 버튼을 눌러서 활성화 및 설치된 테마와 함께 인기 있는 순으로 테마 목록을 확인할 수 있습니다. 모두 무료로 설치할 수 있는 테마입니다.

워드프레스 테마 추가 페이지(관리자 페이지)

테마 위로 마우스를 올리면 테마 세부 정보를 클릭할 수 있습니다.

워드프레스 테마 상세 미리보기(관리자 페이지)

[외모]의 [테마]에서 테마 검색 및 [설치] 버튼을 눌러 설치를 진행할 수 있습니다.

워드프레스 테마 설치(아스트라 테마)

기존에 설치된 Neve 테마에서 아스트라 테마로 활성 테마가 변경 된 것을 확인할 수 있습니다.

워드프레스 테마 설치(기존 Neve에서 아스트라 테마로 변경)

기존에 사용하지 않는 테마는 [테마 상세정보]를 통해 삭제할 수 있습니다.

2. 워드프레스 사용자 정의하기

[사용자 정의하기]는 설치한 테마의 커스터 마이징 기능입니다. 사용자 정의하기는 전역(글로벌) 설정, 헤더와 푸터, 사이드바, 상단 카테고리 메뉴(메뉴) 및 위젯과 추가 CSS 등의 설정이 가능하며, 전반적인 워드프레스 구성은 [사용자 정의하기]에서 할 수 있다고 보면 됩니다.

워드프레스 사용자 정의하기 첫 화면

3. 워드프레스 외모 위젯 기능

외모 위젯은 특정 기능을 헤더 및 푸터, 사이드바 등에 삽입할 수 있습니다. 위젯은 보관함, 달력, 사용자 정의 HTML, 검색 및 숏코드 등 다양한 기능을 넣을 수 있습니다.

워드프레스 위젯의 기능 기능

초반에 워드프레스를 설치했다면 [최신 글], [최신 댓글] 두 설정된 위젯은 삭제해주며 [+] 버튼으로 원하는 위젯을 추가할 수 있습니다. 이미지나 검색 기능, 쇼트코드를 통해 애드센스 광고 등을 넣을 수 있으니 테마를 설정하는 사용자 정의하기 플러그인 설정 다음으로 자주 사용되는 메뉴일 수 있습니다.

[사용자 정의하기]에서 직접 눈으로 보며 위젯을 설정할 수도 있습니다.

워드프레스 사용자 정의하기 첫 화면-위젯

4. 관리자 페이지 외모에서 워드프레스 메뉴 설정하기

워드프레스에서 글과 페이지의 콘텐츠를 사이트 상단에 고정하려면 메뉴 설정을 해야 합니다.

카테고리에 대한 추가 내용이 필요할 경우 워드프레스 카테고리 만들기(&메뉴 만들기) 버튼을 눌러 이동한 후에 내용을 확인할 수 있습니다.

워드프레스 메뉴바를 이용해 워드프레스 메뉴를 만들어 보겠습니다.

4.1 워드프레스 메뉴바 만들기

[외모] > [메뉴 페이지]로 접속합니다. 첫 번째 작업은 메뉴 생성입니다.

4.1.1 메뉴 생성

[메뉴 구조] > [메뉴 이름]에서 원하는 메뉴명을 입력 후(main Menu) 우측 [메뉴 생성] 버튼을 클릭합니다.

워드프레스 메뉴 생성

4.1.2 워드프레스 메뉴바 설정에서 카테고리 추가하기

이제 생성한 카테고리를 메뉴바에 등록하는 작업만 남았습니다. ①②③의 순서대로 진행합니다. 의 결과를 얻을 수 있습니다. 설정이 완료 되었다면 우측의 [메뉴 저장] 버튼을 눌러서 저장하면 완성됩니다.

워드프레스 메뉴바 설정에서 카테고리 추가하기
TEST 카테고리 서브 카테고리는 웹 사이트에 하위 메뉴를 만들어 주는 항목이며, 마우스로 드래그 해서 우측으로 옴겨야 적용이 가능하며 이미 마우스로 옴겨서 적용한 화면입니다.

기본 세팅 된[Uncategorized]는 [제거] 버튼을 눌러 메뉴에서 삭제할 수 있습니다. 다른 카테로리도 동일한 방법으로 삭제를 하시면 되겠지요.

기본으로 만든 워드프레스 메인 페이지 접속했을 때 결과 값입니다. ▼

워드프레스 메뉴바 설정에서 카테고리추가 결과 값(사용자 페이지)

4.1.3 워드프레스 메뉴바 구성

워드프레스 메뉴바는 카테고리와 페이지를 추가할 때 주로 사용되며 메뉴에 글(Post)이나 사용자 정의 링크(다른 웹 사이트 URL이나 내 웹 사이트)를 추가할 수 있습니다.

4.1.4 사용자 정의하기를 이용한 메뉴 설정

[사용자 정의하기]에 접속 후

워드프레스 사용자 정의하기에서 메뉴 설정

[메뉴] 버튼을 눌러

워드프레스 사용자 정의하기 화면 이동 후-메뉴 설정

직접 변경된 화면을 보면서 설정을 할 수 있습니다.

외모에서 테마와 사용자 정의하기, 위젯 설정, 메뉴(메뉴바) 구성 방법에 대해 알아 봤습니다.

ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.

Similar Posts

  • 워드프레스 캐시 플러그인 WP Rocket 속도 테스트: 설정 전·후 성능 최적화 비교 분석

    WP Rocket 플러그인의 세팅 방법 및 할인된 가격 등에 대해 확인을 했습니다. 가장 보편적인 설정 이후에 WP Rocket 속도 테스트를 진행하였습니다. 크롬 개발자 도구의 DOMContentLoaded 및 구글 페이지 스피드 점수 2가지 항목으로 테스트를 진행합니다. WP Rocket의 설정 방법 및 가격 정보가 필요할 경우 아래 버튼을 눌러 확인할 수 있습니다. Ⅰ. WP Rocket 속도…

  • 클라우드웨이즈 SSL 설정

    도메인을 클라우드웨이즈에 연결했다면, 클라우드웨이즈 SSL 설정은 대시보드의 Applications 메뉴에서 진행합니다. My Applications 탭으로 이동 후 좌측에 SSL Certificate 탭을 클릭합니다. 1️⃣ 클라우드웨이즈 SSL 설정 커스컴 SSL 키 파일은 별도로 결제한 SSL 파일이 있을 경우에 설정한다고 생각하면 되며, 추가 비용이 없는 Let’s Encrypt SSL을 그대로 사용합니다. Let’s Encrypt 기반의 와일드 카드 SSL은 웬만한 타…

  • [WP] Gzip 압축 vs Brotli 압축: 2개 압축 알고리즘 차이점

    워드프레스 CMS를 비롯한 웹 사이트를 빠르게 만들기 위해, 서버에서 데이터를 압축하는 설정을 하는 것이 유용합니다. 이렇게 하면 웹 서버와 브라우저 간에 전송되는 데이터를 더욱 빠르게 로딩할 수 있으며, 웹 사이트의 속도를 더 빠르게 만들어 줍니다. 이는 웹사이트를 운영하는 관리자들이 많이 고려하는 요소 중 하나입니다. gzip 압축은 많이 사용되고 있으며, 많은 웹 서버에서 gzip에서…

  • 워드프레스 플러그인: Health Check&Troubleshooting | 플러그인 충돌 테스트

    워드프레스 플러그인 충돌 테스트를 위해 모든 플러그인을 직접 비활성화하면 방문자에게 사이트가 깨져 보일 수 있습니다. 이때 사이트는 그대로 유지하고 관리자만 테스트할 수 있는 Health Check & Troubleshooting 플러그인을 사용할 수 있습니다. ✅ Health Check&Troubleshooting 플러그인 설치 플러그인 명을 검색해서 플러그인 충돌 테스트를 해야 한다면 먼저 플러그인을 설치합니다. ✅ 플러그인 충돌 테스트 관리자 페이지…

  • [WP] 워드프레스 글 ID 및 카테고리 ID 확인 방법

    워드프레스 사이트를 관리할 때 글 ID를 확인해야 하는 경우가 있습니다. 작업 도중 워드프레스 글 ID는 좌측 하단에서 확인할 수 있습니다. 워드프레스 카테고리 ID 역시 카테고리 페이지에서 동일한 방법으로 확인할 수 있습니다. 메모장에 글 ID를 좀 더 큰 글자로 쉽게 확인하는 방법입니다. 워드프레스 글 ID 요소 검사로 확인하기 글이나 카테고리에 마우스를 올려 놓은 뒤…

  • 워드프레스 호스팅 FastComet 성능 평가(Extra Plan $4.99)

    3년 전에 FastComet 호스팅을 일본 서버에서 1년 넘게 사용한 적이 있었기 때문에 이번에 여러가지 용도로 사용할 워드프레스 사이트를 추가하면서 신규 신청을 하게 되었습니다. 신청한 상품은 FastComet Extra 상품으로 신청 후 PHP 8.3에서 8.4로 업데이트 등 워드프레스 사이트 성능을 올리기 위한 작업을 모두 진행했습니다. 테스트는 워드프레스 최적화 플러그인 Perfmatters와 캐시 플러그인 WP Rocket 설치…