speaker Multimusen

How to Develop WordPress Themes

January 30th, 2014 by

Learning Objectives

  • Child Themes
  • Barebone
  • From Scratch

Sources

Inspiration – CssZengarden

If you want to experiment with style, then the CSSZengarden is an excellent challenge. When your CSS is ready just implement your new creative style in WP.

Also try to install some Web Developer Tools in your favorite browser. I use the Web Developer for Chrome, but you may want something more fancy than that.

From a designer’s point of view much can be done using CSS. But you have to analyze the ids and classes in WP – when you know them – the magick of the designer may begin.

Dive into a Child Theme

  1. Find the ids and classes in a not too complicated WordPress theme.
  2. Hack a CSS that will change some of these styles.
  3. Try to implement a fancy online font (e.g. google fonts) via CSS.
  4. Use CSS to hide what you do not need – and add ornaments, icons and elaborate decorations.

Ad A) The anatomy of a WP theme

The minimum requierements for a WP theme is:

A basic overview of a WP theme on Siteground: “How to Create WordPress Theme”

Ad B) Child Themes

If you modify the code in a WP theme everything is lost when you update to a new version. Updating is important for security reasons. So how do you avoid this problem? The answer is:

– Use a child theme!

Create a folder on your PC for the files. Then make a file and name it style.css. Edit the comments for wordpress. Import all stylesheets from your theme. Then you’re ready to improve the design. Below is a sample style.css file.

Ad C) Themes (more or less) From Scratch

Security

Usefull tools