Learn how to create a WordPress theme using Pinegrow

Name: Learn how to create a WordPress theme using Pinegrow
Rating: 4.3 (355 reviews)

From your HTML template to a fully functional WordPress theme.

Created byARNOUD Emmanuel

Last updated 7/2015

English

What you'll learn

Create a fully functional WordPress theme

Course content

4 sections • 19 lectures • 1h 46m total length

Introduction : Create a theme in less than 20 minutes20:08
Learn to build a WordPress theme from scratch in under 20 minutes using Pinegrow. Create header, nav, jumbotron, post loop, and customize with WordPress customizer, exporting a responsive Bootstrap-based theme.

WordPress Theme Structure (part 1)2:34
WordPress Theme Structure (part 2)1:45
Site Title - Description - Link2:42
Learn to build a WordPress theme with Pinegrow by configuring site title and description, linking the homepage, and understanding how PHP code and replace options affect generated output.
Import WordPress HTML into Pinegrow1:13
Import WordPress HTML into Pinegrow to populate the header with the site name and site description by using the brand element and the import WordPress HTML action.
Navigation Menus2:40
Activate the WordPress theme menu in Pinegrow by selecting the navbar, enabling PHP preview, and setting the menu to primary Bootstrap before exporting.
Article - Post ID - The Title - The Content2:41
Define WordPress post elements in Pinegrow by setting the thumbnail to full size, adding title and content actions, and applying dynamic id and class attributes, then save.
The Loop2:31
Set up a WordPress loop to display posts and pages in a Pinegrow theme, apply the don't export action to article elements, and verify the structure with the php code preview.
Sidebars and Widgets5:42
Learn to add a sidebar to your WordPress theme using Pinegrow, register and configure a dynamic sidebar, preview the PHP code, and add multiple widgets.
Create a new Common WordPress template file from the Index page6:48
Create common WordPress templates from the index page, saving as SINGLE.PHP, PAGE.PHP, ARCHIVE.PHP, and SEARCH.PHP, then rename to 404.php and export the theme for use.
How to create the SEARCH.PHP Template6:21
Customize the search.php template in a Pinegrow WordPress theme by refining the article loop, linking titles to permalinks, adding a search results heading, and highlighting terms with a plugin.
How to create the SINGLE.PHP Template6:41
Learn to customize the single.php template in a WordPress theme with Pinegrow, adding post meta (date, author, comments) and a comments template to display and test comments.
Links - Permalink2:37
Apply Master Page3:47
Make your theme ready for Jetpack6:17
The WordPress Customizer12:22
Learn to use the WordPress customizer to build a theme with live preview, adding a jumbotron section and controls for background image, title text, and color, and exporting the theme.

Activate your WordPress Theme1:03
Export and activate your Pinegrow WordPress theme by selecting it in the WordPress dashboard under appearances, then preview and apply it to the homepage.
Create a Screenshot for your WordPress Theme2:25
Create an 880x660 screenshot for your WordPress theme using Pinegrow, save it as screenshot.png in the HTML template folder, export the theme, and refresh the theme section to view it.

Requirements

Basic HTML and CSS knowledge
Basic WordPress theme development knowledge

Description

What is the course about?

The course is about WordPress theme development using Pinegrow WP a desktop app for Windows, Mac and Linux that lets you build responsive websites faster with live multi-page editing, CSS styling and smart components for Bootstrap, Foundation, AngularJS and build WordPress themes on a totally innovative way.

Keywords

WordPress, theme, HTML, Bootstrap, development, design, PHP

What kind of materials are included?

Videos only

How long the course take to complete?

About 2 hours to watch all the videos and 1 week to master all the techniques, depending on the initial knowledge.

Why take this course?

To experiment an innovative way of creating WordPress themes

How is the course structured?

In this course, you will learn :

How to create a basic WordPress theme in less than 20 minutes
How to create a basic WordPress theme structure
How to create a standard WordPress theme structure including header and footer
How to activate your theme in WordPress
How to include site title, site description and links in your templates
How to import HTML content from WordPress into your HTML template
How to add navigation menus
How to prepare your content to create a WordPress Loop
How to create a WordPress Loop
How to create and use sidebars and widgets
How to create the most common WordPress templates files
How to create the SEARCH template
How to create the SINGLE template
How to create a screenshot for your WordPress theme
How to include links in your templates
How to use the Master Page feature in Pinegrow
How to make your theme ready for Jetpack plugin
How to create WordPress Customizer ready components

Who this course is for:

This course is meant for students who want to create WordPress themes

Learn how to create a WordPress theme using Pinegrow

What you'll learn

Explore related topics

Course content

Discover how Pinegrow will help you to create awesome WordPress themes1 lecture • 20min

Create your first theme15 lectures • 1hr 7min

WordPress Settings2 lectures • 3min

Bonus Tracks1 lecture • 16min

Requirements

Description

Who this course is for: