際際滷

際際滷Share a Scribd company logo

Word press templates

Dan Phiffer
Dan Phiffer

WordPress templates are PHP files that determine how content is displayed on web pages. Templates can be modified in a theme or overridden in a child theme. The basic template files are header, footer, and other files that make up the overall page. Templates select which content to display, such as individual posts, categories of posts, or search results. Template tags allow themes to display things like post titles, content, dates within templates. The template hierarchy determines which specific template file is used in different contexts.

1 of 17
Download to read offline
WordPress templates How the content you put into wp-admin gets turned into web pages
What are WordPress templates? Individual PHP files in a theme that you can modify Any given page request selects a particular template A child theme inherits (and overrides) the templates of its parent
A basic template <?php // Includes header.php get_header(); // Content goes here // Includes sidebar.php get_sidebar(); // Includes footer.php get_footer(); ?>
header.php <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title><?php bloginfo('name'); ?></title> <?php wp_head(); ?> </head> <body>
footer.php <?php wp_footer(); ?> </body> </html>
functions.php <?php // This is where helper functions and miscellaneous // theme settings go // We can leave this empty for now ?>
sidebar.php <?php // This can also be empty ?>
What kind of content? Group of posts Single post or page Media attachment
Groups of posts Most recent posts (index.php) Posts in a specific category (category.php) Search results (search.php)
The loop The Loop is used by WordPress to display each of your posts. Using The Loop, WordPress processes each of the posts to be displayed on the current page and formats them according to how they match specified criteria within The Loop tags. Any HTML or PHP code placed in the Loop will be repeated on each post. WordPress Codex
A basic WordPress loop <?php while (have_posts()) { the_post(); // Display post content } ?>
A more sophisticated loop, with error checking <?php if (have_posts()) { while (have_posts()) { the_post(); // Display post content } } else { echo "Sorry, no posts were found.n"; } ?>
How do you display post content? Template Tags are pre-written helper functions you can use in your theme For example the_title() which prints out the current posts title They are documented extensively
Using template tags <?php while (have_posts() { the_post(); ?> <div id="<?php the_ID(); ?>"> <h1><?php the_title(); ?></h1> <div class="content"><?php the_content(); ?></div> Posted on <?php the_data(); ?> at <?php the_time(); ?> </div> <?php } ?>
Word press templates
Word press templates
Template hierarchy index.php home.php date.php front-page.php author.php 404.php category.php header.php search.php tag.php footer.php archive.php taxonomy.php functions.php single.php attachment.php page.php custom.php

More Related Content

Word press templates

  • 1. WordPress templates How the content you put into wp-admin gets turned into web pages
  • 2. What are WordPress templates? Individual PHP files in a theme that you can modify Any given page request selects a particular template A child theme inherits (and overrides) the templates of its parent
  • 3. A basic template <?php // Includes header.php get_header(); // Content goes here // Includes sidebar.php get_sidebar(); // Includes footer.php get_footer(); ?>
  • 4. header.php <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title><?php bloginfo('name'); ?></title> <?php wp_head(); ?> </head> <body>
  • 5. footer.php <?php wp_footer(); ?> </body> </html>
  • 6. functions.php <?php // This is where helper functions and miscellaneous // theme settings go // We can leave this empty for now ?>
  • 7. sidebar.php <?php // This can also be empty ?>
  • 8. What kind of content? Group of posts Single post or page Media attachment
  • 9. Groups of posts Most recent posts (index.php) Posts in a specific category (category.php) Search results (search.php)
  • 10. The loop The Loop is used by WordPress to display each of your posts. Using The Loop, WordPress processes each of the posts to be displayed on the current page and formats them according to how they match specified criteria within The Loop tags. Any HTML or PHP code placed in the Loop will be repeated on each post. WordPress Codex
  • 11. A basic WordPress loop <?php while (have_posts()) { the_post(); // Display post content } ?>
  • 12. A more sophisticated loop, with error checking <?php if (have_posts()) { while (have_posts()) { the_post(); // Display post content } } else { echo "Sorry, no posts were found.n"; } ?>
  • 13. How do you display post content? Template Tags are pre-written helper functions you can use in your theme For example the_title() which prints out the current posts title They are documented extensively
  • 14. Using template tags <?php while (have_posts() { the_post(); ?> <div id="<?php the_ID(); ?>"> <h1><?php the_title(); ?></h1> <div class="content"><?php the_content(); ?></div> Posted on <?php the_data(); ?> at <?php the_time(); ?> </div> <?php } ?>
  • 17. Template hierarchy index.php home.php date.php front-page.php author.php 404.php category.php header.php search.php tag.php footer.php archive.php taxonomy.php functions.php single.php attachment.php page.php custom.php