SlideShare ist ein Scribd-Unternehmen logo
1 von 17
Downloaden Sie, um offline zu lesen
WordPress Vienna Meetup 7.6.2017
How to select, install and
customize a WordPress theme
Agenda
§ Personal introduction
§ How to find a suitable theme
§ Automatic vs. manual theme installation
§ The WordPress file system
§ Theme customisation
§ Child theme setup
§ Questions?
Feel free to ask any time!
kreativhuhn
§ Webagentur aus Gols
§  Spezialisiert auf Online-Marketing, Websites & E-Commerce
§  Google Partner
§ Stefanie Drucker
§  Digitale Medientechnikerin
§  Zertifizierte Expertin für Online-Marketing
§  Websites seit Ende der 90er
§  „Online Marketing Native“
§  Eigene Webagentur seit 2011
§ Einzelunternehmen + SpezialistInnen-Netzwerk
§  SpezialistInnen-Netzwerk:
Zusammenarbeit mit ExpertInnen individuell bei Bedarf
§  z.B. für Content, andere CMS-Systeme wie TYPO3,
Grafikdesign und manchmal auch WordPress-Entwicklung
REFRACTORY SYSTEMS AND SOLUTIONS
Kunden
Shabby ist chic
Fräulein Annabell
Burgenland
Pflege
Kranken
Kinder
Mobile
How to find a suitable WordPress theme
§ Considerations:
§  What is the purpose of your website?
Small website, large website, blog, one-page website, e-commerce, ...
§  Do you have any special or business-specific requirements?
E.g. page builder, Bootstrap, real estate, restaurant...
§  Price: Do you have budget for buying a theme?
§ Mandatory requirements:
§  Stable (no beta, no v1.0, good ratings, many users)
§  Up-to-date (last update should be within the last few months)
§  Compatibility with current WordPress release (v4.7.5 at the moment)
§  Compatibility with common plugins/plugins you need (e.g. WPML, WooCommerce)
§  Theme support
§  Responsive Design
Where to search for themes
§ WordPress Theme Directory
https://wordpress.org/themes/
or in your backend à Appearance à Themes à Add New
§  Basic filter possibilities
§  Look at compatibility, ratings, active installs and support forums
§ Theme marketplaces
e.g. https://themeforest.net/
§  Many filter criterias and detailled information about the themes – use it!
§  Big Community + forums
§ Google J
§  There are sooo many different theme stores and blog articles out there.
§  Also use Google to find out more about a theme you have found!
Free WordPress themes
§ WordPress‘ default theme:
Twenty Seventeen
§  OK for playing around when learning WordPress
§  OK for small websites and blogs without ambitions J
§  Very simple design
§  Only very basic customisation possibilities
§ Search wordpress.org – often there is a free and a premium version of
the same theme with extended features if you buy a licence
Some premium theme recommendations
Some of the best and most popular multi-purpose themes
§ Great compatibility, many users and regular updates, good support
§ Good visual page builders
§ Enfold by kriesi
http://www.kriesi.at/ and on themeforrest (made in Austria)
§ Divi by elegant themes
https://www.elegantthemes.com/gallery/divi/
§ X Theme by themeco
https://theme.co/x/
...and many more – tell me what you are using!
Multi-purpose themes
§ Pros:
§  Many, many features and possibilities
§  Common multi-purpose themes are permanently updated and supported
§  Good backend usability thanks to drag & drop editors / visual page builders
§  Very helpful if you develop or manage many websites – use one theme for all
§  Great for everyone who is no programmer because of many settings for
customisation
§ Cons:
§  Feature overload – usually you never need all the functionality and it makes
§  Eventually lower performance on slow webservers because of unnecessary
code
Theme installation
1. Upload and unzip the theme directory to your webhost
§ Search for a free theme in the WordPress theme directory
à Appearance à Themes à Add New à Install
§ Upload any theme‘s zip file through the backend
à Appearance à Themes à Add New à Upload Theme
§ Upload any unzipped theme via FTP to /wp-content/themes/
2. Activate the theme in the backend
à Appearance à Themes
3. Customise the theme for your needs
The WordPress file system
Theme files
§ Found in /wp-content/themes/ directory
§ Every theme that is installed on your WordPress has it‘s own directory
here.
§ Never change files of the original theme to keep it upgrade safe!
§ If you want to change your theme, make your own child theme
Theme customisation
§ Basic customisation with WordPress default backend features
à Appearance à Customise
§ Additional admin pages for customisation may come with your theme
§  Common multi-purpose themes come with plenty settings to adapt design and
behaviour of your website.
§  Great for non-programmers:
You don‘t need to know how to code and usually get good support in theme
forums.
§ Go into code!
...but use your own child theme!!!
Child theme setup
§ Make a new theme directory
e.g. /wp-content/themes/mychildtheme
§ Make a new file inside this directory and name it style.css
§ This file has to start with the following code:
Child theme setup
§ Important are:
§  Giving your child theme a name
§  Naming the original theme name as template
§  Referring to the original theme‘s style.css
§ Basically that‘s it!
Now you can activate your own child theme on the backend and make
any theme customisations or extensions inside the child theme folder
§  Add custom css code to the style.css
§  Extend functionality by adding your own functions.php file
§  Override template php files of the original theme by copying them here and
change anything you want or add own template files.
Recommendations
§ Use the resources on wordpress.org to learn more about file structure
and how to make your own template files
§ Template file hierarchy:
https://developer.wordpress.org/themes/basics/template-hierarchy/
§ Use forums and Google search
§ Don‘t be afraid, try everything out, make your own theme!
...but don‘t do that on your live website, make a copy of it for testing and
development
§ Make backups!!!
J
Thanks!

Weitere ähnliche Inhalte

Was ist angesagt?

Child Theming: An Introduction to Wordpress Theme Development with Wordpres...
Child Theming: An Introduction to  Wordpress Theme Development  with Wordpres...Child Theming: An Introduction to  Wordpress Theme Development  with Wordpres...
Child Theming: An Introduction to Wordpress Theme Development with Wordpres...Aban Nesta
 
Why Blogs Are Better
Why Blogs Are BetterWhy Blogs Are Better
Why Blogs Are BetterTris Hussey
 
Savvy Blogging with WordPress: Getting Started
Savvy Blogging with WordPress: Getting StartedSavvy Blogging with WordPress: Getting Started
Savvy Blogging with WordPress: Getting StartedBobWP.com
 
11 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 201411 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 2014WordPressBrisbane
 
WordPress the Right Way
WordPress the Right WayWordPress the Right Way
WordPress the Right WayCody Landefeld
 
Savvy Blogging: Getting Started with WordPress
Savvy Blogging: Getting Started with WordPressSavvy Blogging: Getting Started with WordPress
Savvy Blogging: Getting Started with WordPressBobWP.com
 
Food blogging at UBC
Food blogging at UBCFood blogging at UBC
Food blogging at UBCTris Hussey
 
EndLess Possibilities With Wordpress
EndLess Possibilities With WordpressEndLess Possibilities With Wordpress
EndLess Possibilities With WordpressImanuel Gittens
 
WordPress Themes: underlying, unifying design for a blog
WordPress Themes: underlying, unifying design for a blog WordPress Themes: underlying, unifying design for a blog
WordPress Themes: underlying, unifying design for a blog DaytonWP
 
PEPY Wordpress workshop-01
PEPY Wordpress workshop-01PEPY Wordpress workshop-01
PEPY Wordpress workshop-01Wei Peng
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriaraiwebcat
 
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
 
Web presence presentation
Web presence presentationWeb presence presentation
Web presence presentationAlexandraStorch
 
Rapid WordPress theme development
Rapid WordPress theme developmentRapid WordPress theme development
Rapid WordPress theme developmentJonny Allbut
 
Blog and how to generate income using it!
Blog and how to generate income using it!Blog and how to generate income using it!
Blog and how to generate income using it!Wong Hoong Kim
 
Blackrock intro presentation
Blackrock intro presentationBlackrock intro presentation
Blackrock intro presentationOwen Forsyth
 
Savvy Blogging with WordPress: Getting Started
Savvy Blogging with WordPress: Getting StartedSavvy Blogging with WordPress: Getting Started
Savvy Blogging with WordPress: Getting StartedBobWP.com
 

Was ist angesagt? (20)

Child Theming: An Introduction to Wordpress Theme Development with Wordpres...
Child Theming: An Introduction to  Wordpress Theme Development  with Wordpres...Child Theming: An Introduction to  Wordpress Theme Development  with Wordpres...
Child Theming: An Introduction to Wordpress Theme Development with Wordpres...
 
Why Blogs Are Better
Why Blogs Are BetterWhy Blogs Are Better
Why Blogs Are Better
 
Ten tips for word press success
Ten tips for word press successTen tips for word press success
Ten tips for word press success
 
Savvy Blogging with WordPress: Getting Started
Savvy Blogging with WordPress: Getting StartedSavvy Blogging with WordPress: Getting Started
Savvy Blogging with WordPress: Getting Started
 
11 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 201411 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 2014
 
WordPress the Right Way
WordPress the Right WayWordPress the Right Way
WordPress the Right Way
 
Savvy Blogging: Getting Started with WordPress
Savvy Blogging: Getting Started with WordPressSavvy Blogging: Getting Started with WordPress
Savvy Blogging: Getting Started with WordPress
 
Food blogging at UBC
Food blogging at UBCFood blogging at UBC
Food blogging at UBC
 
EndLess Possibilities With Wordpress
EndLess Possibilities With WordpressEndLess Possibilities With Wordpress
EndLess Possibilities With Wordpress
 
WordPress Themes: underlying, unifying design for a blog
WordPress Themes: underlying, unifying design for a blog WordPress Themes: underlying, unifying design for a blog
WordPress Themes: underlying, unifying design for a blog
 
PEPY Wordpress workshop-01
PEPY Wordpress workshop-01PEPY Wordpress workshop-01
PEPY Wordpress workshop-01
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
 
Technical SEO for WordPress
Technical SEO for WordPressTechnical SEO for WordPress
Technical SEO for WordPress
 
Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]Accessibility with Joomla [on a budget]
Accessibility with Joomla [on a budget]
 
Web presence presentation
Web presence presentationWeb presence presentation
Web presence presentation
 
Rapid WordPress theme development
Rapid WordPress theme developmentRapid WordPress theme development
Rapid WordPress theme development
 
Blog and how to generate income using it!
Blog and how to generate income using it!Blog and how to generate income using it!
Blog and how to generate income using it!
 
Blackrock intro presentation
Blackrock intro presentationBlackrock intro presentation
Blackrock intro presentation
 
Savvy Blogging with WordPress: Getting Started
Savvy Blogging with WordPress: Getting StartedSavvy Blogging with WordPress: Getting Started
Savvy Blogging with WordPress: Getting Started
 
Top reasons to design your website in word press | thoughtfulminds
Top reasons to design your website in word press | thoughtfulmindsTop reasons to design your website in word press | thoughtfulminds
Top reasons to design your website in word press | thoughtfulminds
 

Ähnlich wie How to select, install and customize a WordPress theme

How To Choose A Theme
How To Choose A ThemeHow To Choose A Theme
How To Choose A ThemeNicky Pink
 
Theme frameworks & child themes
Theme frameworks & child themesTheme frameworks & child themes
Theme frameworks & child themesChris Olbekson
 
Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.Jacob Martella
 
Child themes
Child themesChild themes
Child themesbobwlsn
 
Smart Development-Happy Clients
Smart Development-Happy ClientsSmart Development-Happy Clients
Smart Development-Happy ClientsAbhishek Rijal
 
Rockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child ThemesRockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child ThemesAndrew Wikel
 
How word press themes work 2.19.18
How word press themes work 2.19.18How word press themes work 2.19.18
How word press themes work 2.19.18HandsOnWP.com
 
WordPress Theme Basics
WordPress Theme BasicsWordPress Theme Basics
WordPress Theme BasicsJen Jamar
 
Theme development essentials columbus oh word camp 2012
Theme development essentials   columbus oh word camp 2012Theme development essentials   columbus oh word camp 2012
Theme development essentials columbus oh word camp 2012Joe Querin
 
Getting Started with Wordpress
Getting Started with WordpressGetting Started with Wordpress
Getting Started with WordpressTom Semmes
 
Choosing the Right WordPress Theme
Choosing the Right WordPress ThemeChoosing the Right WordPress Theme
Choosing the Right WordPress ThemeChris Burgess
 
WordPress Theme Workshop: Part 1
WordPress Theme Workshop: Part 1WordPress Theme Workshop: Part 1
WordPress Theme Workshop: Part 1David Bisset
 
Firstborn child theme word camp presentation - atlanta 2013
Firstborn child theme   word camp presentation - atlanta 2013Firstborn child theme   word camp presentation - atlanta 2013
Firstborn child theme word camp presentation - atlanta 2013Evan Mullins
 
Take Control of Your Site w/ WordPress
Take Control of Your Site w/ WordPressTake Control of Your Site w/ WordPress
Take Control of Your Site w/ WordPressBecky Davis
 
WordPress Intermediate Workshop
WordPress Intermediate WorkshopWordPress Intermediate Workshop
WordPress Intermediate WorkshopThe Toolbox, Inc.
 
Websites With Wordpress
Websites With WordpressWebsites With Wordpress
Websites With WordpressCharly Leetham
 
Thoughtful theming
Thoughtful themingThoughtful theming
Thoughtful themingonefinejay
 
WordPress and Child Themes
WordPress and Child ThemesWordPress and Child Themes
WordPress and Child Themesnairobiwordcamp
 

Ähnlich wie How to select, install and customize a WordPress theme (20)

How To Choose A Theme
How To Choose A ThemeHow To Choose A Theme
How To Choose A Theme
 
Theme frameworks & child themes
Theme frameworks & child themesTheme frameworks & child themes
Theme frameworks & child themes
 
Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.
 
Child themes
Child themesChild themes
Child themes
 
Smart Development-Happy Clients
Smart Development-Happy ClientsSmart Development-Happy Clients
Smart Development-Happy Clients
 
Rockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child ThemesRockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child Themes
 
How word press themes work 2.19.18
How word press themes work 2.19.18How word press themes work 2.19.18
How word press themes work 2.19.18
 
WordPress Theme Basics
WordPress Theme BasicsWordPress Theme Basics
WordPress Theme Basics
 
Theme development essentials columbus oh word camp 2012
Theme development essentials   columbus oh word camp 2012Theme development essentials   columbus oh word camp 2012
Theme development essentials columbus oh word camp 2012
 
Getting Started with Wordpress
Getting Started with WordpressGetting Started with Wordpress
Getting Started with Wordpress
 
Choosing the Right WordPress Theme
Choosing the Right WordPress ThemeChoosing the Right WordPress Theme
Choosing the Right WordPress Theme
 
WordPress Theme Workshop: Part 1
WordPress Theme Workshop: Part 1WordPress Theme Workshop: Part 1
WordPress Theme Workshop: Part 1
 
Firstborn child theme word camp presentation - atlanta 2013
Firstborn child theme   word camp presentation - atlanta 2013Firstborn child theme   word camp presentation - atlanta 2013
Firstborn child theme word camp presentation - atlanta 2013
 
Take Control of Your Site w/ WordPress
Take Control of Your Site w/ WordPressTake Control of Your Site w/ WordPress
Take Control of Your Site w/ WordPress
 
HTML/CSS for WordPress
HTML/CSS for WordPressHTML/CSS for WordPress
HTML/CSS for WordPress
 
WordPress Intermediate Workshop
WordPress Intermediate WorkshopWordPress Intermediate Workshop
WordPress Intermediate Workshop
 
Websites With Wordpress
Websites With WordpressWebsites With Wordpress
Websites With Wordpress
 
Thoughtful theming
Thoughtful themingThoughtful theming
Thoughtful theming
 
WordPress and Child Themes
WordPress and Child ThemesWordPress and Child Themes
WordPress and Child Themes
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
 

Kürzlich hochgeladen

SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predieusebiomeyer
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Sonam Pathan
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Sonam Pathan
 
Q4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxQ4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxeditsforyah
 
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书rnrncn29
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa494f574xmv
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作ys8omjxb
 
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书zdzoqco
 
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationLinaWolf1
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一z xss
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书rnrncn29
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxDyna Gilbert
 
Contact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New DelhiContact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New Delhimiss dipika
 
NSX-T and Service Interfaces presentation
NSX-T and Service Interfaces presentationNSX-T and Service Interfaces presentation
NSX-T and Service Interfaces presentationMarko4394
 
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Paul Calvano
 

Kürzlich hochgeladen (17)

SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
 
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170
 
Q4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxQ4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptx
 
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
 
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
『澳洲文凭』买詹姆士库克大学毕业证书成绩单办理澳洲JCU文凭学位证书
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
 
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
办理多伦多大学毕业证成绩单|购买加拿大UTSG文凭证书
 
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 Documentation
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptx
 
Contact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New DelhiContact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New Delhi
 
NSX-T and Service Interfaces presentation
NSX-T and Service Interfaces presentationNSX-T and Service Interfaces presentation
NSX-T and Service Interfaces presentation
 
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24
 

How to select, install and customize a WordPress theme

  • 1. WordPress Vienna Meetup 7.6.2017 How to select, install and customize a WordPress theme
  • 2. Agenda § Personal introduction § How to find a suitable theme § Automatic vs. manual theme installation § The WordPress file system § Theme customisation § Child theme setup § Questions? Feel free to ask any time!
  • 3. kreativhuhn § Webagentur aus Gols §  Spezialisiert auf Online-Marketing, Websites & E-Commerce §  Google Partner § Stefanie Drucker §  Digitale Medientechnikerin §  Zertifizierte Expertin für Online-Marketing §  Websites seit Ende der 90er §  „Online Marketing Native“ §  Eigene Webagentur seit 2011 § Einzelunternehmen + SpezialistInnen-Netzwerk §  SpezialistInnen-Netzwerk: Zusammenarbeit mit ExpertInnen individuell bei Bedarf §  z.B. für Content, andere CMS-Systeme wie TYPO3, Grafikdesign und manchmal auch WordPress-Entwicklung
  • 4. REFRACTORY SYSTEMS AND SOLUTIONS Kunden Shabby ist chic Fräulein Annabell Burgenland Pflege Kranken Kinder Mobile
  • 5. How to find a suitable WordPress theme § Considerations: §  What is the purpose of your website? Small website, large website, blog, one-page website, e-commerce, ... §  Do you have any special or business-specific requirements? E.g. page builder, Bootstrap, real estate, restaurant... §  Price: Do you have budget for buying a theme? § Mandatory requirements: §  Stable (no beta, no v1.0, good ratings, many users) §  Up-to-date (last update should be within the last few months) §  Compatibility with current WordPress release (v4.7.5 at the moment) §  Compatibility with common plugins/plugins you need (e.g. WPML, WooCommerce) §  Theme support §  Responsive Design
  • 6. Where to search for themes § WordPress Theme Directory https://wordpress.org/themes/ or in your backend à Appearance à Themes à Add New §  Basic filter possibilities §  Look at compatibility, ratings, active installs and support forums § Theme marketplaces e.g. https://themeforest.net/ §  Many filter criterias and detailled information about the themes – use it! §  Big Community + forums § Google J §  There are sooo many different theme stores and blog articles out there. §  Also use Google to find out more about a theme you have found!
  • 7. Free WordPress themes § WordPress‘ default theme: Twenty Seventeen §  OK for playing around when learning WordPress §  OK for small websites and blogs without ambitions J §  Very simple design §  Only very basic customisation possibilities § Search wordpress.org – often there is a free and a premium version of the same theme with extended features if you buy a licence
  • 8. Some premium theme recommendations Some of the best and most popular multi-purpose themes § Great compatibility, many users and regular updates, good support § Good visual page builders § Enfold by kriesi http://www.kriesi.at/ and on themeforrest (made in Austria) § Divi by elegant themes https://www.elegantthemes.com/gallery/divi/ § X Theme by themeco https://theme.co/x/ ...and many more – tell me what you are using!
  • 9. Multi-purpose themes § Pros: §  Many, many features and possibilities §  Common multi-purpose themes are permanently updated and supported §  Good backend usability thanks to drag & drop editors / visual page builders §  Very helpful if you develop or manage many websites – use one theme for all §  Great for everyone who is no programmer because of many settings for customisation § Cons: §  Feature overload – usually you never need all the functionality and it makes §  Eventually lower performance on slow webservers because of unnecessary code
  • 10. Theme installation 1. Upload and unzip the theme directory to your webhost § Search for a free theme in the WordPress theme directory à Appearance à Themes à Add New à Install § Upload any theme‘s zip file through the backend à Appearance à Themes à Add New à Upload Theme § Upload any unzipped theme via FTP to /wp-content/themes/ 2. Activate the theme in the backend à Appearance à Themes 3. Customise the theme for your needs
  • 12. Theme files § Found in /wp-content/themes/ directory § Every theme that is installed on your WordPress has it‘s own directory here. § Never change files of the original theme to keep it upgrade safe! § If you want to change your theme, make your own child theme
  • 13. Theme customisation § Basic customisation with WordPress default backend features à Appearance à Customise § Additional admin pages for customisation may come with your theme §  Common multi-purpose themes come with plenty settings to adapt design and behaviour of your website. §  Great for non-programmers: You don‘t need to know how to code and usually get good support in theme forums. § Go into code! ...but use your own child theme!!!
  • 14. Child theme setup § Make a new theme directory e.g. /wp-content/themes/mychildtheme § Make a new file inside this directory and name it style.css § This file has to start with the following code:
  • 15. Child theme setup § Important are: §  Giving your child theme a name §  Naming the original theme name as template §  Referring to the original theme‘s style.css § Basically that‘s it! Now you can activate your own child theme on the backend and make any theme customisations or extensions inside the child theme folder §  Add custom css code to the style.css §  Extend functionality by adding your own functions.php file §  Override template php files of the original theme by copying them here and change anything you want or add own template files.
  • 16. Recommendations § Use the resources on wordpress.org to learn more about file structure and how to make your own template files § Template file hierarchy: https://developer.wordpress.org/themes/basics/template-hierarchy/ § Use forums and Google search § Don‘t be afraid, try everything out, make your own theme! ...but don‘t do that on your live website, make a copy of it for testing and development § Make backups!!!