Skip to content
pinegrow.com
Docs menuPinegrow Web Editor release notes
Release notes

Pinegrow Web Editor 2.6, February 3, 2016

Updated

Pinegrow Web Editor 2.6 with improved UI, better code editing and more.

On this page

Pinegrow 2.6 is available for download. Our focus for this release has been making the user interface easier to use, making it more flexible and consistent.

Lots of further UI improvements will happen in the next few months. Instead of releasing one big UI redesign that would be unfamiliar to most users, we’ll implement and release changes in a gradual way.

Let’s take a look at what’s new:

Rearrange UI panels

Select the best position for LIB panel, document outline tree and page views. Tree and pages are also horizontally resizable.

Drag panels to rearrange them dialog showing PAGE, LIB and TREE layout options over the Pinegrow window

Edit code in a separate window

Open code editor in a separate window. That’s especially handy if you have multiple screens.

Code editor window for home.html with the Open in new window button highlighted

Better tree visibility

The tree displays vertical guides for different nesting levels with a highlighted guide for the current level.

Structure tree for home.html showing site-container, PG Navbar, PG Header, Home Template and other components

Quickly switch between panels

Keyboard shortcuts (CTRL/CMD + 1..6) will switch between LIB, PROP, CSS, ACT, WP and PRJ panels.

Panel tab bar with a Properties tooltip for the Cmd+2 shortcut over the PROP tab

Components: Make the selected element an instance of a chosen component

This is a very useful feature, especially if you’re adding components to an existing page. For example, after creating a component definition for a team member, select team members on the page and use “Make the selected element an instance of” to make them into instances of the team member component. Pinegrow will even take care of editable areas for you.

Context menu for a Jumbotron element with Make selected an instance of PG Header highlighted, over a hero preview

WordPress template parts can now be easily linked with Smart components so that they appear in the LIB panel from where they can be easily added to any page in your theme. Learn more »

Template Parts panel for the header template, with the slug set to header and the Link with smart component option checked

Better handling of PHP tags in HTML attributes

Pinegrow can now handle HTML attributes that contain PHP code, for example: <img src="<?php echo "images/".$image; ?>" />

-

And as always, we also have a bunch of bug fixes.