是实现wordpress导航下拉菜单,总共需要修改3个文件:header.php、functions.php和style.css。
1、修改header.php。
加入如下代码:
<div id="topnav">
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</div>
2、修改functions.php函数
加入如下代码:
if ( function_exists('register_nav_menus')) {register_nav_menus(array('primary'=>'<b style="font-style:normal; color:#F00;">自定义顶部菜单</b>'));}
3、添加css:
#topnav{clear:both;width:900px;margin:auto;height:34px;background:url(images/menu_bg.gif) repeat-x;}
.home {
float: left;
width:117px;
height:35px;
}
.home a:hover {
width:117px;
height:36px;
background: url(images/index_meun.gif) 0 -38px;
}
#topnav.current_page_item , #topnav .current-menu-item {
background: url(images/menu_bg.gif) repeat-x 0 -110px;
}
#topnav .current-menu-item a,#topnav .current_page_item a {
color: #fff !important;
text-shadow: 0px 1px 0px #000 !important;
}
#topnav .current-menu-item li a,#topnav .sub-menu a ,#topnav .current_page_item li a {
color: #F30505;
}
.sub-menu a:hover {
color: #F6F7F8 !important;
}
#topnav li {
height:36px;
border-right:1px solid #D4CDCD;
float: left;
font-weight:bold;
}
#topnav li a, #topnav li a:link, #topnav li a:visited {
display: block;
padding: 0 25px 0 25px;
line-height:36px;
color: #ffffff;
text-shadow: 0px 1px 0px #d1d1d1;
}
#topnav li a:hover, #topnav li a:active {
background: url(images/bg.png) repeat-x 0 -74px;
color: #fff;
display: block;
text-decoration: none;
line-height:36px;
padding: 0 25px 0 25px;
text-shadow: 0px 1px 0px #000 !important;
}
#topnav li li {
height:30px;
float: left;
}
#topnav li li a {
line-height:30px !important;
}
#topnav li ul {
position: absolute;
left: -999em;
width: 150px;
margin: 0;
border-width: 1px 1px 0px;
z-index: 999;
}
#topnav li ul li {
border-top: 1px solid #989898;
border-bottom: 1px solid #343434;
border-right: none;
border-left: none;
}
#topnav li ul li a {
background: #1F5A91;
width: 100px;
height:30px;
color: #fff !important;
font-weight: normal;
opacity: .80;
filter: alpha(opacity=80);
text-shadow: 0px 1px 0px #000 !important;
}
#topnav li ul li a:hover {
text-shadow: 0px 1px 0px #fff !important;
}
#topnav .sf-sub-indicator {
display: none;
}
#topnav li ul li a.sf-with-ul {
padding: 7px 12px;
}
#topnav li ul li a:hover {
background: #000;
color: #fff !important;
text-shadow: 0px 1px 0px #000 !important;
text-decoration: none;
}
#topnav li ul ul {
margin: -31px 0px 0px 150px;
}
#topnav li ul ul li a {}
#topnav li ul li ul li a {}
#topnav li:hover,#topnav li.hover {
position: static;
}
#topnav li:hover ul ul, #topnav li.sfhover ul ul,
#topnav li:hover ul ul ul, #topnav li.sfhover ul ul ul,
#topnav li:hover ul ul ul ul, #topnav li.sfhover ul ul ul ul {
left: -999em;
}
#topnav li:hover ul, #topnav li.sfhover ul,
#topnav li li:hover ul, #topnav li li.sfhover ul,
#topnav li li li:hover ul, #topnav li li li.sfhover ul,
#topnav li li li li:hover ul, #topnav li li li li.sfhover ul {
left: auto;
}
wordpress导航菜单的下拉菜单的属性在哪里修改?
1、 在comments.php评论表单中添加自己想要的字段,如:
<p>
<input type="text" name="tel" id="tel" size="22" tabindex="4" />
<label for="tel">电话</label>
</p>
tabindex 这个属性按照从小到大排
2、如果评论表单是使用系统自带的,那么请用以下方法添加表单字段,如果不是,请略过
add_filter('comment_form_default_fields','comment_form_add_ewai');
function comment_form_add_ewai($fields) {
$label1 = __( '国家/地区' );
$label2 = __( 'Skype账号' );
$label3 = __( '电话' );
$label4 = __( '传真' );
$label5 = __( '地址' );
$value1 = isset($_POST['guojia']) ? $_POST['guojia'] : false;
$value2 = isset($_POST['skype']) ? $_POST['skype'] : false;
$value3 = isset($_POST['tel']) ? $_POST['tel'] : false;
$value4 = isset($_POST['fax']) ? $_POST['fax'] : false;
$value5 = isset($_POST['address']) ? $_POST['address'] : false;
$fields['guojia'] =<<<HTML
<p>
<label for="guojia">{$label1}</label>
<input id="guojia" name="guojia" type="text" value="{$value1}" size="30" />
</p>
HTML;
return $fields;
}
3、 接收表单字段并写入数据库
在主题目录的 functions.php添加以下代码
add_action('wp_insert_comment','wp_insert_tel',10,2);
function wp_insert_tel($comment_ID,$commmentdata) {
$tel = isset($_POST['tel']) ? $_POST['tel'] : false;
//_tel 是存储在数据库里的字段名字,取出数据的就会用到
update_comment_meta($comment_ID,'_tel',$tel);
}
这两步就可以将数据写入数据库了
add_action()参数中的10和2分别表示该函数执行的优先级是10(默认值,值越小优先级越高),该函数接受2个参数。
4、在后台显示额外字段
前面两步只是接收和写入到数据库,那么要怎么在后台评论列表中显示。将以下代码复制到主题目录的functions.php 中:
add_filter( 'manage_edit-comments_columns', 'my_comments_columns' );
add_action( 'manage_comments_custom_column', 'output_my_comments_columns', 10, 2 );
function my_comments_columns( $columns ){
$columns[ '_tel' ] = __( '电话' ); //电话是代表列的名字
return $columns;
}
function output_my_comments_columns( $column_name, $comment_id ){
switch( $column_name ) {
case "_tel" :
echo get_comment_meta( $comment_id, '_tel', true );
break;
}
如果要在前台的留言列表中调用,就用以下代码,_tel就是数据库中存储的字段名字
<?php
$tel = get_comment_meta($comment->comment_ID,'_tel',true);
if( !empty($tel)){
echo "电话".$tel;
}
?>
5、 看看后台的评论列表,是不是多了一列电话,那样的话就没错了。
6、如果要移除某一个自带的表单字段,可以使用以下代码
function tel_filtered($fields){
if(isset($fields['tel']))
unset($fields['tel']);
return $fields;
}
add_filter('comment_form_default_fields', 'tel')
wordpress导航下拉框为什么用台式电脑显示不出来而用笔记本能显示呢?
浏览器不同吧……台机是IE6?
同样的浏览器啊。
wordpress网站导航菜单在IE下不自动下拉.火狐下能自动下拉
我的ie下也可以的,不知道是不是ie6的问题
wordpress导航栏二级下拉菜单的背景框如何隐藏,再哪里修改?
先判断下是否登录,然后获取当前用户对象,然后获取当前用户对象的信息,需要哪些用哪些:
if(is_user_logged_in()){
$current_user = wp_get_current_user();
/**
* @example Safe usage: $current_user = wp_get_current_user();
* if ( !($current_user instanceof WP_User) )
* return;
*/
echo 'Username: ' . $current_user->user_login . '<br />';
echo 'User email: ' . $current_user->user_email . '<br />';
echo 'User first name: ' . $current_user->user_firstname . '<br />';
echo 'User last name: ' . $current_user->user_lastname . '<br />';
echo 'User display name: ' . $current_user->display_name . '<br />';
echo 'User ID: ' . $current_user->ID . '<br />';
}
wordpress手机端二级导航菜单一点就跳转了而不是下拉展开。主题没问题。购买的官方黑糖正版主题
如果主题支持手机端的二级菜单展开的话,现在出现不能展开,要么就是移动端二级菜单设置不正确,要么就是某些插件跟移动端二级菜单的展开功能JS冲突,具体可以自行检查看看。PS:如果购买的是正版主题,这个问题可以咨询主题作者让其帮忙解决的,一般正版主题都是包括售后服务的。
wordpress 菜单手机版menu 点击无法下拉或弹出
这个是不是兼容的问题。是你的外观设置问题。进外观,点菜单,如图设置就好了,要设置移动端导航菜单。
转载请注明出处51数据库 » wordpress导航下拉 wordpress导航下拉怎么做