The whole process of WordPress theme production (9): making single.php

Today we are going to make a single article page single.php. With the previous experience of making index.php, making single.php is no longer that difficult. Here we will directly skip some content and give the results directly. If you are not sure about some modifications, you can refer to:The whole process of WordPress theme production (8): Making index.php

1. Add the article title:

<h3 id="a-nbsp-href-single-html-Loreum-nbsp-ipsium-nbsp-massa-nbsp-cras-nbsp-phasellus-a"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>

and change it to:

<h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

2. Add the article tag

<a href="#">News</a>, <a href="#">Products</a>

and change it to:

<?php the_tags(&#39;标签：&#39;, &#39;, &#39;, &#39;&#39;); ?>

3. Added date

Found: 31st Sep, 09 Changed to:

<?php the_time(&#39;Y年n月j日&#39;) ?>

4. Display number of comments

<a href="#">7 Comments</a>

is changed to:

<?php comments_popup_link(&#39;0 条评论&#39;, &#39;1 条评论&#39;, &#39;% 条评论&#39;, &#39;&#39;, &#39;评论已关闭&#39;); ?>

5. Add an edit button

. Connect the comment code above and change it to:

<?php comments_popup_link(&#39;0 条评论&#39;, &#39;1 条评论&#39;, &#39;% 条评论&#39;, &#39;&#39;, &#39;评论已关闭&#39;); ?>

6. Add article content

Delete all the codes between and and replace them with:

<?php the_content(); ?>

In addition, you can delete the picture on the article page and delete the following code:

<img  class="thumb lazy"  src="/static/imghwm/default1.png"  data-src="<?php bloginfo(&#39;template_url&#39;); ? alt="The whole process of WordPress theme production (9): making single.php" >/images/610x150.gif"    alt=""/>

7. Add buttons to return to the blog homepage and post comments

In fact, it is to add the blog homepage and comment anchor links. When making header.php, we already know that we can get the blog address through get_option('home');.

<p class="clearfix"> <a href="blog.html" class="button float" ><< Back to Blog</a> <a href="#commentform" class="button float right" >Discuss this post</a> </p>

Changed to:

<p class="clearfix"> <a href="<?php echo get_option(&#39;home&#39;); ?>" class="button float" ><< 返回首页</a> <a href="#commentform" class="button float right" >发表评论</a> </p>

Okay, that’s all the basic changes, but your article page still can’t display the article content, you have to add a conditional statement to it, like this WordPress will go to the database to read the content of your article. Search code:

Changed to:

<!-- Column 1 /Content -->
<?php if (have_posts()) : the_post(); update_post_caches($posts); ?>

Changed:

</div>
<?php get_sidebar(); ?>

to:

</div>
<?php else : ?>
<div class="errorbox">
没有文章！
</div>
<?php endif; ?>
<?php get_sidebar(); ?>

Now your article content should be displayed normally, and an article page is basically formed. In the next section, we will explain how to make a comment page. We will not provide downloading of the modified theme file this time. We will provide it next time.

In addition, there will be a text at the top of the article page:

Our blog, keeping you up-to-date on our latest news.

can be replaced with your content. If you don’t need it, you can delete the following code:

<h2 id="Our-nbsp-span-blog-span-nbsp-keeping-nbsp-you-nbsp-up-to-date-nbsp-on-nbsp-our-nbsp-latest-nbsp-news">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>
<div class="hr grid_12 clearfix"> </div>

Recommended learning: "WordPress Tutorial"

The above is the detailed content of The whole process of WordPress theme production (9): making single.php. For more information, please follow other related articles on the PHP Chinese website!