사용자 지정 프로그램으로 WordPress 테마를 사용자 지정하는 방법

WordPress 테마를 사용자 지정하는 것은 활성화한 후 테마를 활용하는 데 필요한 단계입니다. 그리고 테마의 커스터마이저 덕분에 그 어느 때보다 쉽게 ​​할 수 있습니다. 그러나 이 도구에 익숙해지면 조금 어려울 수 있습니다. 따라서 혼란스럽다면 이 기사가 큰 도움이 될 것입니다.

WordPress 테마를 선택하고 설치한 후 사용자 지정 도구를 사용하여 테마 데모 또는 자신의 스타일에 따라 웹사이트의 모양을 사용자 지정해야 합니다. 이 도구의 장점은 사용자 지정하는 동안 결과를 직접 볼 수 있는 라이브 미리 보기 모드입니다. 이렇게 하면 시간이 절약되고 백엔드(관리 대시보드)에서 편집하는 것보다 훨씬 쉽게 조작할 수 있습니다.

다음은 사용자 정의 프로그램으로 WordPress 테마를 사용자 정의하여 데모 테마 또는 원하는 것과 가장 유사한 웹 사이트를 만드는 기본 단계입니다.

사용자 지정 도구 열기

첫째, 페이지 상단의 관리 표시 줄에 사용자 정의로 이동, 또는 대시 보드> 모양> 사용자 정의는이 도구를 엽니 다.

Customizer의 인터페이스는 두 가지 주요 부분으로 구성됩니다. 왼쪽 열에는 사용자 지정 옵션이 포함되어 있고 오른쪽 화면에는 실시간 미리보기가 표시됩니다. 다음은 커스터마이저의 가장 일반적인 인터페이스입니다.

왼쪽 열에는 다음이 포함됩니다.

1: 커스터마이징 후 결과를 저장하기 위한 Publish 버튼. 클릭하지 않고 사이트를 닫으면 사용자 지정 내용이 저장되지 않습니다. 따라서 모든 변경 후에는 이 버튼을 누르는 것을 잊지 마십시오.
2: 이 영역은 사용 중인 테마를 보여줍니다. 제 예에서 볼 수 있듯이 저는 메모리 테마를 사용하고 있습니다. (이 테마는 여기에서 다운로드할 수 있습니다.)
3: 테마 사용자 정의 옵션. 테마 옵션은 테마에 따라 다릅니다.
4: 컨트롤 숨기기를 클릭하여 이 열을 숨깁니다. 또한 다른 장치에서 라이브 미리 보기가 어떻게 보이는지 확인하려면 여기에서 해당 장치 아이콘을 클릭하기만 하면 됩니다.

사용자 지정 인터페이스에 익숙해지면 각 기본 사용자 지정 옵션을 자세히 살펴보고 데모 또는 귀하의 아이디어와 가장 유사한 모양을 사용자 지정해 보겠습니다. 사용자 지정 요구 사항이 다를 수 있으므로 테마의 설명서를 주의 깊게 읽어야 합니다.

커스터마이저로 테마 사용자 정의

테마를 활성화한 후 웹사이트가 아직 데모처럼 보이지 않습니다. 테마가 데모 가져오기를 지원하지 않는 한 수동으로 테마를 사용자 지정해야 합니다. 일반적인 사용자 정의 섹션에는 다음이 포함됩니다.

홈페이지 설정

홈페이지 디스플레이를 결정짓는 가장 중요한 부분입니다.

홈페이지 설정에는 최신 게시물과 정적 페이지의 두 가지 홈페이지 표시 옵션이 있습니다. 각 테마의 요구 사항에 따라 적합한 옵션을 선택할 수 있습니다.

블로그와 같은 읽기 사이트 의 경우 최신 게시물 을 선택해야 합니다.

비즈니스 페이지의 경우 정적 페이지 를 선택한 다음 홈페이지 섹션에서 홈페이지 페이지를 선택하고 게시물 페이지 섹션에서 아카이브 페이지를 선택해야 합니다. 각 섹션의 드롭다운 메뉴 아이콘을 클릭하여 사용 가능한 게시물 및 페이지에서 하나를 선택하거나 새 페이지 추가를 클릭하여 이 두 항목에 대한 새 항목을 만듭니다.

그러나 선택한 홈페이지가 사용자 정의 및 설정되지 않은 경우 슬라이더, 클릭 유도 문안, 영웅 이미지 등과 같은 특수 기능이 부족할 수 있으며 추가 사용자 정의가 필요할 수 있습니다. 이 설정에 대한 테마의 지침을 읽는 것이 좋습니다.

사이트 아이덴티티

이 섹션은 로고, 제목, 태그라인 변경과 같은 웹사이트에 대한 정보를 변경하는 데 도움이 됩니다.

로고를 선택하고 웹사이트의 제목과 태그라인을 작성하십시오. 게다가 로고, 제목을 사용자 정의하거나 이러한 항목을 숨기거나 표시하는 옵션이 있을 수 있습니다.

색상, 배경 이미지 및 글꼴

대부분의 테마는 일단 활성화되면 데모와 유사한 색상, 배경 및 글꼴을 자동으로 설정합니다. 그러나 위의 요소가 아직 준비되지 않은 경우 설정해야 합니다.

색상

대부분의 테마는 색상 섹션을 지원합니다. 그러나 일부 테마에서는 많은 요소의 색상을 변경할 수 있지만 일부 테마는 몇 가지 요소로 제한됩니다.

먼저, 다시 칠할 요소(1)를 클릭합니다(예: 기본 색상, 제목 색상 또는 텍스트 색상). 팔레트에서 직접 색상을 선택하거나(2), 여기에 색상 코드를 입력할 수 있습니다(3).

폰트

글꼴 또는 타이포그래피 섹션에서는 각 테마에 따라 글꼴 스타일, 패밀리 글꼴, 텍스트 크기 등을 변경할 수 있습니다.

패밀리 글꼴을 선택하는 것도 테마의 요구 사항에 따라 다릅니다. 가장 쉬운 방법은 아래 이미지와 같은 드롭다운 메뉴에서 사용 가능한 글꼴을 선택하는 것입니다. 이와 같은 테마는 일반적으로 일부 기본 글꼴만 지원합니다.

테마가 Google 글꼴을 지원하는 경우 font.google.com에서 글꼴의 코드, 이름 또는 링크를 가져와 다음과 같은 상자에 붙여넣어야 할 수 있습니다.

두 번째 방법의 장점은 Google Fonts에서 다양한 글꼴을 선택할 수 있다는 것입니다.

배경 이미지

대부분의 테마에서는 배경 이미지 를 설정할 사진을 선택할 수 있습니다. 배경 이미지 섹션에서 이미지 선택을 클릭하고 라이브러리에서 사진을 선택하거나 업로드합니다.

그런 다음 이미지의 스타일, 위치 및 크기를 편집하여 웹사이트에 완벽하게 맞출 수 있습니다.

배경 이미지를 변경하려면 이미지 변경 버튼을 클릭하세요. 배경 사진을 삭제하려면 제거 버튼을 누르십시오.

배경 이미지 반복 을 선택하면 배경 이미지가 페이지의 처음부터 끝까지 반복됩니다. 페이지와 함께 스크롤 을 선택하면 아래와 같이 스크롤할 때 페이지와 함께 이동합니다.

메뉴

메뉴 섹션에는 모든 메뉴와 현재 위치가 나열됩니다. 전통적으로 기본 메뉴는 헤더에 있습니다. 특히, 일부 테마를 사용하면, 메뉴 위치 아래의 텍스트에서보고 얼마나 많은 메뉴 위치를 확인하려면 같은 바닥 글, topbar, 슬라이드 메뉴 등에로, 하나 개의 위치 이상을 표시 할 수 있습니다.

예를 들어 메모리 테마에는 메뉴 위치가 하나만 있습니다. 위치 보기 탭을 클릭하면 볼 수 있습니다. 그런 다음 메뉴 위치를 누르고 거기에 표시하려는 사용 가능한 메뉴를 선택합니다. 편집 메뉴에 편집 메뉴를 클릭하고 다른 하나를 만들 수있는 새 메뉴 만들기를 클릭합니다.

메뉴를 만들고 편집하는 세부 사항은 어떻습니까? 여기에서 이전 기사를 참조할 수 있습니다.

위젯

위젯은 사이드바 또는 바닥글과 같은 위젯을 지원하는 일부 영역에 추가된 콘텐츠 또는 기능 블록입니다. 비디오, 사진, 갤러리, 최신 게시물, 페이지 등을 삽입할 수 있는 15개의 기본 WordPress 위젯이 있습니다. 특히 일부 테마는 고유한 위젯을 제공하기도 하므로 자신에게 필요한 위젯을 정확히 찾아 선택해야 합니다.

위젯 섹션에는 현재 페이지에서 위젯을 지원하는 영역이 표시됩니다. 이 지역의 수와 위치도 테마에 따라 다릅니다.

위젯을 추가하려면 바닥글 등 위젯을 배치할 위치를 클릭하고 위젯 추가 버튼을 클릭합니다. 목록에서 하나를 선택하거나 검색 창을 사용하여 원하는 위젯을 찾을 수 있습니다.

위젯을 선택한 후 이미지, 갤러리, 비디오, 오디오 및 페이지 위젯과 같은 일부는 원하는 대로 표시하기 위해 추가 설정이 필요할 수 있습니다. 이때 위젯의 요청을 주의 깊게 읽고 따라야 합니다. 걱정하지 마세요. 이 단계는 매우 간단합니다.

위젯을 삭제하려면 원하는 위젯으로 이동하여 제거 를 클릭합니다.

재정렬 버튼은 위젯을 테마의 다른 영역으로 이동하는 데 도움이 됩니다. 특히 (1)을 클릭하고 새 위젯 영역을 선택한 다음(2) 이동 버튼을 클릭합니다(3). 또한 위쪽 및 아래쪽 화살표 버튼(4)을 사용하여 영역에서 위젯을 이동할 수 있습니다. 완료되면 완료 (5)를 누릅니다.

이제 위젯으로 작업을 완료했습니다.

마지막 말

커스터마이저로 위의 섹션을 커스터마이징하는 것은 웹사이트가 데모나 상상처럼 보이도록 커스터마이징하는 일반적이고 기본적인 단계입니다. 그 외에도 각 테마별로 다양한 섹션이 있습니다. 커스터마이징에 어려움이 있는 경우 문서를 읽거나 테마 작성자에게 즉시 문의해야 합니다.

이 기사가 귀하의 사이트에 대한 귀하의 매혹적인 모습을 만드는 데 도움이 되었기를 바랍니다.