본문 바로가기
워드프레스

워드프레스 사용자 정의하기, 외모를 꾸미는 핵심 단계 알아보기

by EDMBLACKBOX 2023. 7. 8.
반응형

워드프레스에서 테마를 설정하는 부분은 관리자 메뉴에서 찾을 수 있습니다. 이 설정은 워드프레스의 외모와 느낌을 결정하는 중요한 역할을 합니다.

 

테마 설정은 [외모] 메뉴의 하위 메뉴로 [테마]와 [사용자 정의하기]로 구성되어 있습니다. 이 설정을 통해 워드프레스 테마의 겉모습을 원하는 대로 꾸밀 수 있습니다. 워드프레스 테마의 사용자 정의하기 설정은 테마마다 내용이 다를 수 있습니다. 이는 각 테마가 웹사이트의 구조와 디자인을 다르게 구성하기 때문입니다. 따라서 사용자 정의하기 설정은 테마마다 다양한 옵션과 기능을 제공합니다. 자신이 사용하고 있는 워드프레스 테마를 완벽하게 활용하려면 사용자 정의하기 설정을 알아야 합니다.

 

각 테마는 공식 테마를 기반으로 만들어지기 때문에 이 설정을 통해 테마를 개인적으로 맞춤화할 수 있습니다. 웹사이트의 색상, 레이아웃, 글꼴, 로고 등을 변경하거나 추가할 수 있습니다. 테마마다 사용자 정의하기 설정의 위치와 방법이 조금씩 다를 수 있으므로, 워드프레스 관리자 패널에서 해당 테마의 설정을 찾는 것이 좋습니다. 사용자 정의하기 설정을 통해 워드프레스 테마를 자신의 스타일에 맞게 개조하여 더욱 멋진 웹사이트를 구축할 수 있습니다.

 

 

테마 사용자 정의하는 방법

워드프레스 테마 사용자 정의하기

1. 관리자 메뉴에서 [외모] - [테마]를 클릭합니다. 워드프레스에서 활성화된 테마는 테마 목록에서 맨 왼쪽 상단에 나타납니다. 활성화된 테마의 옵션에 해당하는 사용자 정의하기 화면으로 이동하려면 관리자 메뉴에서 바로 [외모] - [사용자 정의하기]를 클릭해도 되고, [테마] 페이지 들어와서 [사용자 정의하기]를 클릭해도 됩니다. 편한 방법으로 [사용자 정의하기]를 클릭하여 진행합니다.

 

 

워드프레스 사용자 정의하기 설정 자세히 살펴보기

2. 왼쪽 메뉴에서 테마에 대한 옵션을 설정하고 오른쪽 화면에서 설정한 내용을 바로 미리 확인할 수 있습니다. 저장하기 전에 웹사이트에 변경 사항이 반영되지 않기 때문에 여러 옵션을 변경할 수 있습니다. 또한 워드프레스 4.5버전부터는 레이아웃 토글 키가 생겨서 [데스크톱 컴퓨], [태블릿], [스마트폰]을 클릭하면 웹사이트가 해당 기기에서 어떻게 보이는지 미리 볼 수 있습니다.

 

 

사용자 정의하기 메뉴

 

사이트 아이덴티티(Site Identity) : 워드프레스에서 "사이트 아이덴티티"는 웹사이트의 로고, 사이트 제목, 태그라인 등과 같은 기본적인 식별 정보를 설정하는 기능을 말합니다. 이 설정을 통해 사이트의 로고 이미지를 업로드하거나, 사이트 제목과 태그라인을 입력하여 사이트의 기본 식별 정보를 설정할 수 있습니다.

 

메뉴(Menus) : 워드프레스에서 "메뉴"는 사이트의 탐색 구조를 설정하는 기능입니다. 사용자 정의 메뉴를 만들어 웹사이트의 주요 탐색 항목을 포함시키거나 제거할 수 있습니다. 또한, 다양한 페이지, 게시물, 사용자 정의 링크를 메뉴에 추가하여 원하는 대로 구성할 수 있습니다.

 

위젯(Widgets) : "위젯"은 워드프레스에서 사이드바, 푸터 등과 같은 영역에 추가되는 작은 모듈입니다. 위젯을 사용하여 웹사이트에 다양한 콘텐츠를 추가할 수 있습니다. 예를 들어, 텍스트 위젯을 사용하여 사용자 정의 텍스트를 표시하거나, 최근 게시물 위젯을 사용하여 최신 게시물 목록을 표시할 수 있습니다.

 

Typography(타이포그래피) : "Typography"은 워드프레스에서 텍스트 스타일과 서체 관련 설정을 수정하는 기능입니다. 이 설정을 통해 웹사이트 전반에 적용되는 기본 텍스트 스타일, 제목 스타일, 링크 스타일 등을 변경할 수 있습니다.

 

General Options(일반 옵션) : "General Options"은 워드프레스 테마나 플러그인에 따라 다를 수 있으며, 웹사이트의 일반적인 설정을 수정하는 기능을 제공합니다. 예를 들어, 사이트의 로고, 배경 이미지, 컬러 스킨, 레이아웃 등을 조정할 수 있습니다.

 

Blog(블로그) : "Blog"는 워드프레스 사이트에서 블로그 게시물을 관리하는 옵션입니다. 이 설정을 통해 블로그 게시물의 형식, 표시 방법, 메타 정보 등을 설정할 수 있습니다.

 

Header(헤더): "Header"는 웹사이트의 상단 영역을 나타냅니다. "Header" 설정을 통해 로고, 배경 이미지, 타이틀, 설명 등을 추가하거나 수정할 수 있습니다.

 

Top Bar(상단 바): "Top Bar"는 웹사이트의 상단에 고정된 영역을 말합니다. 일반적으로 로고, 연락처 정보, 소셜 미디어 링크 등을 포함시킬 수 있습니다. "Top Bar" 설정을 통해 이러한 정보를 추가하거나 수정할 수 있습니다.

 

Footer Widgets(푸터 위젯): "Footer Widgets"는 웹사이트의 푸터 영역에 추가되는 위젯 영역입니다. 이 영역을 통해 다양한 콘텐츠를 표시할 수 있으며, 예를 들어 최신 게시물, 태그 클라우드, 소셜 미디어 링크 등을 추가할 수 있습니다.

 

Footer Bottom(푸터 하단): "Footer Bottom"은 웹사이트의 푸터 영역에서 하단에 표시되는 부분입니다. 주로 저작권 정보, 사이트 링크, 개인정보 보호 정책 등을 표시하는 용도로 사용됩니다.

 

Sidebar(사이드바) : "Sidebar"는 웹사이트의 콘텐츠 영역과 함께 표시되는 영역으로, 일반적으로 사이드바에는 위젯이 추가됩니다. 이 영역을 사용하여 태그 클라우드, 카테고리 목록, 검색 폼 등을 표시할 수 있습니다.

 

Custom CSS/JS(사용자 정의 CSS/JS): "Custom CSS/JS"는 웹사이트에 직접 CSS(스타일 시트) 또는 JavaScript 코드를 추가할 수 있는 기능입니다. 이를 통해 워드프레스 테마나 플러그인에서 제공하지 않는 추가적인 스타일링이나 기능을 구현할 수 있습니다. 주의할 점은 코드를 추가할 때 신중하게 검토하고, 잘못된 코드가 사이트에 문제를 일으키지 않도록 해야 합니다.

 

 

사용자 정의 중 사이트 아이덴티티

가장 중요한 사이트 아이덴티티 옵션 설정 꼭하기

"사이트 아이덴티티" 설정에는 몇 가지 항목이 포함되어 있습니다. 첫 번째로, "사이트 제목"이 있습니다. 이는 웹사이트의 이름이나 제목을 나타내는 부분입니다.

 

두 번째로, "태그라인"이 있습니다. 이는 웹사이트의 부가 설명이나 슬로건을 나타내는 부분입니다. 간결하고 사이트를 잘 설명하는 문구를 입력할 수 있습니다.

 

마지막으로, "사이트 아이콘"을 설정할 수 있습니다. 사이트 아이콘은 웹사이트를 대표하는 작은 그림으로, 브라우저 탭, 북마크 바, 워드프레스 모바일 앱 등에서 표시됩니다. 이 아이콘은 정사각형 모양이어야 하며, 최소 512 × 512 픽셀 크기를 가져야 합니다. 워드프레스에서는 이 아이콘을 업로드할 수 있는 기능을 제공하므로, 자신이 원하는 아이콘을 선택하고 업로드할 수 있습니다.

 

이러한 "사이트 아이덴티티" 설정은 웹사이트를 더욱 독특하고 전문적으로 만들어 줍니다. 웹사이트의 이름과 슬로건을 정확히 나타내고, 아이콘을 통해 시각적인 인상을 남길 수 있습니다. 이를 통해 방문자들은 웹사이트를 쉽게 식별하고 기억할 수 있게 됩니다.

728x90
반응형

댓글