久久精品国产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国产精品免费看_中文成人在线_日本在线播放视频_精品国产一区二区三区在线观看

    国产亚洲精品久久久久动| 午夜精品久久久久久久99水蜜桃 | 欧美激情一区二区| 在线亚洲一区| 伊人久久综合| 国产精品卡一卡二| 欧美韩国一区| 久久亚洲综合网| 欧美怡红院视频一区二区三区| 亚洲国产日韩欧美在线图片| 国产精品中文在线| 欧美日韩你懂的| 久久手机免费观看| 性欧美精品高清| 亚洲综合好骚| 亚洲主播在线| 亚洲男女毛片无遮挡| 亚洲欧洲在线一区| 亚洲欧洲精品一区二区三区波多野1战4| 国产精品视频免费| 国产精品国码视频| 欧美日韩和欧美的一区二区| 欧美成人第一页| 蜜臀av一级做a爰片久久| 欧美一级一区| 久久gogo国模裸体人体| 亚洲一级黄色av| 亚洲一区在线免费| 亚洲色在线视频| 亚洲香蕉网站| 香港成人在线视频| 午夜亚洲性色视频| 欧美一乱一性一交一视频| 欧美一区二区三区四区高清| 亚洲欧美中文在线视频| 亚洲欧美日韩国产一区二区| 亚洲欧美高清| 久久国产精品电影| 久久久蜜桃一区二区人| 麻豆乱码国产一区二区三区| 欧美激情a∨在线视频播放| 欧美激情综合| 国产精品福利在线观看网址| 国产精品午夜av在线| 国产女人精品视频| 在线精品亚洲| 日韩一级黄色大片| 亚洲欧美日韩成人| 久久久久国内| 欧美精品v日韩精品v韩国精品v| 欧美日韩免费一区二区三区视频| 国产精品区免费视频| 国产色产综合产在线视频| 亚洲高清一区二| 亚洲网在线观看| 久久久亚洲影院你懂的| 牛人盗摄一区二区三区视频| 欧美午夜精品久久久| 国产一区二区三区黄视频| 亚洲精品在线看| 午夜在线观看免费一区| 欧美电影在线| 国产精品日本| 亚洲国产一区二区视频 | 欧美性大战久久久久久久蜜臀| 国产精品卡一卡二卡三| 亚洲国产欧美在线人成| 亚洲女人天堂成人av在线| 美女福利精品视频| 国产精品久久久久久妇女6080| 欧美日韩一区二区在线观看视频| 国产日韩欧美一区二区三区在线观看 | 欧美一级视频免费在线观看| 欧美成人午夜剧场免费观看| 国产精品久久网站| 日韩亚洲欧美成人| 久久亚洲精品一区| 国产美女精品一区二区三区 | 亚洲电影免费| 欧美在线视频网站| 欧美午夜视频| 99亚洲视频| 久久综合综合久久综合| 国产女精品视频网站免费 | 日韩一级大片| 久久尤物电影视频在线观看| 国产精品日本| 亚洲制服少妇| 国产精品国产三级国产aⅴ浪潮| 91久久夜色精品国产九色| 久久精品最新地址| 国产精品一区免费观看| 99视频精品| 欧美日韩在线精品一区二区三区| 亚洲精品国产精品国自产观看 | 一区二区视频欧美| 久久精品伊人| 精品成人在线视频| 老鸭窝91久久精品色噜噜导演| 国产亚洲一本大道中文在线| 亚洲欧美制服中文字幕| 国产精品久久999| 亚洲图色在线| 国产日韩精品入口| 欧美在线观看视频一区二区| 国产欧美在线看| 欧美一区二区三区视频| 国内一区二区三区在线视频| 午夜精彩视频在线观看不卡| 国产欧美一区二区三区在线看蜜臀 | 国产乱码精品一区二区三区av| 午夜亚洲福利在线老司机| 国产午夜精品美女视频明星a级| 欧美一区二区黄| 伊人精品视频| 欧美日韩国产页| 亚洲欧美制服另类日韩| 国产一区在线播放| 久久综合色8888| 亚洲精品亚洲人成人网| 国产精品久久久久久模特| 欧美一区激情| 亚洲三级免费观看| 国产精品私拍pans大尺度在线 | 国产三级精品三级| 老司机成人网| 亚洲一区二区在线免费观看| 国产亚洲成人一区| 欧美激情一区在线| 午夜精品久久| 亚洲黄色一区| 国产精品综合久久久| 蘑菇福利视频一区播放| 亚洲一区二区三| 激情文学一区| 久久久夜夜夜| 一区二区福利| 国内精品美女av在线播放| 欧美福利视频在线| 欧美在线1区| 99伊人成综合| 亚洲电影免费观看高清| 国产精品美女在线观看| 免费人成网站在线观看欧美高清 | 欧美无乱码久久久免费午夜一区 | 久久婷婷人人澡人人喊人人爽 | 国产精品国产三级国产普通话三级| 欧美在线一级va免费观看| 一本色道婷婷久久欧美| 亚洲电影下载| 国产一级精品aaaaa看| 国产精品国产三级国产aⅴ入口| 男同欧美伦乱| 久久国产精品电影| 香蕉亚洲视频| 亚洲欧美久久久久一区二区三区| 亚洲国产高清aⅴ视频| 国产色产综合色产在线视频| 国产精品99一区| 欧美日韩日日夜夜| 欧美精品一区二区三| 欧美99在线视频观看| 久久综合久色欧美综合狠狠| 久久看片网站| 久久久久久久久久看片| 欧美一区综合| 欧美一区激情视频在线观看| 亚洲视频在线观看网站| 亚洲色图在线视频| av成人激情| 一本一道久久综合狠狠老精东影业| 亚洲福利电影| 亚洲激情视频在线播放| 尤物视频一区二区| 最新中文字幕亚洲| 亚洲巨乳在线| 正在播放亚洲一区| 亚洲免费小视频| 欧美一区不卡| 久久精品综合网| 蜜臀久久99精品久久久久久9| 久久亚洲春色中文字幕| 蜜月aⅴ免费一区二区三区 | 欧美成人免费视频| 欧美精品一区二| 国产精品久久久久天堂| 国产精品一区在线观看你懂的| 欧美亚一区二区| 国产一区二区三区网站| 亚洲大片av| 一本综合久久| 午夜视频在线观看一区二区三区| 久久久www成人免费无遮挡大片| 久久精品视频亚洲| 欧美精品七区| 国产日产欧美精品| 亚洲精品久久久久久久久| 在线视频你懂得一区| 久久久99精品免费观看不卡| 欧美日韩国产在线一区|