[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] Softaculous 사용 워드프레스 스테이징 사이트 만드는 방법

    워드프레스를 사용할 때 플러그인 설치 및 업데이트 등을 포함한 여러가지 변경 사항을 안전하게 테스트 하기 위한 사이트가 필요할 수 있습니다. ‘워드프레스 스테이징 사이트‘를 만든다면 안전한 테스트가 가능합니다. 1. 워드프레스 스테이징 사이트란? 스테이징 사이트Staging Site는 변경 사항을 라이브로 만들기 이전에 테스트 할 수 있는 라이브 웹 사이트의 복사본입니다. 스테이징 사이트에서 오류 체크 후 라이브…

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

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

  • VPS 호스팅이란? 가상 서버 구조와 오버커밋, 관리형·비관리형 차이 및 장·단점

    VPS 호스팅이란 물리 서버 한 대를 가상화로 나눠, 가상 서버마다 CPU·RAM을 따로 할당하는 호스팅입니다. 가상 서버 구조와 오버커밋, 공유 호스팅과 다른 점, 관리형 VPS와 비관리형 VPS의 차이를 다룹니다. VPS 호스팅은 root 권한으로 서버를 직접 다루는 대신, 관리형이 아니면 서버 관리도 사용자가 맡습니다. VPS 호스팅의 장·단점과 VPS 호스팅이 맞는 사이트를 정리했습니다. 1️⃣ VPS 호스팅…

  • 워드프레스 번역 플러그인 5가지 비교

    워드프레스는 전 세계에서 가장 인기 있는 CMS 중 하나로, 우커머스를 통한 쇼핑몰부터 기업 웹사이트, 블로그까지 다양한 형태로 사용되고 있습니다. 워드프레스에서는 다양한 번역 플러그인이 존재하며, 워드프레스 번역 플러그인은 손 쉽게 다국어 사이트를 만들 수 있습니다. 그 중에 주목할 만한 5개의 플러그인을 비교하여, 차후 운영하는 이 웹사이트가 워드프레스 번역 플러그인을 사용한다면, 어느 플러그인을 사용해야 할…

  • [WP] 워드프레스 이미지 대체 텍스트와 제목 차이점 & 캡션이란?

    이미지는 글의 의미 전달 or 설명을 하는데 도움이 됩니다. SEO에서도 필수적인 요소로 자리 잡고 있습니다. 워드프레스를 사용할 경우 워드프레스 이미지 대체 텍스트는 무엇이며, Tltle(제목)과 캡션은 무엇인지 알아 보겠습니다. 1. 워드프레스 이미지 대체 텍스트 대체 텍스트(ALT text, alt tag)는 올바르게 만들어야 SEO에도 유리합니다. 사용하는 이미지는 필수로 Alt 택스트를 추가해야 하며, 가능하면 SEO키워드를 포함하는 것이…

  • CDN이란? CDN 사용 이유와 이점 5가지

    CDN(Content delivery network:콘텐츠 전송 네트워크)은 콘텐츠를 효율적으로 전송하기 위해 여러 서버 위치에 데이터를 저장해서 제공하는 시스템입니다. HTML, CSS, 자바스크립트, 이미지 및 동영상 등의 콘텐츠를 신속하게 전달할 수 있습니다. CDN 사용 이유와 효과 1. 지리적 이점 원본 서버(Origin Server)와 떨어져 있어도(해외 등) 클라이언트가 웹 사이트에 접속했을 때 들어온 콘텐츠 요청은 가까운 CDN 서버에서 캐싱된…