USING WIREFRAME # 2
Single Column Layout | Images or Video & Labels

FEATURES

This wireframe showcases work in a single column format. Images/Videos are accompanied by descriptive labels or captions. A simple, straightforward way to show a body of work. Particularly good for video series or single images of work.

See Sample 1

See Sample 2

GETTING STARTED: FILLING IN YOUR WIREFRAME

This video will walk you through how to fill in the Wireframe Option 2 with your thesis content.

 

Contents:

00:29 * Layout View
01:17 * Hero Block Image & Your Name
03:37 * Thesis Title
03:50 * Abstract
04:49 * Web & Social Links
06:17 * Section 4 & Beyond: Your Work
07:05 * Video in a Basic Block
08:02 * Updating a Label in a Basic Block
09:22 * Replacing the Placeholder Image in an Image Block
10:36 * Carousel Block
12:02 * Saving
12:36 * What’s in the Next Video


HEADER TITLE

In this video, will customize the wireframe to suit your own individual needs, because nobody fits exactly into a template. We’ll cover deleting, moving, and adding content to your page. This means that you can change the type of content—for instance, maybe you want to swap out all the image blocks for image carousels. Or you can modify the layout—for example, maybe you want to add some full width horizontal rules to divide content.

 

Contents:

00:44 * Deleting Overview
01:12 * Deleting a Section
01:36 * Deleting a Block
02:01 * Moving Blocks
04:08 * Adding New Blocks & Sections
05:54 * Adding an Image Block
06:50 * Adding a Carousel Block
07:45 * Adding a Video in a Basic Block
08:52 * Adding a Basic Block for a Label
12:10 * Adding a Caption in a Basic Block
14:27 * Adding Body Text with a Border in a Basic Block
16:26 * Adding a Horizontal Rule in a Basic Block
16:58 * Adding a New Section
19:12 * Adding a Hero Block
20:59 * Adding Bibliography or Endnotes

 


 

QUICK REFERENCE:

 

*** Labels *** 

1. WYSIWYG Styles (in order they are written)

         Title  >> (Text Primary, Text Color White, Header 3)

         Fields 1-3 >> (Text Secondary, Header 3)

         Description >> (Text Primary, Header 3)

 

 

*** Captions *** 

1. The Arrow: ▲

2. WYSIWYG Styles (in order they are written)

         >> (Text Secondary, Header 4)

3. Block Styles

         >> Component Custom Class: caption pt-2 pb-4

 

 

*** Body Text Box *** 

1. WYSIWYG Styles (in order they are written)

         >> (Text Primary, Header 3)

 

2. Block Styles

         >> Component Custom Class: broider-border p-1 m-2
         >> Component Column Count: 2 Columns

 

 

*** Section for a Horizontal Rule *** 

1. Section Configuration Settings

         >> 1 Column
         >> Default Settings 

 

 

*** Section for a Hero *** 

1. Section Configuration Settings

         >> 1 Column
         >> Row Width: 100% 
         >> Enable Hero Row