Embed Size (px)
Citation preview
@tonycecala
Everything You Need to Know about WordPress ThemesTony Cecala
@tonycecala
What are WordPress Themes?
@tonycecala
What are WordPress Themes?
Some sites and systems use the term “layouts” Some call them “skins” We call them “themes”
@tonycecala
“WordPress themes give your site both visual characteristics and functionality.”
@tonycecala
From layout to typography, the theme specifies the look and feel of your site.
number of columns fixed, fluid, responsive typography use and size of site "thumbnail" images display and style of "meta" information (date, author, categories, and tags)
@tonycecala
The theme specifies the look and feel of your site using templates for data.
templates for pages formats for blog posts types of home pages types of archive pages
@tonycecala
Some themes are free, and others can cost several hundred dollars.
@tonycecala
Where to Find Themes
@tonycecala
WordPress Theme Directory
https://wordpress.org/themes/ themes are free themes are scanned for malware themes are GPL licensed
@tonycecala
@tonycecala
Themeforest Themes
@tonycecala
Themeforest Themes
@tonycecala
Themeforest Themes
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
The Ever-Present Theme Review Site
@tonycecala
@tonycecala
@tonycecala
NOT AVAILABLEReview Sites can be outdated.
@tonycecala
Wow. This looks interesting!
@tonycecala
Missing in Action
@tonycecala
Theme Sites Reviewing other Themes
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
Independent WordPress Theme Foundries
@tonycecala
Independent WordPress Theme Foundries
What is a theme foundry? Why are they important?
@tonycecala
Quality Theme FoundriesStudioPress - Genesis Theme Framework
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
@tonycecala
Quality Theme FoundriesElegant Themes - Divi and Theme Builder
@tonycecala
@tonycecala
Quality Theme FoundriesGraph Paper Press - minimalist WordPress themes for creatives
@tonycecala
@tonycecala
@tonycecala
Quality Theme Foundries
Theme Trust Dessign Themify WooThemes
@tonycecala
How to Select a Theme
@tonycecala
How do you know what theme to choose?
3 rules for buying a theme, author, author, author theme popularity, downloads how popularity can mislead you theme ratings theme comments theme support
@tonycecala
How do you know what theme to choose?
3 rules for buying a theme, author, author, author theme popularity, downloads how popularity can mislead you theme ratings theme comments theme support
@tonycecala
How do you know what theme to choose?
3 rules for buying a theme, author, author, author theme popularity, downloads how popularity can mislead you theme ratings theme comments theme support
@tonycecala
Theme Features to Look for
responsive Google Font support WooCommerce support 508 support International support Right-To-Left support
@tonycecala
Types of ThemesClone Wordpress Themes [look-alike-sites] Free Themes Magazine Themes Premium Themes Religious Themes Responsive Themes Shopping Cart Themes
Themes for Businesses Themes for Personal Blogs Themes for Pro Bloggers Themes for Real Estate Pros Themes For Video Bloggers Wordpress Themes for Artists
@tonycecala
Popular Themes in 2016Divi Avada X Enfold
@tonycecala
Theme Configuration
@tonycecala
Theme ConfigurationAfter you've installed your theme, how do configure it to look just the way you want?
@tonycecala
How do you configure a theme?
theme options panel customization menu site identity (512x512 favicon support) header footer sidebars
widgets style.css functions.php
@tonycecala
Child Themes
@tonycecala
Child Themes
what is a child theme? making a child theme editing a child theme
@tonycecala
Why use a Child Theme?If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
Using a child theme can speed up development time. Using a child theme is a great way to learn about WordPress theme development.
https://codex.wordpress.org/Child_Themes
@tonycecala
How to Create a Child Theme
A child theme consists of at least one directory (the child theme directory) and two files (style.css and functions.php), which you will need to create:
The child theme directory style.css functions.php
https://codex.wordpress.org/Child_Themes
@tonycecala
How to Create a Child ThemeThe next step is to create your child theme's stylesheet (style.css). The stylesheet must begin with the following (the stylesheet header):
https://codex.wordpress.org/Child_Themes
@tonycecala
How to Create a Child ThemeA couple things to note: You will need to replace the example text with the details relevant to your theme. The Template line corresponds to the directory name of the parent theme. The parent theme in our example is the Twenty Fifteen theme, so the Template will be twentyfifteen. You may be working with a different theme, so adjust accordingly. The only required child theme file is style.css, but functions.php is necessary to enqueue styles correctly
https://codex.wordpress.org/Child_Themes
@tonycecala
Make Friends with CSS
@tonycecala
Making Friends with CSS
CSS governs the visual look of the site. Mastering CSS is the key to mastering web design. You can edit CSS in the style.css file. You can add and overwrite CSS with plugins. Editing CSS in the WordPress admin is possible.
@tonycecala
Make Friends with CSS
CSS governs the visual look of the site. Mastering CSS is the key to mastering web design. You can edit CSS in the style.css file. You can add and overwrite CSS with plugins. Editing CSS in the WordPress admin is possible.
@tonycecala
CSS is your friend.Same website with and without CSS.
@tonycecala
CSS in the admin.Using the Jetpack plugin.
@tonycecala
Adding Custom Fonts is Easy
@tonycecala
Adding Custom Fonts is Easy
@tonycecala
@tonycecala
Advanced Theme Topics.
@tonycecala
Advanced Theme Topics.
Edit the theme stylesheets directly. Edit the theme’s function.php file directly. Edit templates for pages, posts, and archives. Add new templates for pages, posts, and archives. Write plugins that work with the theme settings. Write your own theme.
@tonycecala
ResourcesThemesWordPress DirectoryElegant ThemesStudioPressGraph Paper Press HostingSitegroundWP EngineHostgator
TutorialsWordPress.tv
