Discover how to easily create a basic WordPress themes with Pinegrow WP.
WordPress
Open or create a HTML page in Pinegrow Web Editor. Add WordPress actions to HTML elements and set their parameters. Export the WordPress theme. Pinegrow generates PHP code and splits the page into various files like index.php, header.php, footer.php and template parts.
-
Part 02 – WordPress theme structure – 1/2
Learn How to Create your WordPress theme structure with Pinegrow WP.
-
Part 03 – WordPress theme structure – 2/2
Learn How to Create your WordPress theme structure with Pinegrow WP.
-
Part 04 – Activate your WordPress Theme
Activate your new custom WordPress theme from the WordPress admin (Appearance menu)
-
Part 05 – Site Title – Site Description & Home link
Add Site Title, Site Description & Home link to your site name/logo.
-
Part 06 – Import WordPress HTML
How to import real content in your HTML templates from your local WordPress setup.
-
Part 07 – Navigation Menu
Create navigation menus for your custom WordPress theme.
-
Part 08 – Article – Post ID – The Title – The Content
Learn how to create the structure of your first WordPress loop.
-
Part 09 – The Loop
Discover how to create a WordPress Loop.
-
Part 10 – Sidebars and Widgets
Adding sidebars and widgets to your WordPress theme.
-
Part 11 – Create a new WordPress template from the Index page
How to create the most common WordPress template.
-
Part 12 – How to create SEARCH.PHP template
Learn how to add a custom search page to your WordPress theme.
-
Part 13 – How to create SINGLE.PHP template
Learn how to create the single.php template.
-
Enqueuing scripts and stylesheets
Automatic Settings Our goal is to be the most compliant with the official WordPress coding guidelines and from version 2.2, Pinegrow now uses proper script and stylesheets enqueuing to include Javascript and CSS files into a theme in a WordPress-friendly way. In a nutshell, all your CSS and JS are now loaded from FUNCTIONS.PHP instead […]
-
WordPress Generated Classes
Each WordPress Theme should have these or similar styles in its style.css file to be able to display images and captions properly. You don’t have to stick with the initial values and you can change anything you want, according to your design needs and Theme structure. You can decide to add these styles in your […]
-
Useful WordPress Resources
WordPress Theme Development is easier than ever with Pinegrow WP but still, a certain knowledge is required to fully understand the finesses of Theme creation. Here are our recommendations for the best online resources. Note: Our list is not exhaustive and new additions will be added regularly. Local Development Working on WordPress files is easier […]
-
Pinegrow WP and WordPress Custom Fields
Posts and pages in WordPress can have custom fields. Let’s take a look at how we can use custom fields to choose which colors are used for displaying the content. We’ll first do it with standard custom fields and then with Advanced custom fields plugin.
-
Custom page templates
Did you know a WordPress theme can have multiple page templates and that you can choose which template is used for a page on Edit page screen in WordPress admin?
-
Body class bug workaround in Pinegrow WP 2.2
We have recently discovered an issue in Body class action in Pinegrow WP 2.2 and you can be sure that we’ll fix it in our next version. In the mean time you can you can still add this useful feature to your templates by using the following workaround. That particular situation is the perfect example to […]
-
Introduction to Custom Post Types in Pinegrow WP
In a WordPress installation, by default, there are five post types that are readily available to users and/or internally used.
-
Create a Loop with a Custom Post Type
As you have already seen in our WordPress video course, adding a loop is the way to display posts in your WordPress theme. But the standard loop only works for standard post types (pages and posts). Custom post types require some specific settings.
-
How to start your WordPress theme development with Pinegrow WP
Pinegrow is an awesome solution to create beautiful static HTML pages and to create wonderful and dynamic WordPress themes. But before starting any HTML template to WordPress theme conversion, you should ask yourself a few questions and follow some easy rules.
-
Why and How to create a Settings Page ?
While Pinegrow WP offers a really convenient way to setup all the WordPress actions directly from your HTML templates, there comes times when a web developer needs a bit of organization in his workflow, not only because such an approach is cleaner, but also for maintenance and evolution purposes. It’s always a good idea to consider solutions that can definitely ease your job.
-
Navigation menus
Creating a menu is one of less pleasant parts of WordPress theme development and this is probably one of the reason why the business of plugins related to menus is flourishing.
With Pinegrow, you can now easily create customised navigation menus by yourself – that’s also much more rewarding!
-
How to customize styles.css header
In addition to CSS style information for your theme, style.css provides mandatory details about the Theme.
-
Top bar and nested submenus with Foundation 5 WordPress Navwalker
The new Smart Menus in Pinegrow offers a very convenient way to use different kind of menus components and transform them into WordPress navigation menus but in the current version it doesn’t yet support nested submenus.
-
How to add a slider to your WordPress theme
Sliders are very common in modern webdesign and this is a feature that you can easily bring into a WordPress theme created with Pinegrow.
-
How to add Standard WordPress Galleries to posts and pages
Pinegrow is not a WordPress starter theme, nor a WordPress framework and so – except if you use Blocks – building your first theme will always start from a blank unstyled page – or an existing HTML page – in the editor. Pinegrow adds no specific CSS code. Everything is under your control!
-
5 things you should know about WordPress HEADER and FOOTER in Pinegrow
Header and Footer are two important parts in a WordPress theme and thanks to Pinegrow, you can easily handle both of these elements.
-
Subscribe to the WordPress & Pinegrow Weekly Newsletter
Every week, we publish a newsletter about building WordPress themes with Pinegrow.
-
How to add code snippets to functions.php file?
At the core of any WordPress theme, there is a file named functions.php and themes created with Pinegrow are no exceptions.
-
How to setup Pinegrow for WordPress theme development?
Here’s a step by step guide about how to setup a WordPress install on your computer and setup Pinegrow WordPress builder so that you can start creating WordPress themes.
-
How to add Comments to your Single Post template?
Amongst many other useful features, WordPress is known to be a powerful blog system. If you decide to include a blog section in your theme, you will probably want to add comments as well in order to allow your visitors to participate in discussion. This tutorial will show you how to use Pinegrow to add standard WordPress comments to your theme.
-
How to use WordPress Pages and Posts templates?
A website usually contains more than an index page and you probably want to create different layouts for different pages and posts of your website. The good news is that WordPress can handle all your needs thanks to the use of specific templates that you can create with Pinegrow.
-
How to Get WooCommerce to run in a WordPress theme created with Pinegrow?
WooCommerce is one of the most popular eCommerce platform on the web with 20,871,615 downloads (and counting) and 28% of all online stores.
With WooCommerce plugin, you can transform your WordPress website into a thorough-bred eCommerce store.
-
How to Check, package and release your WordPress Theme created with Pinegrow?
Okay, you think your WordPress theme is done and you would like to share it with the world.
But, prior to the release, our best advice is that you now proceed with a complete check-up!
-
Creating WordPress Themes with Pinegrow Web Editor
Pinegrow Web Editor with WordPress theme builder lets you visually create and edit WordPress themes.
-
Converting HTML website to WordPress theme
In this tutorial we’ll use Pinegrow to convert a one-page portfolio website into a WordPress theme. In the process we’ll cover theme structure, static front pages, custom fields, default & custom loops, using custom PHP code and registering new post types.
-
Use real content in your HTML templates with Import from WordPress
Pinegrow lets you import the actual content of your local WordPress website into your theme’s source HTML files.
-
How to Link Template parts with Smart components
Make your WordPress development process easier and build a custom library of partial templates that you will be able to quickly instantiate in your WordPress common templates.
-
Pinegrow WordPress Starter Theme
Starter Theme lets you quickly build Bootstrap based WordPress themes with Pinegrow. Starter Theme comes with complete set of WordPress templates and support for Jetpack, WooCommerce and more. Simply pick the templates you need and customise the HTML layout, WP PHP tags and CSS with Pinegrow. That’s much quicker – and more fun – than developing a theme from scratch.
-
WordPress Starter Theme Release v1.1 – 30. March 2016
The version 1.1 of the WordPress Starter Theme brings some cool and useful novelties.
-
WordPress Starter Theme Release v1.2
Version 1.2 of the WordPress Starter Theme brings theme structure enhancements and lots of useful new features.
-
Getting Started with Pinegrow WP
All of Pinegrow WP documentation, tutorials and sample projects now collected on a single page, listed in the recommended study order.
You have just reached the best place to learn How to create awesome WordPress themes with Pinegrow WP!
-
How to use ACF Pro Flexible Content with Pinegrow WP
The Advanced Custom Fields plugin (ACF) for WordPress allows you to take full control of your edit screens & custom field data. It is available in Free and Pro version and you can easily use it to create awesome experiences in your themes developed with Pinegrow WP.
-
Use the right jQuery version in your WordPress themes projects with Bootstrap V3.3.x
Since a few releases, the Bootstrap version included within Pinegrow contains the last version of jQuery (V3.) and while this version is perfect for many situations, you shouldn’t use it for your WordPress themes developments.