Book Image

Learn to Create WordPress Themes by Building 5 Projects

By : Eduonix Learning Solutions
Book Image

Learn to Create WordPress Themes by Building 5 Projects

By: Eduonix Learning Solutions

Overview of this book

WordPress has emerged as a powerful, easy-to-use tool to design attractive, engaging websites. Themes play a big role in making WordPress as popular as it is today, and having an eye-catching, fully-functional theme could separate your website from the rest! This book will help you take your first steps in the WordPress theme development process, with 5 different projects centered around creating unique and responsive WordPress themes. Start with creating a simple WordPress theme using HTML5, CSS, and PHP. Then, you will move on to incorporate different APIs, widgets, and tools such as Bootstrap and jQuery to create more dynamic and highly-functional themes. Whether you want to create a photo gallery theme, a highly customizable e-commerce theme, or a theme designed to suit a particular business, this book will teach you everything you need to know. By the end of this highly interactive book, you will have the required mastery to develop WordPress themes from scratch.
Table of Contents (6 chapters)

The custom showcase widget plugin

In this section we'll create a custom widget for our theme. We have the showcase area on our web page and we will create a widget that can take in a title and some text, and will spit it out right in the widget position.

If we look at the documentation page at https://codex.wordpress.org/Widgets_API for the Widgets API, what we need to do basically is create a class that extends WP_Widget, and it's going to have a few different methods. It'll have a constructor to call the constructor of the parent class and also set up the title and description, the widget method that will output the content of the widget, the form method that will output the admin form, and update that will take care of updating any fields.

We'll go into the wp-content | plugins folder and create a new folder there, showcase-widget (although it is a plugin...