WordPress如何自定义文章详情页模板

文 / @UTHEME

WordPress允许用户自定义文章详情页的模板。要自定义文章详情页的模板，首先需要在主题文件夹中创建一个名为single.php的文件。如果主题文件夹中已经有一个名为single.php的文件，则可以直接在该文件中进行自定义。

为了确保模板能够正常工作，建议在开始自定义之前先备份原有的single.php文件。然后，可以通过以下步骤来自定义文章详情页的模板：

  1. 打开single.php文件，然后将其中的内容替换为以下代码：
<?php
/*
Template Name: Single Post
*/

get_header();
?>

<div id="primary" class="content-area">
<main id="main" class="site-main">

<?php
while ( have_posts() ) :
the_post();

get_template_part( 'template-parts/content', get_post_type() );

the_post_navigation();

// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;

endwhile; // End of the loop.
?>

</main><!-- #main -->
</div><!-- #primary -->

<?php
get_sidebar();
get_footer();

  1. 在template-parts文件夹中创建一个名为content-single.php的文件。
  2. 将以下代码添加到content-single.php文件中：
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</header><!-- .entry-header -->

<?php if ( has_post_thumbnail() ) : ?>
<div class="post-thumbnail">
<?php the_post_thumbnail(); ?>
</div><!-- .post-thumbnail -->
<?php endif; ?>

接下来，可以使用以下代码来显示文章内容：

<div class="entry-content">
<?php
the_content();

wp_link_pages( array(
'before' => '<div class="page-links">' . __( 'Pages:', 'your-theme' ),
'after' => '</div>',
) );
?>
</div><!-- .entry-content -->

最后，可以使用以下代码来显示文章元信息（例如作者、发布日期和分类）：

<footer class="entry-footer">
<?php your_theme_entry_footer(); ?>
</footer><!-- .entry-footer -->

完成上述步骤后，就可以保存文件并查看自定义的文章详情页模板。如果需要进行进一步的自定义，可以继续修改content-single.php文件，并根据自己的需求添加或修改代码。

如果您想要添加更多的内容到文章详情页的模板中，可以继续修改content-single.php文件。例如，可以添加文章的分类和标签，以便用户更容易地找到相关文章：

<footer class="entry-footer">
<?php your_theme_entry_footer(); ?>
</footer><!-- .entry-footer -->

<?php
// Get the categories and tags for the post.
$categories = get_the_category();
$tags = get_the_tags();
?>

<?php if ( $categories || $tags ) : ?>
<div class="entry-meta">
<?php if ( $categories ) : ?>
<span class="cat-links">
<?php
foreach ( $categories as $category ) {
echo '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '">' . esc_html( $category->name ) . '</a> ';
}
?>
</span><!-- .cat-links -->
<?php endif; ?>

<?php if ( $tags ) : ?>
<span class="tag-links">
<?php
foreach ( $tags as $tag ) {
echo '<a href="' . esc_url( get_tag_link( $tag->term_id ) ) . '">' . esc_html( $tag->name ) . '</a> ';
}
?>
</span><!-- .tag-links -->
<?php endif; ?>
</div><!-- .entry-meta -->
<?php endif; ?>

可以根据自己的需求，添加更多的内容或修改上述代码，以实现更多的自定义。例如，可以添加文章的作者信息，或者添加文章的相关文章等。

总之，自定义文章详情页的模板需要结合主题的特定代码和功能，并结合您的需求进行调整。

添加UTHEME为好友
扫码添加UTHEME微信为好友
· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。
相关文章
没有找到适合的程序？来找我们定制吧！
联系我们