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中如何自定义后台菜单,并跳到自定义页面
1.菜单,主要用于制作各种导航。
例如企业站的主导航,例如新闻中心,关于我们等链接,可以通过WP的菜单功能来调用。
在外观中选择菜单。
2.以添加页面到菜单为例。
勾选想要添加的页面,点击添加至菜单,全部添加完后,点击保存菜单即可。
3.分类目录,是文章的列表。
一般用于制新闻中心等列表。
可用菜单功能添加至导航栏4.页面是指固定内容的页面。
可用于制作专题页面或关于我们等。
页页也可以通过菜单添加至导航,小工具等地方。
如何在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中怎样在新建的页面中添加分类目录和文章(要和首页或其...
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菜单css样式
1.首先找到wordpress菜单中的class类名2.在wordpress模版目录下一般在wp-content\themes\主题名,找到style.css3.在style.css中为类名添加样式,如下:.menu-item:{color:red;}这样就可以设计菜单css样式了
如何自定义WordPress的登录页面
//自定义登录页面的LOGO图片function my_custom_login_logo() {echo 'h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo.png) !important; }';}add_action('login_head', 'my_custom_login_logo');以上代码是定义登陆的页面的logo的,logo的位置位于主题根目录下的images目录下//自定义登录页面的LOGO链接为首页链接add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));将Logo的链接改为网站首页链接。
如果想修改成其它链接,可以使用以下代码。
//自定义登录界面LOGO链接为任意链接function custom_loginlogo_url($url) {return 'http://www.slmwp.com'; //修改URL地址}add_filter( 'login_headerurl', 'custom_loginlogo_url' );//自定义登录页面的LOGO提示为网站名称add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));自定义为网站名称,如果想定义为其它名称,可以用下面的代码。
//自定义登录页面LOGO提示为任意文本function custom_loginlogo_desc($url) {return '你要定义的文本信息'; //修改文本信息}add_filter( 'login_headertitle', 'custom_loginlogo_desc' );自定义登录框内容//在登录框添加额外的信息function custom_login_message() {echo '欢迎来到'.get_bloginfo('name').',请登录后下载本站资源';}add_action('login_form', 'custom_login_message');自定义底部内容//自定义底部信息function custom_html() {echo '? ' . get_bloginfo(url).'';}add_action('login_footer', 'custom_html');自定义CSS//添加自定义CSSfunction custom_login() {echo '';}add_action('login_head', 'custom_login');上面的css代码路径为主题根目录下的css目录
wordpress怎么隐藏网站标题和副标题啊?
如果不想通过代码实现隐藏可选文章和页面的标题,可以安装并激活WordPress Hide Title plugin插件,在相应页面或文章的编辑窗口中,点击WordPress管理下的文章和页面菜单下需要编辑的项目即可。
在编辑窗口下,有一个隐藏标题的自定义区块:你要做的就是选中这个复选框并单击更新或发布按钮,插件将隐藏单次PV上的标题。
这意味着,主页或其他分类页面上仍然会显示,只是单次PV上不再显示了。
如果你希望创建一个简单的、不显示文章标题的登录页面,这种方法确实非常方便。
隐藏所有的WordPress文章和页面标题如果你想隐藏单一页面上所有的文章和页面标题,可以通过修改主题来实现。
最简单的方法就是在WordPress的functions.php文件中加一段下面的代码:这个过滤器只是在显示单一文章或页面时的post_class()function中增加了一个类.hidetitle。
但是,这个过滤器只有在WordPress主题支持post class的情况下有效。
如果你希望只对文章有效,就删除代码中的|| is_page()。
添加这个function之后,还需要在主题样式表中添加这个CSS规则。
在上面的CSS中,我们使用了显示CSS属性来隐藏文章和页面标题。
但是,这个CSS规则仅适用于WordPress主题使用的文章和页面标题是条目标题(entry-title)。
在谷歌Chrome浏览器中打开文章,将鼠标移到文章标题上,右键单击并选择审查元素,你会看到页面的源代码中文章标题的代码,其中就有你WordPress主题所使用的CSS类。
如果主题使用article-title作为文章标题的CSS类,只需要如下简单更改CSS:以上方法适用于大部分WordPress主题。
但是这些方法只是隐藏标题并不能阻止加载这些标题。
如果你想移除WordPress主题模板上的文章和页面标题,就需要删除主题文件中的the_title代码了。
如果你只是希望在单一PV上实现,那只需要在single.php文件中修改。
wordpress主题怎样实现多个导航菜单
使用register_nav_menus函数添加就行了啊,比如:register_nav_menus( array('primary' =>__( 'Primary Menu', 'twentyfifteen' ),'social' =>__( 'Social Links Menu', 'twentyfifteen' ),) );这就表示注册了两个菜单位置,一个叫primary,一个叫social注册完后台菜单里即可以看到
转载请注明出处51数据库 » wordpress页面菜单