如何在Genesis主题中添加Read More链接
Genesis Framework使您能够使用 WordPress快速轻松地构建令人难以置信的网站。无论您是新手还是高级开发人员。默认情况下,Genesis主题附带 […] 省略号作为博客档案中的超链接。您可以通过使用此代码段将其更改为您的选择之一。
在本教程中,晓得博客将带了解如何在Genesis主题中添加 Read More 链接。
修改Genesis主题中Read More链接
要修改Genesis主题中Read More链接,首先登录您的网站,在WordPress仪表盘中点击“外观 ”-> “主题编辑器”。前提是确保 Genesis 主题处于激活状态,并且您没有编辑核心 Genesis 框架。Genesis Sample Theme子主题下载
查找functions.php文件并打开它,在functions.php文件的底部复制并粘贴以下代码:
add_filter( 'excerpt_more', 'child_read_more_link' );
add_filter( 'get_the_content_more_link', 'child_read_more_link' );
add_filter( 'the_content_more_link', 'child_read_more_link' );
function child_read_more_link() {
return '<a class="more-link-custom" href="' . get_permalink() . '">Read More</a>';
}
保存后,刷新网站,就可以看到更改后的效果,如下图所示:
调整Genesis主题中Read More链接
添加后的Read More链接是和内容连在一起的,如果想在下一行中显示Read More链接,即是Read More单独一行显示,则只需要将以下的代码替换掉上述的return行代码即可:
return '</br><a class="more-link-custom" href="' . get_permalink() . '">Read More</a>';
保存后,刷新网站,就可以看到更改后的效果,如下图所示:
设置Genesis主题中Read More按钮
当然,有时候也需要添加Read More按钮,则只需要将以下的代码粘贴到functions.php文件即可:
function custom_excerpt($text) {
$excerpt = $text . '<a href="' . get_permalink() . '"><button class="read-more-btn" type="button" value="read_more">Read More</button></a>';
return $excerpt;
}
add_filter('the_excerpt', 'custom_excerpt');
效果如下:
总结
以上是晓得博客为你介绍的如何在Genesis主题建站中添加Read More链接的全部内容,当然你也可以调整其他的样式来凸显网站的个性,例如给Read More后面添加“》”等或者省略号。
推荐:Genesis主题建站
Claude、Netflix、Midjourney、ChatGPT Plus、PS、Disney、Youtube、Office 365、多邻国Plus账号购买,ChatGPT API购买,优惠码XDBK,用户购买的时候输入优惠码可以打95折