WELCOME TO THE BLOG

Create blocks that stick to the top

stickyblocks

A little more than a month ago, a feature called “sticky blocks” was added to ProPhoto 6. When vertically scrolling a page this sticky option makes it possible for the content of a block (maybe the logo or a menu) to stick to the top of the browser window. This is great for encouraging viewers to visit other areas of the site, especially when on a page with a lot of content, like your main blog posts page. We’ve seen a few sites taking advantage of it, but we’d love to see more!

Any block item in “ProPhoto > Customizer > Layout” can by made sticky. Simply hover the block and click the image of a tack.

sticky_pin

Whatever is in that block will then stick to the top when it hits the top of the browser window. If you only want a menu to stick to the top (which is pretty common) then create a block that only contains a menu widget. This is what is shown in the gif below. Notice how the menu that sticks starts does not have to start at the top of the layout.sticky_blocks_example_low

 

Can I change the appearance of the sticky block once it hits the top?

Yes! You have a few block customization options that you can change for only the sticky state. Click on the gear icon for the sticky block.sticky_block_edit Any customization area that has a pin image near the viewport breakpoint images can be customized for only the sticky state.  sticky_customization_option

For example, if you don’t want the block to be as tall when it is in the sticky state you could reduce the top or bottom padding after clicking this sticky icon (shown above).

Can I turn the stickiness on/off based on viewport width?

Yes! You can do this as well, although it’s not really a feature specific to sticky blocks. If you want a block to be sticky on, say.. all devices except small mobile devices,  you would create two separate blocks. Using layout item responsive breakpoint visibility options, one block would be set to display on tablet, laptop and desktop, and the other (non-sticky) one would be set to display on mobile phones.

ProPhoto 6.3.0

630

Today we’re pushing another auto-update with new features to ProPhoto 6, version 6.3.0. Highlights of this release include:

  • Custom grids
  • Tons more template assignment possibilities
  • New blocks/rows always added to child templates
  • Tile text alignment
  • Tile text linebreaks

Custom Grids

Similar to the feature in P4 and P5, you can now create grids in P6 made of custom items. Custom grid items are found in the ProPhoto Settings screen, and each one consists of title, url, image, and text:

2016-06-22_13-36-35

Then, you can create and insert a grid made up of these custom items in the customizer as a widget, or into a post or page:

2016-06-22_13-39-59

Template Assignments

You guys asked for it, so we made P6 way more flexible when it comes to assigning templates. In the customizer, we added an assignment for 404 pages, plus options to set templates for individual blog post categories, custom post types, proofing gallery page types, and more:

2016-06-22_13-46-26

Plus, you can now set template overrides for individual blog posts, galleries, and custom post type posts:

2016-06-22_13-49-12

Adding Blocks & Rows

One thing that has proved to be unintuitive and time-consuming for our users has been the fact that after you break template inheritance for a group of blocks or rows in a template, you can no longer add a block or row to that group in a parent template, and have it show up in the child with broken inheritance. We’ve corrected that in 6.3.0 — now, now whenever you add a block or a row in any template, it will always be added to all of the child and grand-child templates. We think this will make templates easier to use, and your site design more maintainable.

2016-06-22_13-55-18

And more…

6.3.0 has more good stuff in it too, including a handful of nice enhancements to the “Tiles” feature, and some bugfixes. For all the gory details, as always, head over to the changelog.

What’s Next?

More good stuff is coming soon as well. We have two additional big features both nearly complete: thumbnail-style galleries, and responsive call to action items. We’re pretty confident 6.4.0 will be out with those two features and more in around one week.

Test Drive privately with ProPhoto 6

testdrive

A feature we’ve not talked about very much is overdue for some attention: P6 test-drive.

test-drive-mode-button

This one is pretty big for anyone who has a WordPress site already and wants to use ProPhoto 6, but would like to keep their current theme active.

In the past, ProPhoto users would create a temporary WordPress setup separately from their live site so they could personalize a ProPhoto design. This required you to transfer your design to the live site, and then import WordPress content that you wanted to carry over. And even then, some items like photo galleries and grids couldn’t be moved over easily.

What does test-drive do?

With P6 Test Drive mode, you can use ProPhoto 6 privately without making your new design public to the world. When enabled, visitors will see your original theme, while you and other administrators will see the ProPhoto 6 site design – whether that’s an older version of ProPhoto, or another WordPress theme. Learn more on our help site Test Drive page.

If you are thinking of using the new ProPhoto 6 software to design a responsive layout for your existing WordPress site, but you aren’t able to switch to the new design until it’s ready, the new test drive option makes it easy to work on a design that only you can view.

ProPhoto 6.2.0

620

Today we’re pushing another auto-update with new features to ProPhoto 6, version 6.2.0. Highlights of this release include:

  • Duplicating widgets in the customizer
  • Customizable “read-more” excerpt links that allow tiles
  • Upload favicon and/or apple touch icon
  • Batch image drag/drop reordering for galleries

Duplicating widgets

In ProPhoto 6, by default widget are shared between templates. This works great for widgets used for persistent content that you want to keep the same and edit in one place for many areas of your site. But, as our users have realized the power of templates in P6, we’ve noticed that our designers and users have been leveraging templates to create loads of templates for unique page content. In these scenarios, widget sharing can slow you down because you often want to make a widget unique (unshared) between templates, and many times you want to tweak or slightly modify a widget you’ve already made for just that template.

In 6.2.0 you can now do these tasks very easily and quickly by copy/pasting widgets. Every widget in the customizer layout screen now has a copy button, as shown below:

2016-06-07_10-52-03

Once you have a widget copied to your clipboard, all of the “add widget” icons in the customizer split to allow you to create a new one, or paste the widget in your clipboard:

2016-06-07_10-53-25

This should make it a lot faster to build templates with unique widgets, or to build multiple widgets based on a common pattern. If you just want to break a widget away from being shared by all other templates (essentially, to make a widget unique to a template) all you need to do is copy the widget, paste it where you want the unique widget, and then delete the old widget.

Customizable excerpt read more links

Post excerpts got a major improvement in this release as well. You can now tightly control how users link to the full content of posts when excerpts are shown either as standard excerpts or grid excerpts, or when posts are referenced in any other grid type.

In the customizer, in the “Content” > “Excerpts”, and also in each of the grid style areas, you can now set a customizable read more text link with a font style:

2016-06-07_11-26-10

Or, you can instead choose a “graphic” (like a graphic widget, this means either a plain uploaded image or a Tile):

2016-06-07_11-29-29

Site icons

Favicon and apple touch icon uploads are now available in the ProPhoto “Settings” > “Site Settings” area, as shown below:

2016-06-07_11-40-59

Gallery batch drag/drop reordering

Added to last releases gallery management improvements are two more in this release. First, you can now multi-select images and drag them to reorder:

2016-06-07_11-52-43

Also, we fixed the drag-drop uploading in the gallery area, so you can drop images onto the WordPress modal media window as on other screens.

And more…

For details on bugfixes that are included in this release and all the rest of the gory details, you can view more info on the changelog.

For our next feature release, which should be out in approximately 2 weeks, we’re planning to release grid-style galleries, inheritance improvements, column border customizations, custom grid items, and possibly more.

P6 Admin Bar

adminbar

 

A couple cool feature that we released just before the official 6.0.0 release that got lost in the shuffle and are worth their own blog posts. One of these was some helpful WordPress front-end admin bar helpers we added.

Template name and edit link

The first of these is a display of what ProPhoto template is applying to the page you’re currently viewing. It looks like this:

 

2016-06-01_21-56-30

 

That’s an easy way to always see and know what template you’re viewing. And, when you click it, it loads up the ProPhoto 6 customizer with that template pre-selected for faster customizing:

 

2016-06-01_22-03-01

 

By the way, the customizer also now remembers the template you were working in if you refresh the page, so you don’t have to reselect it as well.

Responsive screen size

The second cool thing in the front-end admin bar is a display of what screen-size you’re currently viewing at, as shown here:

 

2016-06-01_21-55-51

 

As you drag your web browser window bigger and smaller, you’ll see that this changes from phone to tablet to laptop to desktop. These screen sizes exactly correspond to the responsive breakpoint customization overrides we offer inside the customizer:

 

2016-06-01_22-06-41

 

We’re hoping this live display of your current responsive screen size makes it even easier to dial-in your P6 responsive settings.

Enabling the admin bar

If you don’t see the WordPress admin bar on your front-end, you may have to enable it. To do so, just go to “Users” > “Your Profile” and make sure to check the “Show Toolbar when viewing site option, and save.

 

2016-06-01_22-08-53

 

Get a $30 rebate when you choose our recommended host, Hostpapa