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 class="title"><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('标签:', ', ', ''); ?>
3. Added date
Found: 31st Sep, 09 Changed to:
<?php the_time('Y年n月j日') ?>
4. Display number of comments
<a href="#">7 Comments</a>
is changed to:
<?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?>
5. Add an edit button
. Connect the comment code above and change it to:
<?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?>
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" src="<?php bloginfo('template_url'); ?>/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('home'); ?>" 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 class="grid_12 caption clearfix">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!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

PHP and Flutter are popular technologies for mobile development. Flutter excels in cross-platform capabilities, performance and user interface, and is suitable for applications that require high performance, cross-platform and customized UI. PHP is suitable for server-side applications with lower performance and not cross-platform.

You can easily modify your WordPress page width by editing your style.css file: Edit your style.css file and add .site-content { max-width: [your preferred width]; }. Edit [your preferred width] to set the page width. Save changes and clear cache (optional).

Create a product page in WordPress: 1. Create the product (name, description, pictures); 2. Customize the page template (add title, description, pictures, buttons); 3. Enter product information (stock, size, weight); 4 . Create variations (different colors, sizes); 5. Set visibility (public or hidden); 6. Enable/disable comments; 7. Preview and publish the page.

WordPress posts are stored in the /wp-content/uploads folder. This folder uses subfolders to categorize different types of uploads, including articles organized by year, month, and article ID. Article files are stored in plain text format (.txt), and the filename usually includes its ID and title.

WordPress template files are located in the /wp-content/themes/[theme name]/ directory. They are used to determine the appearance and functionality of the website, including header (header.php), footer (footer.php), main template (index.php), single article (single.php), page (page.php), Archive (archive.php), category (category.php), tag (tag.php), search (search.php) and 404 error page (404.php). By editing and modifying these files, you can customize the appearance of your WordPress website

Search for authors in WordPress: 1. Once logged in to your admin panel, navigate to Posts or Pages, enter the author name using the search bar, and select Author in Filters. 2. Other tips: Use wildcards to broaden your search, use operators to combine criteria, or enter author IDs to search for articles.

The most stable WordPress version is the latest version because it contains the latest security patches, performance enhancements, and introduces new features and improvements. In order to update to the latest version, log into your WordPress dashboard, go to the Updates page and click Update Now.

WordPress is developed using PHP language as its core programming language for handling database interactions, form processing, dynamic content generation, and user requests. PHP was chosen for reasons including cross-platform compatibility, ease of learning, active community, and rich library and frameworks. Apart from PHP, WordPress also uses languages like HTML, CSS, JavaScript, SQL, etc. to enhance its functionality.
