Wordpress：如何仅在特定页面上显示链接

Posted 2023-02-24

【中文标题】Wordpress：如何仅在特定页面上显示链接

【英文标题】：Wordpress: How to show a link only on a specific page

【发布时间】：2019-04-14 21:16:06

【问题描述】：

我在 WordPress 中创建了我的网站，其中包含以下四个链接：

HOME | CONTACT | GET FREE QUOTE | ABOUT

"GET FREE QUOTE" 链接仅在我的主页上有效，因为它指向页面的“获取免费报价”部分的 ID

<a href="#quote"> GET FREE QUOTE </a>

在我的主页底部，我有一个 ID 为 "quote" 的部分，所以当我点击 "get free quote" 链接时，我会被带到该部分。所以没有必要在我网站的其他页面上显示它。我尝试在谷歌上搜索，但没有找到解决方案。

我的网站http://cashforcarsbrizbane.com/

【参考方案1】：

对于其他页面，您没有提供该部分的整个链接目标。为了修复该链接，您还必须添加页面的 url 地址，所以：

<a href="#quote"> GET FREE QUOTE </a>

你应该改为：

<a href="http://cashforcarsbrizbane.com/#quote"> GET FREE QUOTE </a>

如果您为主页使用自定义模板，那么您的代码应该是：

<a href="<?php echo esc_url( home_url( '/' ) ); ?>#quote"> GET FREE QUOTE </a> 

为了更好地理解引用是否在联系页面中，例如，链接的目标必须包含您创建#quote 部分的页面，代码将为：

<a href="http://cashforcarsbrizbane.com/contact/#quote"> GET FREE QUOTE </a>

<a href="<?php echo esc_url( home_url( '/contact' ) ); ?>#quote"> GET FREE QUOTE </a> 

【讨论】：

是的，它似乎是正确的。但如果我愿意，我可以隐藏它吗？

如果您添加自定义 css 类，例如 hide-menu-item，您可以从菜单选项中隐藏链接，但您必须在 style.css 文件 .hide-menu 中创建该类-itemdisplay:none 一个简单的解决方案是删除它。也请把我的答案标记为好答案。谢谢

【参考方案2】：

您应该将"GET FREE QUOTE" 代码放在页脚部分，if 条件为：

<?php
global $post;
$post_slug=$post->post_name;//returns page slug name
$pages_array = array("home","about","conatact");//you can add or remove pages names
if(in_array($post_slug,$pages_array))

// put get free quote here

【参考方案3】：

您可以使用插件名称if-menu 轻松完成此操作。它将帮助您在菜单选项中选择一些逻辑。请检查链接。您可以找到一个名为 Front Page 的选项，使您的菜单项仅对 Front Page 可见。

希望这会有所帮助。