wordpress 怎么做下拉選項

1.functions.php 注冊菜單項。

目前創新互聯已為上千多家的企業提供了網站建設、域名、網頁空間、網站托管、服務器托管、企業網站設計、平遠網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

// 注冊菜單

add_theme_support( 'Primary Menu );或register_nav_menu( 'primary', __( 'Primary Menu', '主題名稱' ) );

2.后臺添加菜單,名為：Primary Menu。

2.header.php 菜單位置調用如下代碼：

你上面寫的那段要用下面這段代碼替換：

?php wp_nav_menu( array(

'theme_location' = 'primary',

'container_id' = 'primaryNav' ,

'menu_class' = 'fr ',

'menu_id' = 'topnav',

'link_before' = 'span',

'link_after' = '/span',

) );

?

然后用firebug，查看菜單位置的源碼，修改上面的相應參數。

wordpress搜索框添加到導航欄最右邊

是通過DIV+CSS修改的，

先找到你的導航欄的DIV，如果只有個導航條的通常用了個div，然后導航菜單使用的ul,分類用li。

如果想把搜索框添加進導航條的右側，個人做法是在原先的div中給導航條再添加個div,并添加新的class或id，另外search的搜索框使用另個div加搜索的class或id,

然后就是調整CSS的屬性了。

以上只是方法，具體看實際操作，希望對你有啟發吧，

wordpress怎么設定特定頁面？

先在你的introduction.php文件的頭部加上以下代碼：

/*

*???Template?Name:?個人簡介

*/

然后到wordpress的后臺選“頁面”→“新建頁面”，在右邊的“模板”項里選擇“個人簡介”；接下來再填寫“頁面標題”，然后在標題框的外面點擊一下，稍等一會兒在標題框的下方即會出現“固定鏈接”，這個固定鏈接就是你的“個人 簡介”頁面的訪問地址，你在index.php里寫入這個鏈接即可。

如何在wordpress主題中添加設置頁面

1、創建所需的文件

在進行主題定制前，應該首先創建一個可供自定義的“設置選項頁面”。創建設置選項頁的代碼需要放置在主題目錄下的functions.php文件中。如果我們的模板名為“OptionPage”，那么functions文件的路徑為：wp-contentthemesOptionPagefunctions.php。

我們不需要讓wordpress手動加載它，在執行時wordpress會自動加載。

2、建立設置選項頁

首先第一步需要在后臺建立一個空白頁面供我們使用。我們通過add_aaction來實現這一步。Actions可以在wordpress執行時的特定時間被響應，例如，當在控制面板創建菜單時，admin_menu就會被響應執行。因此，可以利用這些來實現我們所需的功能。這是我們創建選項頁的最基本的功能。

?php

// 設置選項頁

function themeoptions_admin_menu()

{

// 在控制面板的側邊欄添加設置選項頁鏈接

add_theme_page(“主題設置”, “主題選項”, ‘edit_themes’, basename(__FILE__), ‘themeoptions_page’);

}

function themeoptions_page()

{

// 設置選項頁面的主要功能

}

add_action(‘admin_menu’, ‘themeoptions_admin_menu’);

?

themeoptions_admin_menu()是在控制面板的側邊欄中添加一個鏈接，指向我們創建的選項頁：themeoptions_page。

add_theme_page() 的參數為：

頁面標題：主題設置

菜單標題：主題選項（p.s.為了區分顯示，頁面與菜單標題我做了不同我命名）

作用功能：edit_themes；

Handle（句柄）：當前文件；

執行的函數：themeoptions_page；

現在后臺控制面板側邊欄的處就多了一個“主題設置”的菜單，但是現在還是空白的，我們后面要實現的定制內容就在這個空白頁面上創建。

3、添加選項和字段

現在我們就可以在剛創建的空白頁面上添加我們的選項和字段。這個頁面你可以根據自己的需要進行樣式風格化，但在本教程中我們將使用wordpress默認的類，這樣可以節省我們的時間并且看起來更加原生。

頁面內容的代碼需包含在 themeoptions_page()函數內。首先，我們先添加一個class=”wrap”的div容器；然后，在頭部添加一個默認圖標作為作為頁面標題；最后是設計表單。

div class=“wrap”

div id=“icon-themes” class=“icon32”br //div

h2主題設置/h2

form method=“POST” action=“”

input type=“hidden” name=“update_themeoptions” value=“true” /

pinput type=“submit” name=“submit” id=“submit” class=“button button-primary” value=“保存更改”/p

/form

/div

在表單中，首先我們需要添加一個隱藏的值，通過它來檢查更新是否已經提交。然后添加一個提交按鈕，這里我也使用wordpress默認的按鈕樣式。現在的效果為：

現在我們已經創建了設置選項頁的基本結構，下面我們開始根據之前制定的內容進行完善：

首先，我們要允許主題使用者可以更改顏色方案。對于這一點，我們需要一個下拉列表提供可用的配色方案。

其次，增加兩個廣告位的內容，我們需要增加兩個文本框來輸入圖片的URL及廣告鏈接URL。

最后，用戶可選擇是否顯示搜索框。這一點，我們通過添加復選框來實現。

代碼如下：

function themeoptions_page()

{

// 這是產生主題選項頁面的主要功能

?

div

div id=“icon-themes”br //div

h2主題設置/h2

form method=“POST” action=“”

input type=“hidden” name=“update_themeoptions” value=“true” /

h4主題配色方案/h4

select name =“colour”

?php $colour = get_option(‘mytheme_colour’); ?

option value=“gray” ?php if ($colour==’gray’) { echo ‘selected’; } ? 灰色/option

option value=“blue” ?php if ($colour==’blue’) { echo ‘selected’; } ?淺藍/option

option value=“pink” ?php if ($colour==’pink’) { echo ‘selected’; } ?粉紅/option

/select

h4圖片廣告位（1）/h4

pinput type=“text” name=“ad1image” id=“ad1image” size=“32” value=“?php echo get_option(‘mytheme_ad1image’); ?”/ 廣告圖片/p

pinput type=“text” name=“ad1url” id=“ad1url” size=“32” value=“?php echo get_option(‘mytheme_ad1url’); ?”/ 廣告鏈接/p

h4圖片廣告位（2）/h4

pinput type=“text” name=“ad2image” id=“ad2image” size=“32” value=“?php echo get_option(‘mytheme_ad2image’); ?”/ 廣告圖片/p

pinput type=“text” name=“ad2url” id=“ad2url” size=“32” value=“?php echo get_option(‘mytheme_ad2url’); ?”/ 廣告鏈接/p

h4input type=“checkbox” name=“display_search” id=“display_search” ?php echo get_option(‘mytheme_display_search’); ? / 顯示搜索框/h4pinput type=“submit” name=“bcn_admin_options” value=“更新數據”//p

/form

/div

?php

}

到這里選項頁面的內容就已經基本構建完畢了。

4、數據庫更新

到目前為止，我們已經創建了一個主題選項頁面，下一步要做的就是如何將數據透過POST提交的wordpress數據庫。要做到這一點，需要創建一個新的功能函數themeoptions_update()，這個函數將會被themeoptions_page()調用，所以將下面的代碼添加到themeoptions_page()函數的最上面。

if ( $_POST[‘update_themeoptions’] == ’true’ ) { themeoptions_update(); }

下一步是增加一個更新函數。

function themeoptions_update()

{

// 數據更新驗證

update_option(‘mytheme_colour’, $_POST[‘colour’]);

update_option(‘mytheme_ad1image’, $_POST[‘ad1image’]);

update_option(‘mytheme_ad1url’, $_POST[‘ad1url’]);

update_option(‘mytheme_ad2image’, $_POST[‘ad2image’]);

update_option(‘mytheme_ad2url’, $_POST[‘ad2url’]);

if ($_POST[‘display_search’]==’on’) { $display = ‘checked’; } else { $display = ”; }

update_option(‘mytheme_display_search’, $display);

}

5、調用選項定制主題

我們主題的默認樣式文件為style.css，如果使用其他的配色方案，我們需要建立相應的樣式文件，例如本例中的blue.css、pink.css，style.css為默認的灰色。

為了切換配色方案樣式表，需要在主題header中加入以下代碼：

link rel=“stylesheet” href=“?php bloginfo(‘stylesheet_directory’); ?/default.css” type=“text/css”

link rel=“stylesheet” href=“?php bloginfo(‘stylesheet_directory’); ?/?php echo get_option(‘mytheme_colour’); ?.css” type=“text/css”

增加廣告位圖片—在你想要放置廣告的地方添加以下代碼：

a href=“?php echo get_option(‘mytheme_ad1url’); ?”img src=“?php echo get_option(‘mytheme_ad1image’); ?” height=“125” width=“125” //a

a href=“?php echo get_option(‘mytheme_ad2url’); ?”img src=“?php echo get_option(‘mytheme_ad2image’); ?” height=“125” width=“125” //a

是否顯示搜索框—在需要放置搜索框的地方添加以下代碼，當用戶選擇顯示搜索框時會顯示，否則則不顯示：

?php if ( get_option(‘mytheme_display_search’) == ‘checked’) { ?

h3搜索框/h3

form method=“get” id=“searchform” action=“?php echo esc_url( home_url( ‘/’ ) ); ?”

input type=“text” name=“s” id=“s” placeholder=“?php esc_attr_e( ‘Search’, ’85Ryan’ ); ?” /

input type=“submit” name=“submit” id=“searchsubmit” value=“搜索” /

/form

?php } ?

本文固定鏈接:

轉載請注明: 品味人生

2013年08月22日

于 前端開拓者 發表

文章題目：wordpress選圖框 wordpress選擇域
分享地址：http://vcdvsql.cn/article22/ddeehcc.html

成都網站建設公司_創新互聯，為您提供ChatGPT、網站建設、品牌網站制作、標簽優化、響應式網站、虛擬主機

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯