久久精品国产99国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

WordPress Customize API - 添加第一個自定義選項

允許用戶修改和配置主題選項,同時還為他們提供這些更改的實時預覽。WordPress Settings API旨在為主題開發人員提供一個標準界面,供他們在主題內提供自定義選項時使用

這個WordPress Customize API是wordpress自帶的為開發者準備的一套API,通過這個,wordpress開發者們可以開發出不同的主題或是插件設置選項,方便您的主題用戶自定義主題。那么這樣一個東西該如何使用呢?這一節的wordpress開發教程我們就一起來交流下。

WordPress Customize API - 添加第一個自定義選項
背景圖片

介紹:

WordPress定制器允許用戶修改和配置主題選項,同時還為他們提供這些更改的實時預覽。定制程序旨在為主題開發人員提供一個標準界面,供他們在主題內提供自定義選項時使用。

首先,你現在一定比較懵,沒關系,我們先看看這個所謂的WordPress Customize API可以做哪些事情吧,下面這張圖是我制作的一個例子:

WordPress Customize API - 添加第一個自定義選項
WordPress Settings API功能演示

如果你開發的wordpress主題需要的功能不多,那么這些選項足夠我們使用了。

正文開始:

我們先明白一些概念,面板、節、設置和控件,他們的關系類似這樣:

WordPress Customize API - 添加第一個自定義選項
WordPress Settings API - 面板、節、設置和控件關系圖

面板

面板展示在自定義面板的首頁,也就是這里:

WordPress Customize API - 添加第一個自定義選項
WordPress Settings API - 面板

那么,什么是節呢?根據上圖可知,節在面板下面,如圖:

WordPress Customize API - 添加第一個自定義選項
WordPress Settings API - 節

那么設置和控件呢?

設置和控件是在一起的好搭檔,可以這么理解,“設置”先挖洞,然后“控件”把“功能”,埋進去,一個“設置”只能挖一個洞,而一個控件只能把一個功能埋進去。這就是設置與控件間的關系了。

設置和控件是在節的下面,而且設置和控件是待在一起的。說了那么多,來實戰吧。

實戰

以wordpress自帶的2019主題為例子,在2019主題根目錄下的functions.php文件的<?下面添加以下代碼:

//添加自定義設置選項
function npcink_customize_register( $wp_customize ) {
	//給相關設置項目加小鉛筆

	if ( isset( $wp_customize->selective_refresh ) ) {

	//One
	$wp_customize->selective_refresh->add_partial( 'npcink_sections_text_one', array(
		'selector'        => '.1-1',
		'render_callback' => 'lifet_customize_partial_npcink_sections_text_one',
	) );

	//Two
		$wp_customize->selective_refresh->add_partial( 'npcink_sections_text_two', array(
			'selector'        => '.1-2',
			'render_callback' => 'lifet_customize_partial_npcink_sections_text_two',
		) );
		
	}
	

	//-----------------------------------------------------------------------------
	//添加主題設置面板,ID = npcink_options
	$wp_customize->add_panel( 'npcink_options',
	array(
		'title' => __( '我是面板 - Npcink', 'npcink' ),
		'description' => __( 'Npcink首發,Muze原創', 'npcink' ),
		'priority'    => 30,
		'capabitity'  => 'edit_theme_options',
	) );

	//添加文本設置節,ID = npcink_sections_text
	$wp_customize->add_section('npcink_sections_text',
	array(                
		'title'     => '節 - Npcink',
		'description' => '主題的文本設置',     
		'panel' => 'npcink_options',
	) );

	//文字設置:one,ID = npcink_sections_text_one
	$wp_customize->add_setting('npcink_sections_text_one',
		array(
			'default' => 'Npcink 榮譽出品',
		)
	);
	$wp_customize->add_control('npcink_sections_text_one',
		array(
			'label' => '文本設置:One',
			'section' => 'npcink_sections_text',
			'type' => 'text',
		)
	);

	//文字設置:two,ID = npcink_sections_text_two
	$wp_customize->add_setting('npcink_sections_text_two',
		array(
			'default' => 'Npcink 榮譽出品',
		)
	);
	$wp_customize->add_control('npcink_sections_text_two',
		array(
			'label' => '文本設置:Two',
			'section' => 'npcink_sections_text',
			'type' => 'text',
		)
	);

}
add_action( 'customize_register', 'npcink_customize_register' );

保存上面的代碼,我們就可以在網站后臺 → 外觀 → 自定義中看到我們添加的新選項:我是面板 - Npcink。

為了方便看到演示效果,我們在主題根目錄下的header.php文件底部添加以下代碼:

<dl style="padding: 1em;">
    <dd class="1-1">1-1:<?php echo get_theme_mod( 'npcink_sections_text_one', 'Npcink榮譽出品' ); ?></dd>
    <dd class="1-2">1-2:<?php echo get_theme_mod( 'npcink_sections_text_two', 'Npcink榮譽出品' ); ?></dd>
</dl>

保存上面的代碼,刷新下自定義,您就可以在自定義中看到這個效果:

WordPress Customize API - 添加第一個自定義選項
WordPress Settings API - 節和控件

到這里為止,您已經知道了WordPress Customize API的面板、節、設置和控件之間的關系,知道了如何跟著教程做出一個設置出來并調用了,那么上面中添加的代碼都有啥用呢?迫于篇幅就不在此處提及,請看下文。

推薦:

這個原生設置框架優點是體積小,輕量,能用,如果您需要更加豐富和專業的功能,那么您可以嘗試這款wordpress設置框架:

Kirki - wordpress設置框架

給TA贊賞
共{{data.count}}人
人已贊賞
??
Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
?
購物車
優惠劵
搜索
久久精品国产99国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

    9000px;">

      欧美大片日本大片免费观看| 日韩不卡一二三区| 青青草国产成人99久久| 日韩精品综合一本久道在线视频| 国产一区二区免费在线| 亚洲欧洲日本在线| 在线区一区二视频| 免费在线看一区| 国产精品三级视频| 欧美喷水一区二区| 成人在线综合网| 亚洲电影第三页| 精品国产精品一区二区夜夜嗨| 国产91在线观看| 天堂蜜桃一区二区三区 | 色系网站成人免费| 蜜臀久久久久久久| 亚洲欧洲日产国产综合网| 日韩一区二区三区电影在线观看| 成人免费观看视频| 美日韩一级片在线观看| 亚洲成av人影院| 亚洲视频1区2区| 久久精品男人天堂av| 欧美精品777| 欧美网站大全在线观看| 丁香网亚洲国际| 美女视频一区二区| 日韩精品乱码免费| 午夜久久久影院| 亚洲综合无码一区二区| 18欧美乱大交hd1984| 国产无一区二区| 精品久久久久久久久久久久久久久 | 一本大道久久a久久精品综合| 蜜桃精品在线观看| 亚洲 欧美综合在线网络| 亚洲青青青在线视频| 国产女人水真多18毛片18精品视频| 7799精品视频| 欧美久久久久久久久| 在线观看一区日韩| 色婷婷精品久久二区二区蜜臀av | 国产91精品一区二区麻豆亚洲| 麻豆免费看一区二区三区| 亚洲v中文字幕| 亚洲成人免费av| 亚洲午夜久久久| 天天色 色综合| 免费在线观看一区| 精品亚洲免费视频| 成人网页在线观看| 色天天综合久久久久综合片| 91在线视频官网| 在线亚洲人成电影网站色www| 日本高清不卡在线观看| 91国模大尺度私拍在线视频| 91麻豆国产福利精品| 欧美专区亚洲专区| 91精品国产色综合久久ai换脸| 3d动漫精品啪啪1区2区免费| 日韩精品专区在线| 国产精品乱人伦一区二区| 1024精品合集| 日韩制服丝袜av| 国产一区二区不卡老阿姨| 国产成人免费视| 91影视在线播放| 欧美日韩国产综合一区二区三区| 欧美一级片在线观看| 国产欧美一区二区精品仙草咪| 亚洲女人的天堂| 日本亚洲天堂网| 丰满放荡岳乱妇91ww| 在线亚洲+欧美+日本专区| 日韩欧美国产一区二区在线播放 | 中文字幕巨乱亚洲| 一区二区三区在线影院| 日日夜夜精品视频免费| 成人精品免费视频| 欧美精品xxxxbbbb| 国产免费成人在线视频| 午夜av一区二区三区| 国产精品自拍在线| 欧美图片一区二区三区| 久久久精品2019中文字幕之3| 亚洲女女做受ⅹxx高潮| 韩国女主播一区| 日本乱人伦一区| 久久精品在这里| 亚洲电影一级黄| jiyouzz国产精品久久| 精品人伦一区二区色婷婷| 亚洲人xxxx| 成人av在线播放网站| 欧美大片在线观看| 亚洲国产美国国产综合一区二区| 国产成人av电影免费在线观看| 欧美三级日韩三级国产三级| 国产欧美日本一区视频| 久久国产精品99久久久久久老狼| av激情综合网| 国产精品三级久久久久三级| 国模少妇一区二区三区| 日韩一区二区在线观看视频| 一区二区三区日本| 色综合久久88色综合天天6| 久久精品一区蜜桃臀影院| 美女在线一区二区| 欧美一区二区三区在线观看| 一区二区日韩av| 色综合久久久久综合99| 亚洲精品午夜久久久| 97精品视频在线观看自产线路二| 国产精品视频一二三| 国产乱子伦视频一区二区三区| 日韩欧美的一区| 蜜桃视频在线观看一区二区| 欧美日韩不卡一区| 亚洲福利一二三区| 欧美精品1区2区3区| 日韩高清在线不卡| 日韩免费福利电影在线观看| 久久99精品久久久久久动态图 | 国产精品性做久久久久久| 日韩欧美自拍偷拍| 美女精品自拍一二三四| 精品99999| 国模冰冰炮一区二区| 国产欧美精品一区| 99久久精品国产一区二区三区| 一区在线中文字幕| 一本色道久久加勒比精品| 亚洲免费观看高清完整版在线观看熊 | 午夜亚洲国产au精品一区二区| 欧美日韩久久不卡| 日本91福利区| 久久久美女毛片| av在线播放一区二区三区| 亚洲欧美激情一区二区| 欧美美女视频在线观看| 久久99国产精品麻豆| 国产精品伦理一区二区| 欧美日韩国产一级| 国产一区二区电影| 一区二区三区高清不卡| 日韩欧美一区二区久久婷婷| 成人18精品视频| 午夜久久久影院| 欧美国产精品v| 欧美日韩国产免费一区二区| 极品少妇xxxx精品少妇| 亚洲三级电影全部在线观看高清| 337p亚洲精品色噜噜噜| 成人va在线观看| 亚洲成a人片在线不卡一二三区| 欧美精品一区二区三区一线天视频 | 日本不卡高清视频| 欧美激情一区在线| 在线不卡免费av| 成人性生交大片免费| 日本v片在线高清不卡在线观看| 欧美日韩一区国产| 国产福利一区二区三区视频| 亚洲一级片在线观看| 国产亚洲一区字幕| 欧美巨大另类极品videosbest| 国产aⅴ综合色| 欧美a级一区二区| 亚洲三级小视频| 日本一区二区三区高清不卡| 欧美精品精品一区| 91蜜桃免费观看视频| 国产精品一二三在| 秋霞午夜鲁丝一区二区老狼| 亚洲激情一二三区| 国产人伦精品一区二区| 日韩一区二区影院| 欧美日韩激情一区二区| 色94色欧美sute亚洲线路一ni | 成人黄色免费短视频| 日日夜夜一区二区| 亚洲成人自拍一区| 亚洲夂夂婷婷色拍ww47| 亚洲日本在线a| 亚洲视频一区二区在线观看| 亚洲国产精品v| 国产精品五月天| 国产亚洲一区二区三区四区 | 欧美一级夜夜爽| 在线观看一区日韩| 91福利区一区二区三区| 色综合天天综合狠狠| 成人污视频在线观看| 成人av在线观| 91尤物视频在线观看| 色国产精品一区在线观看| 91麻豆精东视频| 日本福利一区二区| 欧美日韩国产123区|