The third session for Metronet's WordPress Bootcamp.

2. Themes
PART 3
Themes

3. Themes
what’s a theme?

4. Themes
A Theme modifies the way the site
is displayed, without modifying the
underlying software.

5. Themes
Live in subdirectories residing in wp-content/themes/
The Theme's subdirectory holds all of the Theme's stylesheet
files, template files, and optional functions file (functions.php),
JavaScript files, and images.
For example, a Theme named "test" would reside in the
directory wp-content/themes/test/

6. Themes
WordPress includes a default theme in
each new installation.

7. Themes

8. Themes
anatomy of a
theme JOOST
DE
VALK

9. Themes
anatomy of a
theme JOOST
DE
VALK

10. Themes
anatomy of a
theme JOOST
DE
VALK

11. Themes
anatomy of a
theme JOOST
DE
VALK

12. Themes
anatomy of a
theme JOOST
DE
VALK

13. Themes
anatomy of a
theme JOOST
DE
VALK

14. Themes
THREE TYPES
1 2 3
stylesheet functions template
files

15. Themes
Style.css

16. Themes

17. Themes

18. Themes
Functions.php

19. Themes
Behaves like a plugin.
Enable Theme Features
like Sidebars, Navigation
Menus, Post Thumbnails,
Post Formats, Custom
Headers, Custom
functions.php
Backgrounds, etc.
Define functions specific
to your theme.
Setup an options menu
allowing users to
dynamically change some
settings for your site.

20. Themes
template files

21. Themes
style.css
The main stylesheet. This must be included with your Theme,
and it must contain the information header for your Theme.

22. Themes
index.php
The main template. If your Theme provides its own templates,
index.php must be present.

23. Themes
comments.php
The comments template.

24. Themes
front-page.php
The front page template, it is only used if you use a static front
page.

25. Themes
home.php
The home page template, which is the front page by default. If
you use a static front page this is the template for the page
with the latest posts.

26. Themes
home.php
The home page template, which is the front page by default. If
you use a static front page this is the template for the page
with the latest posts.

27. Themes
index.php
The single post template. Used when a single post is queried.
For this and all other query templates, index.php is used if the
query template is not present.

28. Themes
single-<post-type>.php
The single post template used when a single post from a
custom post type is queried. For example, single-books.php
would be used for displaying single posts from the custom
post type books. index.php is used if the query template for
the custom post type is not present.

29. Themes
page.php
The page template. Used when an individual Page is queried.

30. Themes
category.php
The category template. Used when a category is queried.

31. Themes
tag.php
The tag template. Used when a tag is queried.

32. Themes
taxonomy.php
The term template. Used when a term in a custom taxonomy
is queried.

33. Themes
author.php
The author template. Used when an author is queried.

34. Themes
date.php
The date/time template. Used when a date or time is queried.
Year, month, day, hour, minute, second.

35. Themes
archive.php
The archive template. Used when a category, author, or date
is queried. Note that this template will be overridden by
category.php, author.php, and date.php for their respective
query types.

36. Themes
search.php
The search results template. Used when a search is
performed.

37. Themes
attachment.php
Attachment template. Used when viewing a single
attachment.

38. Themes
image.php
Image attachment template. Used when viewing a single
image attachment. If not present, attachment.php will be
used.

39. Themes
404.php
The 404 Not Found template. Used when WordPress cannot
find a post or page that matches the query.

40. Themes

41. Themes

42. Themes
conditional
tags

43. Themes
Let’s say you wanted to display a
snippet of text above the series of
posts, but only on the main page
of your blog. With the is_home()
Conditional Tag, that task is made
easy.

44. Themes
Warning: You can only use conditional query
tags after the init action hook in WordPress.
For themes, this means the conditional tag will
never work properly if you are using it in the
body of functions.php, i.e. outside of a
function.

45. Themes

46. Themes

47. Themes

48. Themes

49. Themes

50. Themes

51. Themes

52. Themes

53. Themes

54. Themes

55. Themes

56. Themes

57. Themes

58. Themes

59. Themes

60. Themes

61. Themes
get_header()
page.php
Loop Start
Loop End
get_footer()

62. Themes

63. Themes
custom
page
templates

64. Themes

65. Themes

66. Themes

67. Themes
widgets &
sidebars

68. Themes
widgets & sidebars

69. Themes
widgets & sidebars

70. Themes
widgets & sidebars

71. Themes
menus

72. Themes

73. Themes

74. Themes
post thumbnails

75. Themes

76. Themes

77. ANY ?’s