最近访客

WordPress3.X菜单功能讲解进阶

详情
评论
问答
赞助

您可以通过搜索或浏览分类列表来找到您期望下载的资源。随后点击资源介绍页右侧的下载链接按钮,依据提示信息进行操作即可。

大部分资源可积分免费下载,为了维持网站的运行小部分资源须付费才能下载。

本站提供的下载资源均为网络搜集,仅供个人学习和交流使用。对于版权问题,请用户自行判断并承担相应责任。

随着时间的推移,维持网站的运行需要支出高昂的服务器和带宽费用。为了能继续坚持免费做下去,如果觉得文章对您有用,希望您能动动发财的小手免费赞助狐狸,给狐狸加油打气!激励狐狸库继续创作下去!谢谢!

在互联网的浩瀚海洋中,我们的网站就像一座明亮的灯塔,为无数用户照亮前行的道路。它承载着知识的传递、梦想的交流,以及大家共同的回忆与期待。然而,运营和维护这样一个网站需要投入大量的心血与资金。

现在,您只需通过支付宝扫码领红包,就能轻松成为我们的赞助人。这不仅是一次简单的支持,更是您与网站共同成长的见证。操作简单,打开支付宝,扫描专属二维码,您的每一份心意都将化作网站发展的动力。

您的赞助,能让网站不断升级,提供更优质的服务,给大家带来更好的体验。让我们携手共进,让这座灯塔绽放更耀眼的光芒,照亮更多人的网络世界 。

下面是免费赞助的方法和流程

  1. 下面图一是本站的支付宝每日领红包二维码,使用支付宝扫描二维码后会自动显示红包金额,有任意小额金额红包。
  2. 点击“去使用”,再扫描第三张图的二维码进行付款即可。
  3. 上面扫到多少红包就输入多少金额,红包会自动抵扣金额,所以不需要额外费用。
  4. 如需赞助自定义金额请到【赞助狐狸】页面进行赞助。
  5. 这个扫码红包是每天都可以领的哦,支持同账号重复,每天花一分钟时间即可免费支持本站!
扫码红包 红包图 扫码支付
WordPress3.X菜单功能讲解进阶-狐狸库
wordpress

从WordPress3.0开始已集成菜单管理功能,使得创建和管理(导航)菜单变得轻而易举。

现在,创建并显示一个菜单需要的无非就是一行代码( wp_nav_menu ),似乎已经失去“手动”添加我们自己需要的东西空间。 例如,菜单功能默认没有“返回首页”的任何链接,虽然可以很容易地在自定义菜单功能中手动添加一个返回首页的链接,但返回首页链接基本是网站必须的功能

因此,自动添加此功能是很有必要的。有一个更简单的方法,使用WordPress filters.

利用导航菜单“ filters”功能,可以使我们能够加入特定菜单项。

举一反三,经过挖掘研究,将以下三段代码,添加到主题 functions.php 文件中,会实现自动增加一个登录/注销链接、添加一个搜索框和一个返回首页的链接到你的WordPress3.0导航菜单。

一、新增一个登录/注销链接到您的导航菜单

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 .= \'<li>\'. $loginoutlink .\'</li>\';
return$items;
}

说明:

First we add a function add_login_logout_link to the wp_nav_menu_items filter. Then, the ob_start, ob_get_contents and ob_end_clean (lines 4, 6 and 7) functions are “output Buffering” PHP functions that will “intercept” the information that would otherwise be sent to the browser. wp_loginout(‘index.php’); will add the logic and html code to login (if not logged in yet), or logout (if logged in). Since we don’t want to send that code to the browser yet, we “capture” the output (using ob_get_contents) in a variable ($searchform), and finally include that variable as a list item in the menu.

二、为导航菜单自动添加搜索框

add_filter(\'wp_nav_menu_items\',\'add_search_box\', 10, 2);
function add_search_box($items, $args) {
ob_start();
get_search_form();
$searchform = ob_get_contents();
ob_end_clean();
$items .= \'<li>\' . $searchform . \'</li>\';
return$items;
}

创建自己的搜索模板
add_search_box是利用默认的searchform菜单栏。但是这可能不是理想的布局(也许它包含前文本”搜索:”与“搜索”键),那么你就应该创建一个模板文件searchform.php在你的主题模板目录,加入下面代码: 该 add_search_box 功能是利用默认的searchform模板。 但这未必是理想的布局(也许它包含前面的文本“搜索:”和一个“搜索”按钮),所以你可创建一个自己的searchform.php模板文件 ,放到在你的主题模板目录中,并添加以下代码:

<form method=\"get\" class=\"search-form\" id=\"search-form\" action=\"<?php bloginfo( \'home\' ); ?>/\">
<div class=\"formfield\">
<input class=\"formInputText\" type=\"text\" name=\"s\" id=\"search-text\" value=\"Search ...\" size=\"12\" maxlength=\"16\" tabindex=\"1\" onfocus=\"if (this.value == \'Search ...\') {this.value = \'\';}\" onblur=\"if (this.value == \'\') {this.value = \'Search ...\';}\" />
</div>
</form>

或者,您可以添加表单样式以匹配您的导航风格,例如:

input.formInputText {
margin-top: 7px;
color: #666;
padding: 3px;
background: #ccc;
}
input.formInputText:hover {
cursor: help;
color: 555;
background: #ccc;
}

三、添加一个主页链接到您的导航菜单

add_filter( \'wp_nav_menu_items\', \'add_home_link\', 10, 2 );
function add_home_link($items, $args) {
if (is_front_page())
$class = \'class=\"current_page_item\"\';
else
$class = \'\';
$homeMenuItem =
\'<li \' . $class . \'>\' .
$args->before .
\'<a href=\"\' . home_url( \'/\' ) . \'\" title=\"Home\">\' .
$args->link_before . \'Home\' . $args->link_after .
\'</a>\' .
$args->after .
\'</li>\';
$items = $homeMenuItem . $items;
return$items;
}

只在特定的位置添加上述新增项目

新增项目默认将显示在所有自定义菜单中,这可能不是你所想要的,因此需要添加一个条件代码,让上述代码只执行在一个特定的菜单位置。

function add_login_logout_link($items, $args) {
if($args->theme_location == \'Primary\') {
ob_start();
wp_loginout(\'index.php\');
$loginoutlink = ob_get_contents();
ob_end_clean();
$items .= \'<li>\'. $loginoutlink .\'</li>\';
}
return$items;
}

翻译水平有限,有不准确之处,请见谅,上述代码经测试全部有效。


温馨提示:本文最后更新于2022/10/20 04:20:03。若文章内容或图片失效,请留言联系站长反馈!
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容