전문가처럼 WordPress Theme Customizer를 사용하는 방법 (궁극의 안내서)

WordPress에는 웹 사이트 디자인을 실시간으로 쉽게 변경할 수있는 내장 테마 사용자 정의 프로그램이 포함되어 있음을 알고 있습니까.


모든 테마는 기본 사용자 정의 프로그램 옵션을 어느 정도 지원하지만 많은 테마에는 WordPress 테마 사용자 정의 프로그램에 대한 추가 탭과 옵션이 포함되어 있으므로 코딩 지식 없이도 테마를 쉽게 사용자 정의 할 수 있습니다.

이 기사에서는 기본 패널을 안내하고 전문가처럼 WordPress 테마 맞춤 설정 도구를 사용하는 방법을 보여줍니다..

WordPress Theme Customizer Ultimate Guide 사용 방법

WordPress 테마 사용자 정의 프로그램에 액세스하는 방법

테마 사용자 정의 프로그램은 기본 WordPress 기능이며 모든 WordPress 웹 사이트의 일부입니다..

WordPress 관리 영역에 로그인 한 다음 외관 » 커스터마이즈 WordPress 관리자 패널의 왼쪽 사이드 바에서 현재 테마로 Customizer 인터페이스가 열립니다..

WordPress Customizer에 액세스하는 방법

웹 사이트에 설치된 테마 중 활성화되지 않은 테마에 WordPress 테마 사용자 정의 프로그램 페이지를 사용할 수도 있습니다..

이를 통해 해당 테마의 실시간 미리보기를보고 활성화하기 전에 변경할 수 있습니다.

그렇게하려면 다음으로 향해야합니다 외관 » 테마 페이지.

다음으로, 설치된 테마 위에 마우스 커서를 놓고 라이브 미리보기 단추를 눌러 WordPress 테마 사용자 정의 프로그램 페이지를여십시오..

워드 프레스 테마 라이브 미리보기 옵션

워드 프레스 테마 사용자 정의 도구를 사용하는 방법

워드 프레스 테마 맞춤 설정 도구를 열면 화면 왼쪽에 모든 맞춤 설정 설정이 있고 오른쪽에 웹 사이트의 실시간 미리보기가 표시됩니다.

워드 프레스 테마 커 스터 마이저

WordPress 테마 맞춤 설정 도구는 사용중인 테마에 관계없이 기본 패널 세트와 함께 제공됩니다..

개별 패널을 클릭하여 변경해야합니다. 화면 오른쪽의 파란색 연필 아이콘을 클릭하여 해당 항목에 대한 설정을 열 수도 있습니다.

노트 : 고급 WordPress 테마는 추가 사용자 정의 옵션을위한 추가 설정 패널을 추가합니다 (나중에 자세히 설명)..

워드 프레스 테마 맞춤 설정 도구에서 사용할 수있는 기본 옵션을 살펴 보겠습니다.

사이트 ID 패널 : 제목, 로고 ​​및 Favicon 추가

그만큼 사이트 정체성 WordPress 테마 사용자 정의 프로그램의 패널을 사용하면 웹 사이트의 제목과 태그 라인을 추가하거나 변경할 수 있습니다.

기본적으로 WordPress는 “다른 WordPress 사이트 만”을 사이트 태그 라인으로 추가합니다..

사이트에 WordPress를 설치 한 후 변경하는 것이 좋습니다. 원하는 경우 비워 둘 수도 있습니다.

사이트 제목, 태그 라인, 로고 및 즐겨 찾기 아이콘을 변경하는 사이트 ID 설정

WordPress 테마 사용자 정의 프로그램의 사이트 ID 패널에서도 사이트 로고를 추가 할 수 있습니다. 간단히, 로고를 선택하십시오 웹 사이트 로고를 업로드하는 옵션.

귀하의 사이트에 파비콘을 추가하고 싶으십니까? 클릭하면됩니다. 사이트 아이콘 선택 선택권. 자세한 지침을 보려면 사이트에 파비콘을 만들고 추가하는 방법에 대한 가이드를 따르십시오.

워드 프레스 테마 커 스터 마이저 : 웹 사이트의 색상 변경

의 컨트롤 그림 물감 패널은 주로 사용중인 WordPress 테마에 따라 다릅니다..

예를 들어, Twenty Seventeen 테마를 사용하면 헤더 텍스트 색상을 선택하고 전체 웹 사이트의 색상 표를 선택할 수 있습니다.

웹 사이트에서 색상 변경

다른 WordPress 테마는 제목, 링크, 본문, 웹 사이트 배경 등과 같은 사이트 요소에 대해 다른 색상 옵션을 제공 할 수 있습니다..

테마 사용자 정의 프로그램에서 탐색 메뉴 추가

그만큼 메뉴 패널을 사용하면 웹 사이트에서 탐색 메뉴를 만들고 해당 위치를 제어 할 수 있습니다.

이 테이블에는 이전에 만든 기존 WordPress 메뉴가 모두 있습니다. “모든 위치보기”버튼을 클릭하면 테마가 지원하는 사용 가능한 메뉴 위치를 확인할 수 있습니다.

테마 사용자 정의 프로그램의 메뉴 패널

새 메뉴를 만들려면 새 메뉴 만들기 단추.

그런 다음 메뉴 이름을 지정해야 나중에 나중에 쉽게 관리 할 수 ​​있습니다. 메뉴 위치를 선택한 다음 다음 계속하려면.

새로운 탐색 메뉴 만들기

이 메뉴에 항목을 추가하려면 아이템 추가 버튼을 눌러 새 패널을 엽니 다. 이제 사용자 정의 링크, 페이지, 게시물, 카테고리 및 태그를 메뉴 항목으로 추가 할 수 있습니다.

탐색 메뉴에 항목 추가

항목을 재정렬하려면 재 주문 링크 한 다음 화살표 아이콘을 사용하여 메뉴 항목을 조정하십시오..

Theme Customizer에서 웹 사이트의 위젯 제어

그만큼 위젯 패널을 사용하면 사이트에서 위젯을 추가하고 관리 할 수 ​​있습니다.

클릭하면 위젯을 추가 할 수있는 다른 위치가 표시됩니다. 사용중인 테마에 따라 다릅니다..

예를 들어, Twenty Seventeen 테마는 3 개의 위젯 위치를 제공하는 반면 Twenty Nineteen 테마는 하나의 위치 만 제공합니다..

위젯 패널

그중 하나를 클릭하면 이전에 해당 위치에 추가 한 위젯이 표시됩니다.

새 위젯을 추가하려면 “위젯 추가”버튼을 클릭해야합니다. 사용 가능한 모든 위젯 목록이 표시되는 새 패널이 열립니다..

사이트에 위젯 추가

추가하려는 것을 클릭해야합니다. 새로 추가 된 위젯을 변경하고 위 또는 아래로 끌어서 위치를 조정할 수도 있습니다..

테마 사용자 정의 프로그램의 홈페이지 설정 패널

기본적으로 WordPress는 홈페이지에 최신 블로그 게시물을 표시합니다.

그러나 비즈니스 웹 사이트 사용자는 사용자 정의 홈페이지를 선호합니다. 제품 및 서비스를 표시하는 적절한 방문 페이지를 가질 수 있습니다.

맞춤 홈페이지를 사용하려면 웹 페이지에서 ‘정적 페이지’라디오 버튼을 선택해야합니다. 홈페이지 설정 패널.

테마 맞춤 설정 도구의 홈페이지 설정

홈페이지에 대한 페이지를 선택하고 블로그 게시물을 표시하는 데 사용할 수있는 두 개의 새로운 드롭 다운 메뉴가 열립니다..

사이트에 페이지가없는 경우 드롭 다운 메뉴 아래에있는 “+ 새 페이지 추가”링크를 클릭하여 새 페이지를 만들 수 있습니다. 선택한 이름으로 빈 페이지가 생성됩니다..

사용자 정의 CSS 추가를위한 추가 CSS 패널

웹 사이트 스타일을 지정하기 위해 맞춤 CSS 코드를 추가 하시겠습니까? 당신은 그것을 할 수 있습니다 추가 CSS 패널.

중급 및 고급 WordPress 사용자는 종종 CSS 코드를 테마의 style.css 파일에 직접 추가하여 사이트를 사용자 정의합니다. 이렇게하면 WordPress 호스팅에 대한 FTP 액세스, 테마 파일 수정 등과 같은 추가 단계가 추가됩니다..

초보자를위한 더 쉬운 솔루션은 사용자 정의 CSS 코드를 WordPress 테마 사용자 정의 프로그램의 추가 CSS 패널에 추가하는 것입니다. 이를 통해 사이트를 변경하고 화면 오른쪽에서 실시간으로 볼 수 있습니다.

추가 CSS 창에 사용자 정의 CSS 코드 추가

CSS 코드 작성을 시작하면 입력 한 문자를 기준으로 WordPress에서 자동으로 속성을 제안합니다. 적절한 CSS 문을 작성하지 않은 경우 오류 메시지도 표시됩니다.

참고 : 코드를 작성하지 않고 웹 사이트를 사용자 정의하려면 계속 읽으십시오. 우리는 당신이 쉽게 테마를 사용자 정의하고 사용자 정의 워드 프레스 테마를 만들 수 있도록 두 가지 초보자 친화적 인 옵션을 공유합니다.

다른 테마 사용자 정의 프로그램 옵션

일부 무료 및 프리미엄 테마는 더 많은 테마 사용자 정의 옵션을 제공합니다.

사용중인 테마에 따라 글꼴 스타일, 배경 이미지 추가, 레이아웃 변경, 색상 수정, 임의의 헤더 이미지 추가 등을 수행 할 수 있습니다..

플러그인을 사용하여 테마 사용자 정의 프로그램에 특정 기능을 추가 할 수도 있습니다. 예를 들어, Easy Google Fonts 플러그인을 사용하여 WordPress에서 사용자 정의 글꼴을 추가 할 수 있습니다.

다른 화면 해상도에서 웹 사이트 미리보기

모든 웹 사이트 소유자는 자신의 웹 사이트가 모바일 반응 형이며 모든 화면 크기에서 잘 보이도록해야합니다..

워드 프레스 테마 커 스터 마이저 덕분에 웹 사이트가 다른 화면 크기에서 어떻게 보이는지 쉽게 확인할 수 있습니다.

테마 맞춤 설정 도구 패널의 하단에는 3 개의 아이콘과 ‘컨트롤 숨기기’링크가 있습니다..

다른 화면 해상도에서 웹 사이트 미리보기

이 아이콘을 사용하면 데스크톱, 태블릿 및 모바일 장치와 같은 다양한 화면 해상도에서 사이트를 테스트 할 수 있습니다.

그만큼 컨트롤 숨기기 링크는 데스크톱 모드에서 사이트를 제대로 볼 수 있도록 WordPress 사용자 정의 패널을 숨기는 데 유용합니다.

사용자 화 설정을 게시, 저장 또는 예약

필요한 사항을 변경 한 후에는 사이트에 적용해야합니다. 그렇지 않으면 모든 노력이 손실됩니다.

계속해서 게시 버튼을 눌러 변경 사항을 적용합니다. 완료되면 화면 왼쪽 상단에있는 닫기 버튼을 클릭하여 테마 사용자 정의 프로그램을 종료 할 수 있습니다.

WordPress 사용자 지정자 설정 게시

새로운 디자인을 완성하는 데 시간이 더 필요한 경우 어떻게해야합니까? 이 경우,이를 초안으로 저장하고 관리 영역에 액세스하지 않고도 다른 사람과 새로운 디자인을 공유 할 수도 있습니다..

그러려면 오른쪽에있는 톱니 바퀴 아이콘을 클릭해야합니다. 게시 단추. 액션 패널이 열립니다.

워드 프레스 커 스터 마이저 초안 저장 옵션

여기에는 게시, 초안 저장 및 일정의 세 가지 옵션이 있습니다..

당신은 선택해야합니다 임시 보관함에 저장 액션 패널의 라디오 버튼을 클릭 한 다음 임시 보관함에 저장 변경 사항을 저장하는 버튼.

이제 미리보기 링크를 복사하여 다른 사용자와 공유하여 피드백을받을 수 있습니다..

반면에 시간표 옵션을 사용하면 특정 날짜 및 시간에 변경 사항을 게시 할 수 있습니다. 이 옵션을 사용하면 트래픽이 가장 적은 시간에 테마 변경 내용을 실시간으로 예약 할 수 있습니다..

특정 날짜에 사용자 정의 설정 예약

마지막으로 게시되지 않은 변경 사항을 재설정하려는 경우 변경 사항을 취소 액션 패널의 링크.

생방송없이 다양한 테마 미리보기

귀하의 사이트에서 새로운 테마가 어떻게 보이는지 확인하고 싶을 때가 있습니다. 그러나 라이브 웹 사이트에서 활성화하지 않으려는 경우.

이 경우 워드 프레스 커 스터 마이저를 열어 라이브로 가지 않고도 새로운 테마를 테스트 할 수 있습니다.

맞춤 설정 도구 패널에서 활성 테마의 이름과 변화 단추.

Customizer에서 WordPress 테마 변경

해당 버튼을 클릭하면 WordPress에 설치된 모든 테마가 페이지 오른쪽에 표시됩니다.

특정 테마를 확인하려면 라이브 미리보기 단추.

테마 사용자 정의 프로그램에서 설치된 테마 미리보기

WordPress Themes Repository에서 테마를 미리 볼 수도 있습니다. 그렇게하려면 왼쪽 패널에서 “WordPress.org 테마”확인란을 선택해야합니다..

WordPress.org 디렉토리의 테마가 표시됩니다. 당신은 “설치를 클릭 할 수 있습니다 & 미리보기”버튼을 클릭하여 원하는 테마를 확인하십시오..

워드 프레스 테마 디렉토리

를 클릭하여 테마를 필터링 할 수도 있습니다. 필터 테마 화면 오른쪽 상단에있는 버튼.

노트 : 라이브 사이트에서 사용자 지정 도구를 사용하는 대신 WordPress 준비 웹 사이트를 사용하여 새로운 테마를 테스트하는 것이 좋습니다..

테마 사용자 정의 설정 가져 오기 또는 내보내기

테마 사용자 정의 프로그램 설정을 가져오고 내보낼 수 있다는 것을 알고 있습니까?

로컬 서버 또는 준비 사이트에서 테마를 변경할 때 매우 유용합니다. 설정을 라이브 웹 사이트에 수동으로 복사하는 대신 테마 사용자 정의 설정을 내 보내서 시간을 절약 할 수 있습니다..

자세한 지침은 WordPress에서 테마 사용자 정의 설정을 가져오고 내보내는 방법에 대한 안내서를 참조하십시오..

워드 프레스 테마 커스터마이즈 대안

WordPress Customizer를 사용하면 사이트를 변경할 수 있지만 사용하는 테마에 따라 컨트롤 수가 다릅니다..

테마가 마음에 들지만 추가 사용자 정의 옵션이 필요하다면 어떻게해야합니까??

이 경우 가장 좋은 솔루션은 WordPress 테마 사용자 정의 도구와 함께 작동하는 두 가지 사용자 정의 플러그인 중 하나를 사용하는 것입니다.

CSS 영웅

CSS Hero 플러그인

CSS Hero는 한 줄의 코드를 작성하지 않고도 사이트를 사용자 정의 할 수있는 WordPress 플러그인입니다. 번거 로움없이 사이트의 모든 요소를 ​​자유롭게 스타일링 할 수 있습니다.

WordPress 사이트의 로그인 페이지를 사용자 정의 하시겠습니까? CSS Hero를 사용하면 몇 분 안에 그렇게 할 수 있습니다.

프론트 엔드의 변경 사항을 편집하고 미리 볼 수 있으므로 모든 장치에서 디자인이 완벽하게 보일 수 있습니다..

비버 빌더

비버 빌더 플러그인

Beaver Builder는 시장에서 가장 우수한 WordPress 페이지 빌더 플러그인 중 하나입니다. 드래그 앤 드롭 인터페이스를 사용하여 사이트에 멋진 페이지를 만들 수 있습니다.

가장 좋은 점은 Beaver Builder가 거의 모든 WordPress 테마와 함께 작동한다는 것입니다. 이를 통해 현재 테마와 함께 사용할 수 있습니다.

Beaver Builder는 단축 코드 및 위젯 사용을 지원합니다. 또한 웹 사이트를 쉽게 스타일링하는 데 사용할 수있는 다양한 유형의 모듈을 제공합니다. 자세한 지침은 WordPress에서 사용자 정의 레이아웃을 만드는 방법에 대한 가이드를 참조하십시오.

Beaver Builder를 사용하여 코드를 작성하지 않고도 완전한 사용자 정의 WordPress 테마를 만들 수도 있습니다..

이 가이드가 WordPress Theme Customizer를 전문가처럼 사용하는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 당신의 웹 사이트를위한 최고의 워드 프레스 플러그인과 도구에 대한 우리의 가이드를보고 싶을 것입니다.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map