? ?使用wordpress制作頁(yè)面,要做一些細(xì)節(jié)上的優(yōu)化,就要添加一些CSS或者js的代碼,那么如何添加?
css
1.WordPress?Style.css文件 ,作用于整個(gè)平臺(tái),從左邊菜單欄,外觀-編輯就可看到相關(guān)文件,可在上面編輯。
2.安裝自定義css插件,可在主題中做用于全部的頁(yè)面。
js
js的方法,css也能使用
1.只作用于某個(gè)頁(yè)面的自定義字段方法。
在header.php中找到<?php wp_head(); ?>下面添加
<!-- 指定文章頁(yè)面加載JavaScript/CSS代碼 開(kāi)始 -->
? ? <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'A', true);
if (!empty($A)) { ?>
<?php echo $A; ?>
<?php } } ?>
<!-- 指定文章頁(yè)面加載JavaScript/CSS代碼 結(jié)束 -->
代碼中A為自定義名稱,添加完后,訪問(wèn)搭建的后臺(tái)頁(yè)面,進(jìn)入要添加的頁(yè)面,在最上面的顯示選項(xiàng)中確認(rèn)自定義欄目有勾選。往下找到

點(diǎn)擊輸入新欄目,輸入A(自定義名稱),值輸入想放入的內(nèi)容,要嚴(yán)格按照HTML的寫(xiě)法來(lái)
<script type="text/javascript">...</script>
<style type="text/css">...</style>

點(diǎn)擊添加就行了
要是想再添加一個(gè),就要重新來(lái)一遍。
題外話:如何引入文件?
1.可以在header.php頭部文件添加規(guī)范的link 和script,該文件在主題文件夾中。
2.有時(shí)候可能會(huì)與原來(lái)的代碼有沖突,那么就用自帶的方法加入各種的css和js文件。
css
<?php
function wpcwl_add_styles() {
wp_register_script('plugin_stylesheet', plugins_url('plugin.css', __FILE__));
wp_enqueue_script('plugin_stylesheet');
}
add_action( 'wp_enqueue_scripts', 'wpcwl_add_styles' );
?>
js
<?php
function wpcwl_add_scripts() {
wp_register_script('plugin_script', plugins_url('plugin_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('plugin_script');
}
add_action( 'wp_enqueue_scripts', 'wpcwl_add_scripts' );
?>
function wpcwl_add_scripts() {
wp_register_script($handle,$src, $deps,$ver, $in_footer);
wp_enqueue_script($handle);
}
add_action( 'wp_enqueue_scripts', 'wpcwl_add_scripts' );
?>
以上使用wp_register_script函數(shù),創(chuàng)建具有標(biāo)識(shí)符plugin_stylesheet的資源。
然后,將其排隊(duì)的請(qǐng)求添加到wp_enqueue_scriptsactions操作中。
雖然函數(shù)名稱是一個(gè)腳本,但它與資源文件的類(lèi)型無(wú)關(guān),并且對(duì)CSS和JS都有效。
wp_register_script函數(shù),確實(shí)并不那么簡(jiǎn)單,它可有五個(gè)參數(shù):
1)$handle:資源標(biāo)識(shí)符。
由wp_enqueue_script調(diào)用。
2)$src:資源的位置。
相對(duì)地址或絕對(duì)地址使用WordPress內(nèi)置函數(shù)來(lái)獲取地址等。
常見(jiàn)的定位函數(shù)有plugins_url、get_template_directory_uri等。
3)$deps:依賴。
如果你指的是jQuery插件并且需要依賴jQuery構(gòu)建,則需要填寫(xiě)jQuery。
請(qǐng)注意以數(shù)組形式傳遞。
4)$ver:資源版本,可選。
5)$in_footer:是否將它放在底部?
通常,JS文件應(yīng)放在頁(yè)面底部,你可以將此參數(shù)設(shè)置為T(mén)rue,將其留空或False會(huì)輸出到頂部。