我正在尝试更改帖子摘录中的”
更多阅读”
按钮的功能。我希望将文章的其余部分加载到存档页面上, 而不是转到文章页面上的”
更多信息”
按钮。
这是我的功能页面中的内容:
function new_excerpt_more($more) {
global $post;
return '... <
a href="'. get_permalink($post->
ID) . '">
Read more<
/a>
';
}
add_filter('excerpt_more', 'new_excerpt_more');
function custom_excerpt_length( $length ) {
return 250;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
我知道我必须用其他东西代替get_permalink($ post-> ID), 但是我不确定该怎么做。任何帮助将不胜感激。
#1你可以在jQuery中执行此操作。技巧是隐藏摘录div并在单击链接后显示全部内容div。
编辑你的functions.php
<
?php
function new_excerpt_more($more) {
global $post;
return '... <
a class="reveal-full-content"action-id ="' . $post->
ID .'" href="http://www.srcmini.com/#">
Read more<
/a>
';
}
add_filter('excerpt_more', 'new_excerpt_more');
编辑循环页面(index.php, archive.php等)
<
div class="wrap">
<
div id="primary" class="content-area">
<
main id="main" class="site-main" role="main">
<
?php
/* Start the Loop */
while ( have_posts() ) : the_post();
?>
<
article id="post-<
?php the_ID();
?>
" <
?php post_class( 'post' );
?>
>
<
div class="post-content">
<
div class="excerpt-content" action-id="<
?php the_ID();
?>
">
<
?php the_excerpt();
?>
<
/div>
<
div class="full-content" action-id="<
?php the_ID();
?>
" style="display: none;
">
<
?php the_content();
?>
<
/div>
<
/div>
<
/article>
<
?phpendwhile;
// End of the loop.
?>
<
/main>
<
!-- #main -->
<
/div>
<
!-- #primary -->
<
?php get_sidebar();
?>
最后, 你使该脚本入队或将其挂接到你wp_footer
<
script type="text/javascript">
$(document).ready(function() {
$('a.reveal-full-content').on('click', function() {
var $postID = $(this).attr('action-id');
$('.excerpt-content[action-id="'+$postID+'"]').css('display', 'none');
$('.full-content[action-id="'+$postID+'"]').css('display', 'block');
});
})
<
/script>
#2你需要创建一个JS函数来加载/替换其中的文本。我将使用jQuery的.load(), 并在你的函数中使用类似以下内容:
$( "#archive-post-div" ).load( "url-from-permalink.html #the-content-div" );
那是做到这一点的一种方法。你也可以只加载所有隐藏的文章, 并使用” 阅读更多” 按钮交换可见性。
【更改阅读更多链接以在WordPress中显示全文】我会详细说明, 但我不知道你对JS / jQuery或CSS的熟悉程度。
推荐阅读
- 将选择选项更改为列表或网格视图
- 使用过滤器将博客标题更改为图像
- 在page.php上更改子菜单的顺序
- 前端用户登录时更改菜单
- 将标签文章更改为WordPress中的文章
- 更改options-reading.php中的输入”min”属性
- 在WooCommerce中更改结帐页面
- WordPress主题自定义中的类别/图像滑块不显示
- 中心整个博客和侧边栏(WordPress主题)