모든 옵션 관련 코드는 함수 내부에 배치해야합니다. 그런 다음이 기능은 Kirki/Fields 필터를 통해 필터링됩니다.
<span>function superminimal_customizer_config() {
</span> <span>$args = array(
</span> <span>// Only use this if you are bundling the plugin with your theme
</span> <span>'url_path' => get_stylesheet_directory_uri() . '/inc/kirki/',
</span>
<span>);
</span> <span>return $args;
</span> <span>}
</span> <span>add_filter( 'kirki/config', 'superminimal_customizer_config' );</span>
<span>function superminimal_demo_panels_sections( $wp_customize ) {
</span> <span>/**
</span><span> * Add Panel
</span><span> */
</span> <span>$wp_customize->add_panel( 'sitepoint_demo_panel', array(
</span> <span>'priority' => 10,
</span> <span>'title' => __( 'SitePoint Demo Panel', 'superminimal' ),
</span> <span>'description' => __( 'Kirki integration for SitePoint demo', 'superminimal' ),
</span> <span>) );
</span>
<span>//More code to come
</span> <span>}
</span> <span>add_action( 'customize_register', 'superminimal_demo_panels_sections' );</span>
<span>/**
</span><span> * Add a Section for Site Text Colors
</span><span> */
</span> <span>$wp_customize->add_section( 'superminimal_text_colors', array(
</span> <span>'title' => __( 'Site Text Colors', 'superminimal' ),
</span> <span>'priority' => 10,
</span> <span>'panel' => 'sitepoint_demo_panel',
</span> <span>'description' => __( 'Section description.', 'superminimal' ),
</span> <span>) );
</span>
<span>/**
</span><span> * Add a Section for Site Layout
</span><span> */
</span> <span>$wp_customize->add_section( 'superminimal_site_layout', array(
</span> <span>'title' => __( 'Site Layout', 'superminimal' ),
</span> <span>'priority' => 10,
</span> <span>'panel' => 'sitepoint_demo_panel',
</span> <span>'description' => __( 'Section description.', 'superminimal' ),
</span> <span>) );
</span>
<span>/**
</span><span> * Add a Section for Footer Text
</span><span> */
</span> <span>$wp_customize->add_section( 'superminimal_footer_text', array(
</span> <span>'title' => __( 'Footer Text', 'superminimal' ),
</span> <span>'priority' => 10,
</span> <span>'panel' => 'sitepoint_demo_panel',
</span> <span>'description' => __( 'Section description.', 'superminimal' ),
</span> <span>) );</span>
다음, 테마 사용자에게 사이트 레이아웃을 사용자 정의 할 수있는 옵션을 제공합시다.

예를 들어
<span>function superminimal_customizer_config() { </span> <span>$args = array( </span> <span>// Only use this if you are bundling the plugin with your theme </span> <span>'url_path' => get_stylesheet_directory_uri() . '/inc/kirki/', </span> <span>); </span> <span>return $args; </span> <span>} </span> <span>add_filter( 'kirki/config', 'superminimal_customizer_config' );</span>
예를 들어
Kirki는 함수 매개 변수에 대해 사전 정의 된 두 가지 값을 제공합니다. 배경색, 색상, 글꼴 크기 등과 같은 매장을 추가하는 설정이 추가되는 경우 CSS 값을 사용하십시오. 또는
먼저, 위의 코드는 전송 메소드를 새로 고침 (기본값)에서 postmessage로 변경합니다. 이것은 라이브 미리보기에 JavaScript를 사용해야한다는 커스터마이저의 신호입니다.
<span>if ( ! class_exists( 'Kirki' ) ) {
</span> <span>include_once( dirname( __FILE__ ) . '/inc/kirki/kirki.php' );
</span><span>}</span>
사이드 바리-왼쪽
<span>function superminimal_customizer_config() { </span> <span>$args = array( </span> <span>// Only use this if you are bundling the plugin with your theme </span> <span>'url_path' => get_stylesheet_directory_uri() . '/inc/kirki/', </span> <span>); </span> <span>return $args; </span> <span>} </span> <span>add_filter( 'kirki/config', 'superminimal_customizer_config' );</span>
마지막으로, 기본 커스터마이저 JavaScript API를 사용하여 라이브 미리보기를 처리하는 JavaScript 함수를 작성하십시오.
<span>if ( ! class_exists( 'Kirki' ) ) { </span> <span>include_once( dirname( __FILE__ ) . '/inc/kirki/kirki.php' ); </span><span>}</span>
자원
- 결론
-
Kirki는 적극적으로 개발되고 지원되고 있습니다. API 및 사용자 정의 컨트롤은 이미 Customizer 테마 옵션을 개발하는 데 걸리는 시간을 크게 최적화합니다. WordPress.org 테마 저장소에 테마를 나열하려는 경우 특히 중요합니다. 실제로 사용자 정의 옵션을 제공하는 테마는 사용자 정의 옵션 페이지가 아닌 커스터마이저를 통해 그렇게해야합니다. -
나는 당신의 의견을 기대합니다!
Kirki는 WordPress의 테마를 개발하는 프로세스를 단순화하도록 설계된 툴킷입니다. WordPress 테마를보다 쉽게 작성, 사용자 정의 및 관리 할 수있는 다양한 기능을 제공합니다. 여기에는 실시간으로 변경 사항을 미리 볼 수있는 커스터마이저, 다양한 유형의 컨텐츠에 대한 다양한 컨트롤 및 필요한 기능 만 포함 할 수있는 모듈 식 구조가 포함됩니다. Kirki를 사용하면 개발자가 시간과 노력을 절약하고보다 강력하고 유연한 테마를 만들 수 있습니다.
WordPress 용 Kirki를 설치하고 설정하는 방법Kirki 설치는 간단합니다. WordPress 플러그인 디렉토리에서 다운로드하여 다른 플러그인과 마찬가지로 설치할 수 있습니다. 일단 설치되면 WordPress Customizer를 통해 Kirki의 기능에 액세스 할 수 있습니다. Kirki를 설정하려면 테마에 대한 구성을 추가해야합니다. 여기에는 테마 functions.php 파일에 몇 줄의 코드를 추가하는 것이 포함됩니다. 구성은 테마의 옵션과 설정을 지정합니다.
Kirki는 어떤 유형의 컨트롤을 제공합니까?
Kirki는 다양한 유형의 컨트롤에 대한 광범위한 컨트롤을 제공합니다. 여기에는 텍스트, 확인란 및 라디오 버튼과 같은 기본 컨트롤과 컬러 피커, 이미지 업 로더 및 타이포그래피 선택기와 같은 고급 컨트롤이 포함됩니다. 각 컨트롤에는 자체 옵션 및 설정 세트가 제공되므로 요구에 맞게 컨트롤을 사용자 정의 할 수 있습니다.
위 내용은 Kirki의 빠른 WordPress Customizer 옵션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

WordPressCanhandlelArgeWebsites와 함께 확보 및 최적으로 최적화 된 경우 1) USECACHINGTOREDUCESERVERLOWN.2) 최적화 최적화

WordPress는 매우 사용자 정의되어 있으며 다양한 유연성과 사용자 정의 가능성을 제공합니다. 1) 테마 및 플러그인 생태계를 통해 2) 프론트 엔드 개발에 RESTAPI를 사용하십시오. 그러나 사용자 정의에는 PHP, JavaScript, CSS 등과 같은 마스터 링 기술이 필요하며 잠재적 인 문제를 피하기 위해 성능 최적화 및 플러그인 선택에주의를 기울여야합니다.

WordPressIsanexcellentChoiceForAcmsDuetoItsuser- 친근한 사람, 광범위한 신체 시스템, SeoCapabilities, 확장 성 및 업 포트 픽 커뮤니티

WordPressIsuser-friendlyduetoitsintuitiveinterfaceandcms, whith whiteSparatescontentfromdesign.itofferSarichTexTeditoresyContentCreationAndamedIalibraryFororganization.ItsflexibilityIsenhanced-the theverusecanimptercercercercepterforcorcorctrestecanimppercercercepperfercerceppercepperferceppercercments

WordPressIssuitableForbusinessSettings.1) Itsupportse-CommercewithPlugins-WooCommerce, ProductManagementAndPaymentProcessing을 허용합니다.

WordPressIsnotidealforhigh-trafficwebsites, customand and complexexapplications, 보안 감독관, 실제-타이메이션 프로세싱, highlycustomizeduser interfaces.forhigh-traffics, usenext.jsorcustomsolutions, forcomplexApplications, optfordjangoorrub

Yes,youcanbuildablogwithWordPress.1)ChoosebetweenWordPress.comforbeginnersorWordPress.orgformorecontrol.2)Selectathemetopersonalizeyourblog'slook.3)Usepluginstoenhancefunctionality,likeSEOandsocialmediaintegration.4)Customizeyourthemewithsimplecodetw

WordPressCanBesecureIfManagedProperly.1) recoyTheWordPressCoreUpdatedToPatchVulnerabilities.2) VetAndupDatePluginsandthemesfromRomeputables


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

WebStorm Mac 버전
유용한 JavaScript 개발 도구

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

드림위버 CS6
시각적 웹 개발 도구