---
title: "Layout Elements"
date: 2018-09-04
author: "nK"
---

# Layout Elements

**Block settings → Layout.** The Layout panel has three positions:

PositionElements it can holdAlignment**Start** (above the items)Filter, Sort, Search (**Pro**)Left, Center, Right, Between**Middle**Layout Items (always present; opens the layout settings)none**End** (below the items)PaginationLeft, Center, Right, Between![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-18.08.40-1024x581.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-18.08.40-1024x581.png)    ## Adding and arranging elements

Click **+** in a position to add an element; click an element to open its settings in a modal. The modal ends with a **Remove …** link. The alignment dropdown appears once a position holds at least one element. “Between” spreads several elements over the width, for example Filter left and Sort right.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.55.42-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.55.42-1024x582.png)    ## URL parameters

All four elements reload the items with AJAX without leaving the page and write their state to the address bar, so a filtered, sorted or paged view can be linked to.

ElementURL parameterFilter`?vp_filter=portfolio_category:branding` (Posts) or `?vp_filter=branding` (Media categories)Sort`?vp_sort=title`Search (**Pro**)`?vp_search=word`Pagination`?vp_page=2`On the Portfolio page and on category and tag archives, filter and page parameters are rewritten to pretty URLs: `/portfolio/page/2/`, `/portfolio-category/branding/`. Sort keeps the query form. A gallery ordered randomly carries an extra `vpf_random_seed` parameter so pages do not repeat items.

Views with a filter, sort, search or page above 1 on ordinary pages are marked `noindex, follow` for search engines. The Portfolio page keeps its paged and category URLs indexable.

## Faster reloads

**AJAX Cache and Preload** (**Pro**, Settings → General) makes these reloads faster: responses are cached in the browser and the next page or the hovered filter is fetched before the click.