Toggle navigation
FEATURES
BUY
FAQ
CONTACT US
DOCS & SUPPORT
Toggle navigation
HOME
DOCUMENTATION
TUTORIALS
COURSES
BLOG
Home
/
Documentation
/
Pinegrow Snapshots
/
Empty page
Empty page
Getting Started
Pinegrow Walkthrough – Video
Quick Introduction to the Pinegrow Web Editor
Interactive Introduction to Pinegrow
Is Pinegrow the right choice for you?
Install and run Pinegrow
System requirements
Install Pinegrow on Windows 10
Install Pinegrow on MacOS
Install Pinegrow on Linux
How to Update Pinegrow to the latest version
Configure Pinegrow with environment variables
Technical information and security
Switching from Pinegrow 2 to Pinegrow 4
Privacy and Anti-spam policy
Discovering Pinegrow Web Editor – The Overview
User Guides
Page views
The Library Panel
Page Libraries
The Tree Panel
Element Properties
Styling with CSS
Code editing
HTML Snippets
History – Undo and Redo
Drag & Drop
Tools & Helpers
Getting the Most out of Pinegrow UI
Keyboard Shortcuts
Edit remote websites and web applications
Working with dynamic HTML elements
Using External Code Editors & Tools
Atom
Visual Studio Code
Other code editors and IDEs
Live preview on any device or browser with Browsersync
How to Guides
Add elements to the page
Add stylesheet or script to the page
Duplicating existing elements
Delete elements
Add or Remove classes from elements
Remove the tag (span, div…) around the element
Change the code editor theme
Arrange panels vertically to minimize neck rotation
Bootstrap Visual Editor
Start a New Bootstrap Project
Customizing Bootstrap 5 themes
Easily upgrade Bootstrap projects to the latest Bootstrap version
Edit an existing Bootstrap page or project
Activate Bootstrap tools for your page
The Library of Bootstrap components
Bootstrap properties common to all elements
Bootstrap 4 element properties
Bootstrap 3 element properties
Display helpers
Customize Bootstrap 4 themes
Bootstrap Design Panel
Bootstrap Floating Tools
Pinegrow Interactions
Introduction to Pinegrow Interactions
What’s new in Interactions
What’s new in Interactions 2.0?
Animation properties
License
Interactions Panel
Timeline Editor
Selecting target elements
API
Tutorials
Interaction examples
Actions
Interactions
Scroll Scene
Hide at Start
Show at Start
Smooth Scroll
Apply to Many
Interaction blueprints
Sliders
Presentations
Galleries
Tooltips
Templates
Creating and designing WordPress themes
Features
Responsive images
Including Scripts and Styles
A guide to WordPress templates for posts, pages and custom post types
Converting HTML Websites to WordPress Themes – A Step by Step Guide
Working with Selectors
Short guide to naming WordPress templates
Introduction to the WordPress template structure – Headers, Footers, Site content and Master pages
Overview of the Theme Creation Process
Ten Points for Productive WordPress Development with Pinegrow
Troubleshooting
FAQ about creating WordPress themes with Pinegrow
Courses & Tutorials
Pine Adventures – Creating a WordPress Theme Without PHP Coding
How to convert Webflow project into a WordPress theme
Create a Personal Portfolio WordPress Theme – Tutorial
HTML to WordPress Theme with Pinegrow WP
Online Course for Pinegrow 2.x
Pinegrow WordPress Starter Theme 2
Pinegrow WordPress Starter Theme 2 documentation
Actions & Examples
Theme Settings
Page Settings
Show Posts
Post Title
Post Link
Post Content
Post Excerpt
Post Featured Image
Post Field
Post Tags & Categories
Post Date
Post Author
Post Pagination
Post Breadcrumbs
Site Name
Site Description
Site Link
Site Tags & Categories
Customizer Field
Customizer Section
Menu
Sidebar
Reusable Template Part
Block
Form
Function
Don’t Export
Smart Actions
Post & Loop – Smart
Post Title – Smart
Post Link – Smart
Post Content – Smart
Post Excerpt – Smart
Post Image – Smart
Post Field – Smart
Customizer Field – Smart
Pagination – Smart
Menu – Smart
Sidebar – Smart
Don’t Export – Smart
Theme Setup
WordPress Site
Site Content
Tailwind Visual Editor
Introduction to Tailwind CSS
Opening or creating a project
Activating the Tailwind extension
Visual controls
Customized Tailwind CSS themes
Helpers
Class styles
Tailwind Blocks
Component libraries
Tailwind CSS Design panel
Tailwind CSS Floating Tools
TailwindUI
Tutorials
CSS Grid
Visual CSS Grid Editor
Tutorials
Summer Nights 2 – Creating a CSS Grid layout in Pinegrow
Summer Nights CSS Grid Tutorial
Using Multiple Track Names to Create Responsive CSS Grid Layout
Learn CSS Grid with Pinegrow
Bootstrap Blocks
NEW: Bootstrap 4 Blocks
How to use and customize Bootstrap 4 Blocks
Standard Bootstrap 3 Blocks
Bootstrap 3 Blocks for WordPress
Sample Content for WordPress Themes using Bootstrap 3 Blocks
Pinegrow Snapshots
Empty page
Developers
Developers dummy page
Licensing Questions
Try Pinegrow for free for 7 days
About charging sales tax on Pinegrow purchases
Money Back Policy
How to use Discount Coupon Codes
How to Cancel your Pinegrow subscription
How to change your Pinegrow subscription
How-to Renew your annual license
Students, Teachers, and Non-profit organizations
Pinegrow Web Editor Software License Agreement
Helpdesk
FAQ
Support Forum
Release Notes
Download Pinegrow
Newsletter Archive
Contact Us