SlideShare a Scribd company logo
WordPress Themes
underlying, unifying design for a blog
My Background
●   Father
●   Husband
●   Developer
●   Ninja

● Creating themes & plugins for past five years
● Built hundreds of blogs
● Plugins: thousands of downloads worldwide
What is a theme?!
A WordPress Theme is a collection of files that
work together to produce a graphical interface
with an underlying, unifying design for a blog.

Huh? In English...
● Gives your blog its appearance
● What visitors see
● Graphics & Colors
● Typography
● Responsiveness & Awesomeness
"Simplicity is the ultimate
    sophistication."
...and sometimes not so awesome.
Not All Themes Are Created Equal


Free Themes         Premium Themes




        Freemium Themes
Free Themes
●   Cost: Free
●   Lack flexibility & customization
●   Less features
●   Plain appearance
●   Great for content delivery
●   Straight to the point
●   Unsupported or slow development
●   Often outdated
Premium Themes
●   Cost: Paid....but sometimes free!
●   More options & flexibility
●   Beautiful appearance
●   Custom layouts
●   Supported & maintained
●   Large communities
●   Customize to fit your needs & deep desires
Freemium Themes
● Cost: Free...with option to pay
● Same as Premium Theme

Option to pay?! what?!
Pay to remove footer links, ads, or acquire
enhanced features.
GPL Licensing & Open Source
● Open source means free, right?! Yes & No!

● Free as in freedom. Not free like those
  cheese samples you swipe at the grocery
  store.
● GPL is the freedom to receive & change the
  source code.
● All WordPress software should be covered
  under GPL or similar licensing. (themes &
  plugins)
Customizing Your Theme
● Never ever..ever edit the core files of

  WordPress...ever.

● Lose your changes during an update

● Bad practice

● Never had reason to do it..ever.
How to easily customize a theme
● Go Premium!
● Premium themes have user friendly options
● Look for a demo to check out its options
● Does it fit your needs?
For the Hardcore Customizing
● Be a ninja
● All WP themes should be GPL (look for this)
● Customizing Theme core files is bad practice
● Utilize the functions.php file
More Hardcore Customizing
The functions.php file
● /wp-content/themes/themename/functions.php
● Acts much like a plugin
● Change default behaviors of your theme or WordPress
● Use WP hooks, actions, and filters
● Turn on theme support for post thumbnails, menu, etc
● Several blocks of code to expand the functionality of the
   active theme.
Even More Hardcode Customizing
Child Theme
● Dependant on a parent theme (premium)
● Files in Child Theme override parent theme files
● functions.php in child can replace parent functions
● Unique headers in style.css to identify child & parent
● /wp-content/themes/childthemename/
Hardcore Customizing Continues
Want to add a subscription box to your theme's homepage?
●   Create a duplicate of the parent theme's index.php file
●   Place duplicate file in child theme directory
●   Customize duplicate index.php file in child theme
●   Active the child theme
●   The duplicate index.php will override the parent's index.
    php
Why go through the trouble?
GPL gives us the freedom to copy and improve
already written code. Awesome! But it's not
always a good idea.

● Child themes protect changes from the update monster.
● When the parent theme is updated, the child theme isn't.
● Our changes may not be compatible with the recent
  updates but at least you didn't lose all your work.

So remember, think twice before customizing core theme files,
create a child theme, and only you can prevent forest fires.
Responsiveness & Awesomeness
      "Big things come in small packages"
    Mobile devices have never been so popular

●   Fast web browsing
●   Powerful processors
●   High screen resolutions
●   Broad Demographics
●   On-the-go
Responsive Design
                       The Problem
● Mobile browsers zoom out to the width of the site
● Difficult to read, touch links. and navigate
        I know what awesomeness is, but what's
                   responsiveness?
● It's how your site reacts to the screen it's being display
   upon. Minimizes issues by adjusting to the screen
● Responsive design is very important with delivering the
   right content.
Why Responsive is Important
●   Mobile friendly
●   Mobile advertising
●   Mobile traffic
●   Professionalism
●   User friendliness
●   Increased conversations
●   Current location (off topic but still cool)
Imagine you own a restaurant.
●   You run ads in a popular iPhone app.
●   Your food looks delicious.
●   Person clicks on your ad.
●   They want to quickly see your menu and your prices.
●   But your website isn't responsive. uh oh...
Instead they see a blurry slideshow
and tiny links. That might be beautiful
on your desktop but it's customer
repellent on a mobile phone. Which
of course is not cool.
This time your theme is responsive....
Person clicks on your ad. They want to quickly see your
menu and your prices. Your theme has beautifully
responded to the smaller screen on their
phone. Instead of the slideshow & tiny
links, they see big Beautiful buttons they
can easily touch.
Let me show you the way...
● This time your theme is responsive....
● Person clicks on your ad.
● They want to quickly see your menu and your prices.
● Your theme has beautifully responded to the smaller
  screen on their phone.
● Instead of the slideshow & tiny links, they see big
  beautiful buttons they can easily touch.
●
They browse your menu, check your hours without any
hassle from their phone. 10 minutes later they are dining in
your restaurant and complimenting your mobile website.
Resources
WordPress Themes
http://codex.wordpress.org/Using_Themes
http://codex.wordpress.org/Child_Themes
http://codex.wordpress.org/Functions_File_Explained
http://wordpress.org/extend/themes/


Responsive Web Design
http://en.wikipedia.org/wiki/Responsive_web_design
http://msdn.microsoft.com/en-us/magazine/hh653584.aspx
http://www.w3.org/TR/css3-mediaqueries/
by Clifton Hatfield
http://cliftonhatfield.com
http://facebook.com/cliftonhatfied.page
http://empoweredblogs.com

More Related Content

Viewers also liked

Themes: What they Are - How To Use 'Em - DaytonWP November 2012 MeetUp
Themes: What they Are - How To Use 'Em - DaytonWP November 2012 MeetUpThemes: What they Are - How To Use 'Em - DaytonWP November 2012 MeetUp
Themes: What they Are - How To Use 'Em - DaytonWP November 2012 MeetUp
DaytonWP
 
What's New in 3.5 - DaytonWP December 2012 MeetUp
What's New in 3.5 - DaytonWP December 2012 MeetUpWhat's New in 3.5 - DaytonWP December 2012 MeetUp
What's New in 3.5 - DaytonWP December 2012 MeetUp
DaytonWP
 
WordPress Security: Get it or Lose It - DaytonWP January 2013 MeetUp
WordPress Security: Get it or Lose It - DaytonWP January 2013 MeetUpWordPress Security: Get it or Lose It - DaytonWP January 2013 MeetUp
WordPress Security: Get it or Lose It - DaytonWP January 2013 MeetUp
DaytonWP
 
Round Table: Content-Content-Content - DaytonWP February 2013 MeetUp
Round Table: Content-Content-Content - DaytonWP February 2013 MeetUpRound Table: Content-Content-Content - DaytonWP February 2013 MeetUp
Round Table: Content-Content-Content - DaytonWP February 2013 MeetUp
DaytonWP
 
WordPress SEO by Yoast - DaytonWP November 2013 MeetUp
WordPress SEO by Yoast - DaytonWP November 2013 MeetUpWordPress SEO by Yoast - DaytonWP November 2013 MeetUp
WordPress SEO by Yoast - DaytonWP November 2013 MeetUp
DaytonWP
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
Luminary Labs
 

Viewers also liked (6)

Themes: What they Are - How To Use 'Em - DaytonWP November 2012 MeetUp
Themes: What they Are - How To Use 'Em - DaytonWP November 2012 MeetUpThemes: What they Are - How To Use 'Em - DaytonWP November 2012 MeetUp
Themes: What they Are - How To Use 'Em - DaytonWP November 2012 MeetUp
 
What's New in 3.5 - DaytonWP December 2012 MeetUp
What's New in 3.5 - DaytonWP December 2012 MeetUpWhat's New in 3.5 - DaytonWP December 2012 MeetUp
What's New in 3.5 - DaytonWP December 2012 MeetUp
 
WordPress Security: Get it or Lose It - DaytonWP January 2013 MeetUp
WordPress Security: Get it or Lose It - DaytonWP January 2013 MeetUpWordPress Security: Get it or Lose It - DaytonWP January 2013 MeetUp
WordPress Security: Get it or Lose It - DaytonWP January 2013 MeetUp
 
Round Table: Content-Content-Content - DaytonWP February 2013 MeetUp
Round Table: Content-Content-Content - DaytonWP February 2013 MeetUpRound Table: Content-Content-Content - DaytonWP February 2013 MeetUp
Round Table: Content-Content-Content - DaytonWP February 2013 MeetUp
 
WordPress SEO by Yoast - DaytonWP November 2013 MeetUp
WordPress SEO by Yoast - DaytonWP November 2013 MeetUpWordPress SEO by Yoast - DaytonWP November 2013 MeetUp
WordPress SEO by Yoast - DaytonWP November 2013 MeetUp
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
 

Similar to WordPress Themes: underlying, unifying design for a blog

WordPress 101
WordPress 101 WordPress 101
WordPress 101
Laura Hartwig
 
Developing Custom WordPress Themes for Clients
Developing Custom WordPress Themes for ClientsDeveloping Custom WordPress Themes for Clients
Developing Custom WordPress Themes for Clients
Steven Slack
 
Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]
Aimee Maree Forsstrom
 
Going Global WordPress Multilingual
Going Global WordPress MultilingualGoing Global WordPress Multilingual
Going Global WordPress Multilingual
Rocket WordPress and Internet Marketing Agency
 
Minimal responsive blog theme
Minimal responsive blog themeMinimal responsive blog theme
Minimal responsive blog theme
Jenifer Angle
 
Web Design for Literary Theorists I: Introduction to HTML
Web Design for Literary Theorists I: Introduction to HTMLWeb Design for Literary Theorists I: Introduction to HTML
Web Design for Literary Theorists I: Introduction to HTML
Patrick Mooney
 
Beyond responsive design - UI for the modern web application - Pete Smith - C...
Beyond responsive design - UI for the modern web application - Pete Smith - C...Beyond responsive design - UI for the modern web application - Pete Smith - C...
Beyond responsive design - UI for the modern web application - Pete Smith - C...
Codemotion
 
Speedrun: Build a Website with Panels, Media, and More in 45 Minutes
Speedrun: Build a Website with Panels, Media, and More in 45 MinutesSpeedrun: Build a Website with Panels, Media, and More in 45 Minutes
Speedrun: Build a Website with Panels, Media, and More in 45 Minutes
Acquia
 
Introduction to Wordpress
Introduction to WordpressIntroduction to Wordpress
Introduction to Wordpress
Sandy Ratliff
 
Going Global - WordPress Multilingual
Going Global - WordPress MultilingualGoing Global - WordPress Multilingual
Going Global - WordPress Multilingual
Amit Kvint
 
Building A Tasty Backend
Building A Tasty BackendBuilding A Tasty Backend
Building A Tasty Backend
Jennifer Tehan
 
Wordcampraleigh
WordcampraleighWordcampraleigh
Wordcampraleigh
Corey Freeman
 
We’re Going Mobile! Great! Wait… What Does That Mean?
We’re Going Mobile! Great! Wait… What Does That Mean?We’re Going Mobile! Great! Wait… What Does That Mean?
We’re Going Mobile! Great! Wait… What Does That Mean?
STC-Philadelphia Metro Chapter
 
Wordpress Setup Guide
Wordpress Setup GuideWordpress Setup Guide
Wordpress Setup Guide
Danielle Leigh
 
Getting started with dev tools (05 09-17, santa monica) upload
Getting started with dev tools (05 09-17, santa monica) uploadGetting started with dev tools (05 09-17, santa monica) upload
Getting started with dev tools (05 09-17, santa monica) upload
Thinkful
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
Domestic Equity Studio
 
Small Business Websites - Little Tips that Will Make a BIG Difference!
Small Business Websites - Little Tips that Will Make a BIG Difference!Small Business Websites - Little Tips that Will Make a BIG Difference!
Small Business Websites - Little Tips that Will Make a BIG Difference!
Wellspring Digital
 
Evaluating & selecting themes
Evaluating & selecting themesEvaluating & selecting themes
Evaluating & selecting themes
Becky Davis
 
WordPress: After The Install
WordPress: After The InstallWordPress: After The Install
WordPress: After The Install
WordPress NYC
 
Onetone theme review
Onetone theme reviewOnetone theme review
Onetone theme review
Debbie Koury
 

Similar to WordPress Themes: underlying, unifying design for a blog (20)

WordPress 101
WordPress 101 WordPress 101
WordPress 101
 
Developing Custom WordPress Themes for Clients
Developing Custom WordPress Themes for ClientsDeveloping Custom WordPress Themes for Clients
Developing Custom WordPress Themes for Clients
 
Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]
 
Going Global WordPress Multilingual
Going Global WordPress MultilingualGoing Global WordPress Multilingual
Going Global WordPress Multilingual
 
Minimal responsive blog theme
Minimal responsive blog themeMinimal responsive blog theme
Minimal responsive blog theme
 
Web Design for Literary Theorists I: Introduction to HTML
Web Design for Literary Theorists I: Introduction to HTMLWeb Design for Literary Theorists I: Introduction to HTML
Web Design for Literary Theorists I: Introduction to HTML
 
Beyond responsive design - UI for the modern web application - Pete Smith - C...
Beyond responsive design - UI for the modern web application - Pete Smith - C...Beyond responsive design - UI for the modern web application - Pete Smith - C...
Beyond responsive design - UI for the modern web application - Pete Smith - C...
 
Speedrun: Build a Website with Panels, Media, and More in 45 Minutes
Speedrun: Build a Website with Panels, Media, and More in 45 MinutesSpeedrun: Build a Website with Panels, Media, and More in 45 Minutes
Speedrun: Build a Website with Panels, Media, and More in 45 Minutes
 
Introduction to Wordpress
Introduction to WordpressIntroduction to Wordpress
Introduction to Wordpress
 
Going Global - WordPress Multilingual
Going Global - WordPress MultilingualGoing Global - WordPress Multilingual
Going Global - WordPress Multilingual
 
Building A Tasty Backend
Building A Tasty BackendBuilding A Tasty Backend
Building A Tasty Backend
 
Wordcampraleigh
WordcampraleighWordcampraleigh
Wordcampraleigh
 
We’re Going Mobile! Great! Wait… What Does That Mean?
We’re Going Mobile! Great! Wait… What Does That Mean?We’re Going Mobile! Great! Wait… What Does That Mean?
We’re Going Mobile! Great! Wait… What Does That Mean?
 
Wordpress Setup Guide
Wordpress Setup GuideWordpress Setup Guide
Wordpress Setup Guide
 
Getting started with dev tools (05 09-17, santa monica) upload
Getting started with dev tools (05 09-17, santa monica) uploadGetting started with dev tools (05 09-17, santa monica) upload
Getting started with dev tools (05 09-17, santa monica) upload
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
 
Small Business Websites - Little Tips that Will Make a BIG Difference!
Small Business Websites - Little Tips that Will Make a BIG Difference!Small Business Websites - Little Tips that Will Make a BIG Difference!
Small Business Websites - Little Tips that Will Make a BIG Difference!
 
Evaluating & selecting themes
Evaluating & selecting themesEvaluating & selecting themes
Evaluating & selecting themes
 
WordPress: After The Install
WordPress: After The InstallWordPress: After The Install
WordPress: After The Install
 
Onetone theme review
Onetone theme reviewOnetone theme review
Onetone theme review
 

Recently uploaded

一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
bz42w9z0
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
k4krdgxx
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
67n7f53
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
zv943dhb
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
EricHo305923
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
yk5hdsnr
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
RPWORLD Manufacturing
 
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
sf3cfttw
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 

Recently uploaded (20)

一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
 
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 

WordPress Themes: underlying, unifying design for a blog

  • 2. My Background ● Father ● Husband ● Developer ● Ninja ● Creating themes & plugins for past five years ● Built hundreds of blogs ● Plugins: thousands of downloads worldwide
  • 3. What is a theme?! A WordPress Theme is a collection of files that work together to produce a graphical interface with an underlying, unifying design for a blog. Huh? In English... ● Gives your blog its appearance ● What visitors see ● Graphics & Colors ● Typography ● Responsiveness & Awesomeness
  • 4. "Simplicity is the ultimate sophistication." ...and sometimes not so awesome.
  • 5. Not All Themes Are Created Equal Free Themes Premium Themes Freemium Themes
  • 6. Free Themes ● Cost: Free ● Lack flexibility & customization ● Less features ● Plain appearance ● Great for content delivery ● Straight to the point ● Unsupported or slow development ● Often outdated
  • 7. Premium Themes ● Cost: Paid....but sometimes free! ● More options & flexibility ● Beautiful appearance ● Custom layouts ● Supported & maintained ● Large communities ● Customize to fit your needs & deep desires
  • 8. Freemium Themes ● Cost: Free...with option to pay ● Same as Premium Theme Option to pay?! what?! Pay to remove footer links, ads, or acquire enhanced features.
  • 9. GPL Licensing & Open Source ● Open source means free, right?! Yes & No! ● Free as in freedom. Not free like those cheese samples you swipe at the grocery store. ● GPL is the freedom to receive & change the source code. ● All WordPress software should be covered under GPL or similar licensing. (themes & plugins)
  • 10. Customizing Your Theme ● Never ever..ever edit the core files of WordPress...ever. ● Lose your changes during an update ● Bad practice ● Never had reason to do it..ever.
  • 11. How to easily customize a theme ● Go Premium! ● Premium themes have user friendly options ● Look for a demo to check out its options ● Does it fit your needs?
  • 12. For the Hardcore Customizing ● Be a ninja ● All WP themes should be GPL (look for this) ● Customizing Theme core files is bad practice ● Utilize the functions.php file
  • 13. More Hardcore Customizing The functions.php file ● /wp-content/themes/themename/functions.php ● Acts much like a plugin ● Change default behaviors of your theme or WordPress ● Use WP hooks, actions, and filters ● Turn on theme support for post thumbnails, menu, etc ● Several blocks of code to expand the functionality of the active theme.
  • 14. Even More Hardcode Customizing Child Theme ● Dependant on a parent theme (premium) ● Files in Child Theme override parent theme files ● functions.php in child can replace parent functions ● Unique headers in style.css to identify child & parent ● /wp-content/themes/childthemename/
  • 15. Hardcore Customizing Continues Want to add a subscription box to your theme's homepage? ● Create a duplicate of the parent theme's index.php file ● Place duplicate file in child theme directory ● Customize duplicate index.php file in child theme ● Active the child theme ● The duplicate index.php will override the parent's index. php
  • 16. Why go through the trouble? GPL gives us the freedom to copy and improve already written code. Awesome! But it's not always a good idea. ● Child themes protect changes from the update monster. ● When the parent theme is updated, the child theme isn't. ● Our changes may not be compatible with the recent updates but at least you didn't lose all your work. So remember, think twice before customizing core theme files, create a child theme, and only you can prevent forest fires.
  • 17. Responsiveness & Awesomeness "Big things come in small packages" Mobile devices have never been so popular ● Fast web browsing ● Powerful processors ● High screen resolutions ● Broad Demographics ● On-the-go
  • 18. Responsive Design The Problem ● Mobile browsers zoom out to the width of the site ● Difficult to read, touch links. and navigate I know what awesomeness is, but what's responsiveness? ● It's how your site reacts to the screen it's being display upon. Minimizes issues by adjusting to the screen ● Responsive design is very important with delivering the right content.
  • 19. Why Responsive is Important ● Mobile friendly ● Mobile advertising ● Mobile traffic ● Professionalism ● User friendliness ● Increased conversations ● Current location (off topic but still cool)
  • 20. Imagine you own a restaurant.
  • 21. You run ads in a popular iPhone app. ● Your food looks delicious. ● Person clicks on your ad. ● They want to quickly see your menu and your prices. ● But your website isn't responsive. uh oh...
  • 22. Instead they see a blurry slideshow and tiny links. That might be beautiful on your desktop but it's customer repellent on a mobile phone. Which of course is not cool.
  • 23. This time your theme is responsive.... Person clicks on your ad. They want to quickly see your menu and your prices. Your theme has beautifully responded to the smaller screen on their phone. Instead of the slideshow & tiny links, they see big Beautiful buttons they can easily touch.
  • 24. Let me show you the way... ● This time your theme is responsive.... ● Person clicks on your ad. ● They want to quickly see your menu and your prices. ● Your theme has beautifully responded to the smaller screen on their phone. ● Instead of the slideshow & tiny links, they see big beautiful buttons they can easily touch. ●
  • 25. They browse your menu, check your hours without any hassle from their phone. 10 minutes later they are dining in your restaurant and complimenting your mobile website.
  • 26. Resources WordPress Themes http://codex.wordpress.org/Using_Themes http://codex.wordpress.org/Child_Themes http://codex.wordpress.org/Functions_File_Explained http://wordpress.org/extend/themes/ Responsive Web Design http://en.wikipedia.org/wiki/Responsive_web_design http://msdn.microsoft.com/en-us/magazine/hh653584.aspx http://www.w3.org/TR/css3-mediaqueries/