Word press templates

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 post’s 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

}

?>

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

Word press templates

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Word press templates

Semelhante a Word press templates (20)

Mais de Dan Phiffer

Mais de Dan Phiffer (7)

Word press templates