Projects

Case studies, video projects, long form articles, or whatever you want them to be

Projects were born out of the necessity to show off work that wasn’t an image gallery, but also needed more than just a normal post type would offer. (Gallery, audio, quote, standard) Project post types use more advanced headers and the majority of the components in the Page Builder, which is covered in depth here. We’ve found that using them to show off restaurant concepts, large scale design projects, or long form articles that require more interactivity, videos, and image galleries within them.

We’ve gone ahead and created a bunch of projects on our various theme demos that you can import, or you can create your own.

PROJECTS OVERVIEW

ADDING, REMOVING, AND EDITING PROJECTS WITH THE CORTEX WordPress THEME.

Projects are what we would consider case studies, or long form articles, or projects, say if you were an agency who did web design, or a marketing agency who does PPC. They use the same components as the Page Builder, with the exception of that they can be categorized, they have an index page template called Projects Page Template, and they have a custom header builder.

Everything else works natively, just like WordPress Posts would, so if you need to learn more about WTF posts are, how to move them, publish them, etc, we suggest reading the Official WordPress Documentation. If you imported content from a demo theme, then you should have a few projects waiting for you to work with, and we urge you to look at those as working examples, but if you insist, we’ve laid out what each option does below in painstaking detail.

Project Header Options

Project Name – Enter the project name, if blank, the title of the project post will be used

Project Sub Heading – Enter secondary heading (goes below main headline)

Project Hero Heading Type – Choose the type of hero that will appear at the top of the project page. Image backgrounds come from the featured image field

Hero Background Color – choose a color to use

Video Background Source – Will you be uploading your video files, embedding them from YouTube or Vimeo, or linking to external sources like Amazon S3?

Video Background Still Image – Make sure the image is at least 1920×1080 in height and width for fall back on mobile devices. (MInimum 1200px by 700px)

Video Background MP4 File – Attach the mp4 file for your video background

Video Background Webm File – For the webm video file format

Video Background OGV File – Upload a OGV video file

Video Background Embed – If you’re embedding a YouTube video in the background, YOU ONLY NEED THE VIDEO ID. NOT THE FULL URL. We’ve done this because we automatically loop, scale, and mute the video you select and we can only do this with the Javascript API for YouTube, which only requires an ID.

The ID is everything in the link after https://www.youtube.com/watch?v= We recommend doing HD embeds since the video background will be full screen with an overlay. Videos will be automatically looped and muted.

Video Background Still Image – Make sure the image is at least 1920×1080 in height and width for fall back on mobile devices. (MInimum 1200px by 700px) This is the fallback on mobile.

Video Background MP4 File Link – Enter in the link to your mp4 file

Video Background Webm File Link – Link to your external .webm file for the video background embed

Video Background OGV File Link – Link to external ogv video file

Flex Slider Slides – If you select the Flex slider slideshow in the header, then you get to upload images for the slides! We recommend making them all the same height. (Height/width as well, but it does support both vertical and horizontal images) Gallery images may be added, and then dragged/dropped and sorted using the large box provided.

flex-slider

Video Embed Link – If you choose Video Embed Hero as your Project Hero Heading Type, this field will pop up. For this, all we need is a youtube link, and the Cortex theme will do the rest.

Video Embed Description – If you choose Video Embed Hero as your Project Hero Heading Type, this field will pop up. This field supports text and HTML and displays below the video.

Revolution Slider – Populated with any Slider Revolutions you have imported.

Enable Overlay – For putting a semi-transparent overlay over images, videos, and anything else

See Project Examples