WordPress Theme Basics
-
Upload
jen-jamar -
Category
Technology
-
view
124 -
download
0
Transcript of WordPress Theme Basics
![Page 1: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/1.jpg)
![Page 2: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/2.jpg)
What’s A Theme?
Themes control what people see on the front end of your website.
If WordPress is the engine powering your site, themes are the body of the car it drives.
![Page 3: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/3.jpg)
More Than Just LooksThemes are responsible for:
• Hiding or showing content & metadata
• Creating containers to insert widgets & menus
• Enabling adding functionality (often powered by plugins)
![Page 4: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/4.jpg)
Controlled By Your Theme• Number of columns
• Styles & CSS
• Typography
• Thumbnail image placement & size
• Meta information display & size
![Page 5: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/5.jpg)
Twenty Sixteen (Default Theme)• Pre-loaded when you install WordPress
• Used to showcase the features of WordPress
• New default theme released each year
• Super useful when things go wrong
![Page 7: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/7.jpg)
Appearance > Themes
![Page 8: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/8.jpg)
Commercial Themes
![Page 9: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/9.jpg)
![Page 10: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/10.jpg)
![Page 11: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/11.jpg)
Child Themes• 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.
Source: WordPress Codex
![Page 12: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/12.jpg)
Theme Considerations
• What are you using it for?
• Key functionality
• Translations/multilingual considerations
• Plugin compatibility
• Ease of use
• Responsive is not optional
![Page 13: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/13.jpg)
Evaluating ThemesWho’s the author?
Popularity/downloads
Ratings & reviews
Support
![Page 14: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/14.jpg)
• Last Updated • Popularity • Rating
![Page 15: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/15.jpg)
![Page 16: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/16.jpg)
What do users have to say about features and support?
![Page 17: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/17.jpg)
Installing a Theme
![Page 18: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/18.jpg)
![Page 19: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/19.jpg)
![Page 20: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/20.jpg)
![Page 21: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/21.jpg)
Exercise: Play Around With Live Previews
![Page 22: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/22.jpg)
![Page 23: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/23.jpg)
Exercise:Install a New Theme
![Page 24: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/24.jpg)
Activating a Theme
![Page 25: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/25.jpg)
![Page 26: WordPress Theme Basics](https://reader035.fdocuments.net/reader035/viewer/2022062306/587c3cfe1a28ab5a1d8b569b/html5/thumbnails/26.jpg)
Customizer Lab