wordpress怎么在页面顶部工具条添加菜单
向顶部工具条添加菜单所预留的hooks为wp_before_admin_bar_render,可通过向该hooks添加函数,如:add_action('wp_before_admin_bar_render','add_my_custom_admin_bar_menu');function add_my_custom_admin_bar_menu(){global $wp_admin_bar;$wp_admin_bar->add_node(array('parent' =>false,'id' =>'my_admin_bar_menu_id','title' =>'my_admin_bar_menu_title','href' =>'my_admin_bar_menu_href',,'meta' =>array(),));}
wordpress主题怎样实现多个导航菜单
使用register_nav_menus函数添加就行了啊,比如:register_nav_menus( array('primary' =>__( 'Primary Menu', 'twentyfifteen' ),'social' =>__( 'Social Links Menu', 'twentyfifteen' ),) );这就表示注册了两个菜单位置,一个叫primary,一个叫social注册完后台菜单里即可以看到
wordpress WPML插件在菜单栏显示
是这样的,你可以在插件配置后台选水平排布方式,并且可以选择是否带上国旗之类的,插件设置页面有个函数,你将其插入到你的菜单的最后,或者放在页面右上角,使用WP的hook,例如:add_filter( 'wp_nav_menu_items', 'coolwp_add_my_items_to_menu', 10, 2);function coolwp_add_my_items_to_menu(){/*$args->theme_location == 'primary';*///你的主题的主菜单的location,这里以WP自带的2014主题为例if($args->theme_location == 'primary'){//在这里写上WPML执行输出的函数}} 这个钩子的作用与你直接将WPML的输出函数粘贴到菜单的ul里的效果是一样的。
之后,你要查找WPML的容器,并作CSS美化了。
如何在wordpress主题中添加设置页面
1、创建所需的文件 在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。
创建设置选项页的代码需要放置在主题目录下的functions.php文件中。
如果我们的主题名为“OptionPage”,那么functions.php文件的路径为:\wp-content\themes\OptionPage\functions.phph。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页 首先第一步需要在后台建立一个空白页面供我们使用。
我们通过add_aaction来实现这一步。
Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。
因此,可以利用这些来实现我们所需的功能。
这是我们创建选项页的最基本的功能。
// 设置选项页 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 容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
function themeoptions_page() {// here's the main function that will generate our options page?> 主题设置 } 在表单中,首先我们需要添加一个隐藏的值,通过它来检查更新是否已经提交。
然后添加一个提交按钮,这里我也使用wordpress默认的按钮样式。
现在的效果为:现在我们已经创建了设置选项页的基本结构,下面我们开始根据之前制定的内容进行完善:首先,我们要允许主题使用者可以更改颜色方案。
对于这一点,我们需要一个下拉列表提供可用的配色方案。
其次,增加两个广告位的内容,我们需要增加两个文本框来输入图片的URL及广告链接URL。
最后,用户可选择是否显示搜索框。
这一点,我们通过添加复选框来实现。
代码如下:function themeoptions_page() {// 这是产生主题选项页面的主要功能?> 主题设置 主题配色方案 >灰色 >浅蓝 >粉红 图片广告位(1) "/> 广告图片 "/> 广告链接 图片广告位(2) "/> 广告图片 "/> 广告链接 /> 显示搜索框 } 到这里选项页面的内容就已经基本构建完毕了。
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、调用选项定制主题5.1 更改配色方案 我们主题的默认样式文件为 style.css,如果使用其他的配色方案,我们需要建立相应的样式文件,例如本例中的 blue.css、pink.css,style.css 为默认的灰色。
为了切换配色方案样式表,需要在主题 header 中加入以下代码:/default.css" type="text/css">/.css" type="text/css">5.2 增加广告位图片 在你想要放置广告的地方添加以下代码:">" height="125" width="125" />">" height="125" width="125" />5.3 是否显示搜索框 在需要放置搜索框的地方添加以下代码,当用户选择显示搜索框时会显示,否则则不显示: 搜索框 "> " /> 6、总结 本文翻译自NET TUTS+文章《How to Integrate an Options Page into your WordPress Theme》,版权归原文作者所有。
为了更容易地学习添加主题选项页的过程,我省略了原文中部分内容,有兴趣的话可以参考原文。
翻译水平有限,...
wordpress 后台导航菜单自定义class,为什么前台无显示
wordpress 导航菜单的调用,一般都使用自带的wp_nav_menu()函数,使用后发现,这个函数并没提供给我们给每一项导航菜单添加自定义class的接口功能!搜索了下,最终在老外的一篇文章中发现了wordpress自身提供的解决方法!嗯,wordpress还是很强大的...方法很简单:依次进入wordpress后台->外观->菜单,然后在页面右侧的右上角点“显示选项”,我们看到“显示菜单高级属性”中有个“css类”选项,把它选中,再看菜单项中,已多出一个css类输入框,该框输入的内容即为导航菜单项自定义的class值!!再次见识到了wordpress的强大,擅抖吧,骚年!!哈...
wordpress中怎样在新建的页面中添加分类目录和文章(要和首页或其...
wordpress不同页面显示不同文章的方法:1. 在模板头部要加上下面的说明,不然后台选择模板找不到它:/*Template Name: 模板名字*/?>2. 直接在下面加入query_post函数,直接指定文章数和分类,其他的就不需要了。
3. 如果有多个页面模板,依此类推了。
自定义模板在wordpress后台页面编辑区的右边“属性”——“模板”,就可以看到自定义page模板了。
新增一个登录/注销链接到的导航菜单的方法:输入:add_filter('wp_nav_menu_items', 'add_login_logout_link', 10, 2);function add_login_logout_link($items, $args) {ob_start();wp_loginout('index.php');$loginoutlink = ob_get_contents();ob_end_clean();$items .= '4. '. $loginoutlink .'';return $items;}
wordpress工具栏怎么放置页面最顶端,每次都在菜单下面是怎么回事
向顶部工具条添加菜单所预留的hooks为wp_before_admin_bar_render,可通过向该hooks添加函数,如:add_action('wp_before_admin_bar_render','add_my_custom_admin_bar_menu'); function add_my_custom_admin_bar_menu(){ global $wp_admin_bar; $wp_admin_bar->add_node(array( 'parent' => false, 'id' => 'my_admin_bar_menu_id', 'title' => 'my_admin_bar_menu_title', 'href' => 'my_admin_bar_menu_href',, 'meta' => array(), )); }
wordpress怎么改首页里面的样式
我们知道,网页是由html和css进行最基本的架构布局,那么,wordpress主题也是一样,今天小编就来教一教你如何修改自己的主题样式,达到自己修改主题的目的,并且我们将放上非常实用的css代码,让你可以直接使用。
话不多说,我们现在就来看看如何简单修改一款主题吧~首先,你要知道主题的位置,如果你可以在本地测试,那么是最好不过的,主题的位置在根目录/wp-content/themes/ 这个文件夹下的文件夹中,找到自己的主题文件然后,我们推荐下载火狐浏览器,安装firebug插件:下载完成火狐之后,打开火狐浏览器,点击工具下拉菜单,选择附加组件,在搜索一栏中输入firebug,安装即可,安装完成之后,重启浏览器,按F12即可出现firebug的界面。
firebug的左边有一个箭头的按钮,可以使用这个按钮找到你想要修改的元素,在右边,会出现影响这个元素的css,如下图:现在,我们需要给我们选中的元素加一个投影,点击右边的css,双击里面的效果css,添加新的代码:效果实现无误之后,到我们第一步找到的主题文件夹中,寻找到相应的css,css的路径在上图右边的蓝色标题中,上图要修改的这个元素在pages.css中,鼠标放在上面,会出现详细的路径,找到文件,再根据第几行显示的位置,添加进css,保存即可。
现在你会简单的修改你的主题样式了吗? 修改完成之后,记得记住你修改了那些文件,在主题更新中,可以询问下是否修改过css,如果没有的话,更新主题可以保留自己的css文件,就不会更新掉自己修改的样式了~现在你可以尝试在本地修改一些样式,如颜色、投影等等,让你的主题与众不同哦~ 下面我们给你准备了一些好看的css样式
转载请注明出处51数据库 » wordpress 菜单函数