如何在Genesis主题中添加Read More链接

如何在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>';
}

　　保存后，刷新网站，就可以看到更改后的效果，如下图所示：

　 推荐：WordPress网站如何添加自定义PHP代码？

调整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主题建站