워드프레스 사용자 정의하기에서는 테마 설정의 기본이 되는 항목들을 설정해줍니다.
워드프레스 홈페이지의 외모를 사용자 정의하는 것은 웹사이트의 디자인과 레이아웃을 개선하고 사용자 경험을 향상시키는 중요한 부분입니다. 워드프레스에서는 다양한 방법으로 외모를 사용자 정의할 수 있으며, 이를 위한 항목과 기능을 아래에 정리하고 설명하겠습니다.
테마 마다 항목이 조금씩 다르므로 이 글에서는 GeneratePress 테마를 기준으로 설명을 드리겠습니다.
워드프레스 사용자 정의 기능에 대해 더 알고 싶다면 <워드프레스닷컴>을 방문해 보시기 바랍니다.
테마 설정은 일반적으로 “외모 > 사용자 정의하기” 메뉴에서 설정이 가능합니다.
또는 “외모 > 테마” 에서 테마의 “사용자 정의하기” 버튼을 크릭 후 설정을 하면 됩니다.
![워드프레스 사용자 정의하기](https://blog.rudamaru.com/wp-content/uploads/2023/09/user_customize-1024x468.webp)
GeneratePress 테마를 활성화 하면 “사용자 정의하기” 항목에는 아이덴티티, Layout, Typography, Colors, General, 메뉴, 위젯, 홈페이지 설정, 추가 CSS 항목이 설정 가능합니다.
![사용자 정의하기](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_00.webp)
사용자 정의하기 메뉴를 클릭하고 들어가게 되면
왼쪽 이미지와 같은 화면이 나옵니다.
- 사이트 아이덴티티
- 레이아웃
- 타이포그래픽
- 컬러
- 일발설정
- 메뉴
- 위젯
- 홈페이지 설정
- 추가 CSS
위 항목들은 테마 전반적인 설정에 큰 영향을 미치게 됩니다.
이제 부터 항목 별로 하나씩 보도록 하겠습니다.
1. 사이트 아이덴티티 (Site Identity)
- 기능: 로고 및 사이트 제목과 슬로건 설정을 관리합니다.
- 설명: 웹사이트의 로고 이미지를 업로드하고, 사이트 제목과 슬로건을 입력하거나 수정합니다. 이 정보는 웹사이트 상단에 표시됩니다.
![사이트 아이덴티티](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_01-337x1024.webp)
2. Layout (레이아웃)
- 기능: 웹사이트의 전체 레이아웃을 관리합니다.
- 설명: 사이드바 위치, 컨텐츠 너비, 헤더 및 푸터 레이아웃 등을 선택하여 웹사이트의 디자인을 구성합니다.
![customize 02](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02.webp)
![customize 02 01](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02_01.webp)
![customize 02 02](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02_02.webp)
![customize 02 03](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02_03-313x1024.webp)
![customize 02 04](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02_04.webp)
![customize 02 05](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02_05.webp)
![customize 02 06](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02_06.webp)
![customize 02 07](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02_07-741x1024.webp)
![customize 02 08](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_02_08.webp)
3. Typography (글꼴)
- 기능: 웹사이트의 텍스트 스타일과 글꼴 설정을 조정합니다.
- 설명: 헤딩 글꼴, 본문 텍스트 스타일, 링크 스타일 등을 수정하여 웹사이트의 글꼴을 사용자 정의합니다.
![customize 03](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_03-242x1024.webp)
4. Colors (색상)
- 기능: 웹사이트의 색상 스킴을 변경합니다.
- 설명: 웹사이트의 주요 색상, 배경 색상, 링크 색상 등을 설정하여 웹사이트의 색상을 사용자 정의합니다.
![customize 04](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_04-112x1024.webp)
5. General (일반)
- 기능: 일반적인 웹사이트 디자인 요소를 설정합니다.
- 설명: 헤더 이미지, 배경 이미지, 푸터 텍스트, 페이지 템플릿 등을 구성하여 웹사이트의 외관을 개선합니다.
![customize 05](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_05.webp)
6. 메뉴 (Menus)
- 기능: 웹사이트의 주요 내비게이션 메뉴를 만들고 편집합니다.
- 설명: 원하는 페이지, 글, 사용자 정의 링크를 메뉴에 추가하여 웹사이트의 내비게이션을 조절합니다.
![customize 06](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_06.webp)
7. 위젯 (Widgets)
- 기능: 웹사이트의 사이드바, 푸터 등에 위젯을 추가 및 관리합니다.
- 설명: 텍스트, 최신 글 목록, 소셜 미디어 링크 등을 사이드바에 추가하여 웹사이트의 내용을 확장합니다.
![customize 07](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_07-1024x672.webp)
8. 홈페이지 설정 (Homepage Settings)
- 기능: 웹사이트의 홈페이지 디자인 및 레이아웃을 선택합니다.
- 설명: 정적 페이지를 사용할지, 최신 글을 표시할지 선택하고, 홈페이지 표시할 페이지를 지정합니다.
![customize 08](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_08.webp)
9. 추가 CSS (Additional CSS)
- 기능: 사용자 정의 CSS 스타일을 추가하여 웹사이트 디자인을 수정합니다.
- 설명: 웹사이트에 직접 CSS 코드를 입력하여 글꼴, 색상, 레이아웃 등을 자세히 사용자 정의합니다.
![customize 09](https://blog.rudamaru.com/wp-content/uploads/2023/09/customize_09.webp)
워드프레스 사용자 정의하기 마무리
이러한 “사용자 정의하기” 메뉴 항목을 사용하면 워드프레스 웹사이트의 디자인과 레이아웃을 개선하고 웹사이트를 브랜딩하여 고유한 외관을 만들 수 있습니다. 이러한 설정을 통해 사용자 경험을 개선하고 웹사이트를 원하는대로 맞춤화할 수 있습니다.
이것으로 워드프레스 사용자 정의하기 글을 마무리 하며, 테마 설정이 완료 되었다면 “페이지 헤더 만들기“를 시도해 보시기 바랍니다.