The whole process of WordPress theme production (9): making single.php
Feb 21, 2023 am 10:07 AM
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 條評論', '% 條評論', '', '評論已關(guān)閉'); ?>
5. Add an edit button
. Connect the comment code above and change it to:
<?php comments_popup_link('0 條評論', '1 條評論', '% 條評論', '', '評論已關(guān)閉'); ?>
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" >發(fā)表評論</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
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
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
How to adjust the wordpress article list
Apr 20, 2025 am 10:48 AM
There are four ways to adjust the WordPress article list: use theme options, use plugins (such as Post Types Order, WP Post List, Boxy Stuff), use code (add settings in the functions.php file), or modify the WordPress database directly.
10 latest tools for web developers
May 07, 2025 pm 04:48 PM
Web development design is a promising career field. However, this industry also faces many challenges. As more businesses and brands turn to the online marketplace, web developers have the opportunity to demonstrate their skills and succeed in their careers. However, as demand for web development continues to grow, the number of developers is also increasing, resulting in increasingly fierce competition. But it’s exciting that if you have the talent and will, you can always find new ways to create unique designs and ideas. As a web developer, you may need to keep looking for new tools and resources. These new tools and resources not only make your job more convenient, but also improve the quality of your work, thus helping you win more business and customers. The trends of web development are constantly changing.
How to import the source code of wordpress
Apr 20, 2025 am 11:24 AM
Importing WordPress source code requires the following steps: Create a sub-theme for theme modification. Import the source code and overwrite the files in the sub-topic. Activate the sub-theme to make it effective. Test the changes to make sure everything works.
How to build a website for wordpress host
Apr 20, 2025 am 11:12 AM
To build a website using WordPress hosting, you need to: select a reliable hosting provider. Buy a domain name. Set up a WordPress hosting account. Select a topic. Add pages and articles. Install the plug-in. Customize your website. Publish your website.
How to add your WordPress site in Yandex Webmaster Tools
May 12, 2025 pm 09:06 PM
Do you want to connect your website to Yandex Webmaster Tools? Webmaster tools such as Google Search Console, Bing and Yandex can help you optimize your website, monitor traffic, manage robots.txt, check for website errors, and more. In this article, we will share how to add your WordPress website to the Yandex Webmaster Tool to monitor your search engine traffic. What is Yandex? Yandex is a popular search engine based in Russia, similar to Google and Bing. You can excel in Yandex
How to set, get and delete WordPress cookies (like a professional)
May 12, 2025 pm 08:57 PM
Do you want to know how to use cookies on your WordPress website? Cookies are useful tools for storing temporary information in users’ browsers. You can use this information to enhance the user experience through personalization and behavioral targeting. In this ultimate guide, we will show you how to set, get, and delete WordPresscookies like a professional. Note: This is an advanced tutorial. It requires you to be proficient in HTML, CSS, WordPress websites and PHP. What are cookies? Cookies are created and stored when users visit websites.
How to register a wordpress account
Apr 20, 2025 am 11:45 AM
To create an account on WordPress, simply visit its website, select the registration option, fill in the registration form, and verify your email address. Other ways to register include using a Google account or Apple ID. The benefits of signing up include creating a website, gaining features, joining the community, and gaining support.
How to fix HTTP image upload errors in WordPress (simple)
May 12, 2025 pm 09:03 PM
Do you need to fix HTTP image upload errors in WordPress? This error can be particularly frustrating when you create content in WordPress. This usually happens when you upload images or other files to your CMS using the built-in WordPress media library. In this article, we will show you how to easily fix HTTP image upload errors in WordPress. What is the reason for HTTP errors during WordPress media uploading? When you try to upload files to Wo using WordPress media uploader
