Managing the Projects’ System

We have strived to keep things sim­ple and flex­i­ble. This is why we have used the same much-applaud­ed sys­tem of man­ag­ing con­tent and par­al­lax sec­tions using hier­ar­chi­cal projects. This log­ic is very sim­i­lar to the one used for pages, being based on projects and child projects.

Let’s take an exam­ple the Ordos Musem project from our demo site:

Like with pages, you can have as many suc­ces­sive Hero with par­al­lax + Con­tent blocks. You can even skip any of the two like in these exam­ples from our demo:

As added extras in com­par­i­son with pages, projects can also have an option­al archive image (that, if defined, will be used as thumb­nail for the project in the port­fo­lio archive pages — if not present we will use the first image from the hero area), and Project Fields (via our cus­tom plu­g­in Pix­Fields).

Using Thumbnails Galleries

We aimed to keep things sim­ple and inline with the stan­dard Word­Press func­tion­al­i­ty. This is why we rec­om­mend you to take full advan­tage of WordPress’s gallery short­code to insert thumb­nail grids in your projects (with Light­Box func­tion­al­i­ty mag­i­cal­ly added to them).

For exam­ple, this demo project makes clever use of the pow­er of the gal­leries. Let me explain how it is struc­tured.

This the Text Mode con­tent of the project:

<h3 style=“text-align: cen­ter;>About</h3>

<p class=intro nar­row not-big style=“text-align: cen­ter;>The Nation­al Sta­di­um is sit­u­at­ed on a gen­tle rise in the cen­tre of the Olympic com­plex to the north of Bei­jing.</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 head­ing and an intro para­graph (using some class­es to spice things up), we’ve used 3 gallery short­codes to place the 5 images in the arrange­ment you see on the project page. First a 2 image gallery with 2 columns, then a 1 image gallery with 1 col­umn and then again a 2 image gallery with 2 columns. Neat right!?

Using Videos in Projects

In Mies, you can have videos in a mul­ti­tude of places: back­ground videos for the hero par­al­lax sec­tions, as cov­ers in the hero areas, and in con­tent sec­tions. You can read more about work­ing with videos in this arti­cle.

Addi­tion­al Read­ings:

This article applies to Mies, as they share the same underlying structure.

Updated on May 8, 2017

Was this article helpful?