Austin WordPress Beginners Meetup

How WordPress Themes Work

November 21,  2016Presented by Nick and Sandi Batik

How WordPress Works

❖ A simple overview of how WordPress themes work for beginners

❖ With this knowledge under your belt, you can more easily understand how your WordPress theme works

How WordPress Works

❖ A page on a WordPress website isn’t static; it’s dynamic

❖ Than means each page is created on the fly — every time it’s visited, built from bits and pieces pulled from separate files and from your website’s database

How… Dynamic?❖ All of your sites unique information (including your site

name, your blog posts, and every single comment) is stored in a MySQL database

❖ That information is retrieved from the database using the programming language PHP

❖ Then, the retrieved information is displayed via your theme’s template files, using HTML and CSS

❖ Each page is created on the fly — every time it’s visited, built from bits and pieces pulled from separate files and from your website’s database

What is a WordPress Theme?

❖ A WordPress theme changes the appearance of your website, often including its layout. Changing your theme changes how what a visitor sees when they browse your site on the web.

What can themes do?

❖ Themes take the content and data stored by WordPress and display it in the browser. 

❖ You decide how your site content looks and is displayed, when you choose a WordPress theme.

❖ There are many options available when you are choosing a theme for your site. 

What can themes do?❖ For example:

❖ Your theme can have different layouts, such as fixed-width or responsive; using one column or two.

❖ Your theme may give you options for where and how you want it to be displayed.

❖ Your theme can display content differently on various sized devices (phones, tablets, PCs).

What can themes do?❖ For example:

❖ Your theme may have custom typography and design elements using CSS.

❖ Your theme may give you special areas for other design elements like images and videos.

What can themes do?

❖ A WordPress theme is more than color and layout 

❖ Good themes improve visitor engagement with your website’s content

❖ …in addition to being beautiful

What are themes made of? 

❖ At their most basic level, WordPress themes are collections of different files that work together to create what you see, as well as how your site behaves.

The user’s browser sends a request to WordPress on the web server. WordPress is written with the

PHP.

The PHP instructions in WordPress identify the theme template file to use

PHP instructions in template fetch the text out of the database…

…and the images from the uploads folder

The content is combined with the HTML,…

…the Style Sheet (CSS),

…and Javascript which is a special kind of programming code that make elements on a page

interactive.

All these pieces are combined into the formatted page…

…which is then sent back to the user’s browser.

Can a Theme Be Changed?

❖ WordPress makes it very easy for users to change themes.

❖ BUT…❖ Every theme has its own unique set of features

and options, so it may take some time to set up.

What are the easy things to change?

❖ Navigation Menus❖ WordPress comes with a built-in navigation menu

system ❖ Each WordPress theme defines theme locations

where menus are displayed❖ That’s why when you switch your WordPress

theme, there will be new menu locations❖ The menu you previously assigned to a theme

location might need to be reassigned

What are the easy things to change?

❖ Widgets❖ Widgets allow you to easily place different elements in

your WordPress theme’s sidebars❖ When you change your WordPress theme can deactivate

your active widgets❖ Some themes will automatically show default WordPress

widgets❖ Widgets with customizations will be placed under the

inactive widgets section and can be added back to your new theme’s sidebars

What are the hard things to Change?

❖ Your theme defines what is will display on different types of pages (home page, blog page, list page, etc.), and where that content goes on that page.

❖ If a theme does not have a page type or style that you want, it can be done but you need to hire a programmer.

What are the things I can Change By Myself?

❖ Many Themes have a WordPress Customizer❖ This features allows WordPress Users to tweak

theme settings using a WYSIWYG interface to customize the theme including changing the colors, fonts, text and other customization options

Best Practices for Making Changes to a Theme

❖ What is a Parent Theme?❖ All themes – excluding child themes – are

considered parent themes. ❖ A parent theme is a complete theme which

includes all of the required Wordpress template files for the theme to work

Best Practices for Making Changes to a Theme

❖ A Child Theme is an extension to a theme that you create so you can make changes to it.

❖ A child theme allows you to change small aspects of your site’s appearance yet still preserve your theme’s look and functionality

❖ A child theme inherits the look and feel of the parent theme and all of its functions, but can be used to make modifications to any part of the theme

❖ This customizations are kept  separate from the parent theme’s files

❖ Using a child theme lets you upgrade the parent theme without affecting the customizations you’ve made to your site

Best Practices for Making Changes to a Theme

❖ Child Themes ❖ Make your modifications portable and replicable❖ Keep customization separate from parent theme

functions❖ Allow parent themes to be updated without destroying

your modifications❖ Allow you to take advantage of the effort and testing put

into parent theme❖ Save on development time since you are

not recreating the wheel

Themes vs Templates — What is the Difference?

❖ A template defines the layout of a particular type of page, such as your blog page, home page, and list pages.

❖ All the pages that use a template will be formatted exactly the same.

❖ A Theme is a collection of templates.

Theme Functionality vs Site Functionality

❖ When you want to add functionality to your site, you do so by installing a plugin.

❖ Plugins work regardless of your theme. Even if you change themes, they still work.

❖ Some advanced themes include integrated, built-in plugins. If you change themes, that functionality goes away.

Content / Special Content

❖ How will your theme choice affect special content?

❖ Images❖ Video❖ Audio