Managing the Projects System

We strive to keep things simple and flexible. This is why we used the same much-applauded system of managing content and parallax sections using hierarchical projects. This logic is very similar to the one used for pages, which means you can use projects and child projects to create the layout you desire.

Let’s take the Ordos Museum project from our demo site as an example. This is how the project is structured in your WordPress dashboard:

Ordos Museum project structure

You can have as many successive Hero with Parallax + Content blocks as you need. You can even skip any of the two like in these examples from our demo:

Projects can also have an optional archive image (that, if defined, will be used as the thumbnail for the project in the portfolio archive pages; if not, we will use the first image from the hero area), and Project Fields (via our custom plugin PixFields).

Using Thumbnails Galleries

We aimed to keep things simple and in line with the standard WordPress functionality. This is why we recommend you to take full advantage of WordPress’s gallery shortcode to insert thumbnail grids in your projects (with LightBox functionality added to them).

For example, this demo project makes clever use of the power of the galleries. Let me explain how it is structured.

This the Text Mode content of the project:

<h3 style="text-align: center;">About</h3>
<p class="intro narrow not-big" style="text-align: center;">The National Stadium is situated on a gentle rise in the centre of the Olympic complex to the north of Beijing.</p>
[ gallery columns="2" link="file" ids="8,9" ]
[ gallery columns="1" link="file" ids="10" ]
[ gallery columns="2" link="file" ids="11,12" ]

As you can see, after we have entered some heading and an intro paragraph (using some classes to spice things up), we’ve used three gallery shortcodes to place the five images in the arrangement you see on the project page.

First is a two-image gallery with two columns, then a one-image gallery with one column, and then again a two-image gallery with two columns. Neat right!?

Using Videos in Projects

In Mies, you can have videos in a multitude of places: background videos for the hero parallax sections, as covers in the hero areas, and in content sections. You can read more about working with videos in this article.

Additional Readings:

Updated on April 1, 2021

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.