在Genesis中文章页面添加下一篇和上一篇文章的标题及链接

在Genesis主题文章页面添加下一篇和上一篇文章的标题及链接

在Genesis主题文章页面添加下一篇和上一篇文章的标题及链接

  在使用 Genesis Framework 搭建网站时,需要在文章的末尾显示上一篇 / 下一篇文章,如果您的网站上有博客,让用户在不同的内容和文章之间导航,可以增加访客在网站上花费的时间,从而更容易与他们联系,增强用户体验提高 Google 排名。

在Genesis主题文章页面添加下一篇和上一篇文章的标题及链接

  在文章末尾添加指向下一篇 和 上一篇 文章的链接可以帮助您让用户在您的网站上停留更长时间并降低您博客的跳出率。许多其他品牌主题默认包含此功能,但是Genesis Framework 的子主题却没有显示个功能。在本教程中,将使用几行代码片段来帮助我们在 Genesis 主题的中文章页面添加 下一篇 和 上一篇 文章的标题及链接。

代码添加

  如果您使用 Genesis Framework 而您的模板默认没有,那么,需要打开 Genesis 子主题的 functions.php 文件并添加代码,代码将 Genesis 中的下一个上一篇文章导航链接放在评论部分之前。只要有意义,您可以使用 Genesis Hooks挂钩 将其放置在您想要的单个帖子上的任何位置。

add_action ('genesis_entry_footer', 'genesis_prev_next_post_nav');
genesis添加代码后效果

样式调整

  为了给它一些设计,并使其适应您博客或网站其余部分的图像,这里是一个 CSS 示例,您可以根据需要进行调整,将下面的 CSS 代码复制并粘贴到 Genesis 子主题的 style.css 文件中或者自定义设置的 额外CSS 中:

  推荐:如何将自定义CSS 添加到 WordPress 网站

.adjacent-entry-pagination {
    border-top: 1px #ccc dotted;
    font-size: 12px;
    padding: 10px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 20px;
}
genesis添加代码调整CSS后效果

总结

  以上是 晓得博客 为你提供的在Genesis主题文章页面添加下一篇和上一篇文章的标题及链接的全部内容,这个效果非常容易实施,这可以帮助您降低博客的跳出率,希望对你有所帮助。

  此外,如果您不想修改functions.php 文件,您可以下载一个名为My Custom Functions的 WordPress 插件。您只需要安装并激活插件即可开始使用。它易于使用,是一个直观的 WordPress 插件,可让您控制自定义 PHP 代码。只需点击几下,您就可以安全地将您的自定义 PHP 代码添加到您的 WordPress 网站,而无需修改您的 functions.php 文件。

  推荐:Genesis主题建站

5/5 - (1 vote)

Claude、Netflix、Midjourney、ChatGPT Plus、PS、Disney、Youtube、Office 365、多邻国Plus账号购买,ChatGPT API购买,优惠码XDBK,用户购买的时候输入优惠码可以打95折

Chatgpt-Plus注册购买共享账号
滚动至顶部