We have strived to keep things simple and flexible. This is why we have 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, being based on projects and child projects.
Let’s take an example the Ordos Musem project from our demo site:
Like with pages, you can have as many successive Hero with parallax + Content blocks. You can even skip any of the two like in these examples from our demo:
- This is a regular project, with no child projects, with only a hero area with cover text, and regular content with text, images, and a gallery shortcode;
- This project has only hero parallax areas without any content, including no hero covers;
- This is a project with no hero area (the page title is used), with a gallery shortcode in the content, and the project’s meta info (via the PixFields custom plugin) inserted with the [pixfields] shortcode;
- This is a project with a main project and 2 child projects, each with hero areas and regular content;
- This is a project with only a slideshow hero area, no content.
As added extras in comparison with pages, projects can also have an optional archive image (that, if defined, will be used as thumbnail for the project in the portfolio archive pages — if not present 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 inline 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 magically 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 3 gallery shortcodes to place the 5 images in the arrangement you see on the project page. First a 2 image gallery with 2 columns, then a 1 image gallery with 1 column and then again a 2 image gallery with 2 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.