The whole process of WordPress theme production (11): making page.php
Feb 21, 2023 am 10:16 AM
I introduced you to "The whole process of WordPress theme production (10): Making comments.php". This article continues to introduce to you how to make page.php. Let's take a look together~
page.php is also a page. Maybe you don’t understand what a page means. Aren’t all web pages on a blog a page? The page we are referring to here is a separate page, such as "About", "Contact Information", etc., which can be added and modified in the WordPress backend - Page.
There are many things in this page.php that are similar to single.php, or basically the same. We don’t do too much analysis on some of the content here, and just go to the results. If you don’t understand anything, You can read the whole process of WordPress theme production (8): Creating index.php.
1. Add title
Search code: <!-- Column 1 / Content -->
Change to:
<!-- Column 1 / Content --> <h2 class="grid_12 caption clearfix"><?php the_title(); ?></h2>
2. Add page content
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel porta erat. Quisque sit amet risus at odio pellentesque sollicitudin. Proin suscipit molestie facilisis. Aenean vel massa magna. Proin nec lacinia augue. Mauris venenatis libero nec odio viverra consequat. In hac habitasse platea dictumst.</p>
Change to:
<?php the_content(); ?>
3. Add a comment box
Change the space between and Delete all code (including )
and replace it with:
<?php comments_template(); ?>
4. Add query statement
Search code: <!-- Column 1 / Content -->
Change to:
<!-- Column 1 / Content --> <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>
Search:
</div> <?php get_sidebar(); ?>
Change to:
</div> <?php else : ?> <div class="grid_8">
The page you wanted was not found!
</div> <?php endif; ?> <?php get_sidebar(); ?>
Our page.php is finished. There are also two pages, the sidebar page full_width.php and the contact page contact.php. The production methods are exactly the same, so I won’t go into details here. I have already written them directly and you can download them. You may ask, how to use these two pages? I wrote two notes in front of these two pages respectively:
<?php /* Template Name: Page without sidebar */ ?> <?php /* Template Name: contract */ ?>
When you create a new page in the WordPress backend in the future, you can select the page template in the right column. You can select Page without sidebar or contract. Leave it unchecked. The page.php template is used by default! You can just change the content of the contact information in the sidebar of contact.php.
So far, our series of tutorials on WordPress theme production has come to an end. To be honest, you probably didn’t learn anything. What I taught was really bad. Just treat it as a perceptual understanding process of WordPress theme production. Bar. Finally, we provide the download of the theme we have created. It is estimated that no one will be willing to use such a theme, it is too ugly! Also, there is no paging function for comments.
Recommended learning: "WordPress Tutorial"
The above is the detailed content of The whole process of WordPress theme production (11): making page.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 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
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.
