如何显示wordpress主题中的继续阅读摘要？

在主博客页面上显示了所有摘录, 但是没有继续阅读, 并且编码是否很好？

在content.php上我有代码

<div class="post-excerpt">
        <?php the_excerpt(); ?>
    </div><!-- post-excerpt -->

在function.php上, 我放置了此代码, 并且我的style.css文件中不存在moretag类, 在bootstrap中不存在moretag类, 这就是原因。

/**
 * Replaces the excerpt "more" text by a link.
 */
function new_excerpt_more($more) {
    global $post;
    return '... <a class="moretag" href="'. get_permalink($post->ID) . '"> continue reading &raquo;</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

我希望每个摘录在主博客页面上的输出都应具有继续阅读链接, 并且应可单击并显示完整的帖子。

#1

经过4小时的奋斗, 我找到了我的问题yahoooo的答案！

on content.php place this.

    <div class="post-excerpt">
        <?php the_excerpt(); ?>
        <?php if (!is_home()): ?>
        <div class="continue-reading">
        <a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark">
            <?php
                printf(
                    /* Translators: %s = Name of the current post. */
                    wp_kses( __( 'Continue reading', 'mano-theme' ), array( 'span' => array( 'class' => array() ) ) ), the_title( '<span class="screen-reader-text">"', '"</span>', false )
                );
            ?>
        </a>
    </div>
    </div><!-- post-excerpt -->

        <?php endif ?>

在function.php上放置此代码。

/**
 * Customize the excerpt read-more indicator
 */
function new_excerpt_more( $more ) {
    return " …";
}
add_filter( 'excerpt_more', 'new_excerpt_more' );

在style.css上粘贴此代码

.continue-reading {
    text-align: center;
}

.continue-reading a, .entry-content .continue-reading a {
    display: inline-block;
    margin: 1em auto;
    padding: 1em 2em;
    font-family: "Fira Sans", sans-serif;
    text-decoration: none;
    border: 1px solid #c3c3c3;
}

.continue-reading a:hover, .continue-reading a:focus, .entry-content .continue-reading a:hover, .entry-content .continue-reading a:focus {
    border-color: #000;
    border-width: 1px;
    box-shadow: none;
}

.continue-reading a::after {
    content: "…"
}
.continue-reading::after {
    display: block;
    content: "";
    width: 7em;
    border-bottom: 1px solid #c3c3c3;
    margin: 4em auto 0;
}

.entry-content .continue-reading::after {
    display: none;
}

输出如下：