Homepage Site Notes
- Hero Video Section
- Welcome Statement
- Photo Quicklinks
- Infographic
- School Life
- Social Media Panel
- Discover Songdo
- Meet Our Community
Hero Video Section
This section is a Resource element that is currently set to mp4 video. The text caption that lays on top of video is set up as a content element that sits below the resource element for the video.
Updating The Video
The video appears at the top of the page, you would update this like any other resource element when switching out the video
- Hover over resource element for the video
- Click on the Gear Icon
- Expand Design and select Browse
- Source new video from Resources
Note: Videos should be uploaded at 1920 x 1080
- Hit Save
Updating The Photo for Mobile Views
On mobile screens a still photo will display instead of the video. To update the photo on show
- Hover over resource element for the video
- Click on the Gear Icon
- Expand Design and select Resources in the Background Image section
- Choose an image from Resources.
Note: Images should be uploaded at 1600 x 1120
- Hit Save
Updating Text Overlay
Under the video you will see the default banner showing (this is your sticky header) under that is a content element that contains the text to appear on top of the video
- Hover over content element
- Click Edit Content
- Update statement to show on video
Set the text to appear as H2 that is found in the paragraph format dropdown.
Create button and assign the button-red custom class to keep the intended design.
- Hit Okay
- Hit Save
Welcome Statement
Photo Quicklinks
This element is set up as 3 column layout element with a content elements inside.
Updating Content Elements
- Hove over the element you want to update and select the Gear Icon for the Element Settings
- Expand the Design dropdown
- Under Background Image select Resource to source background image for this element.
- Hit Save
Setting Buttons ON Image
- Hover over element click Edit Content
- Create new button for what you want to appear over image, add Button Red class to keep the design/
- Hit Save
- Publish Changes
Infographic
This element is set up with content elements set up within a container element.
Updating INFOGRAPHICS
- Hover over content element
- Click on Gear Icon of each individual image
- Update title text field to show line 1 text
- Open the Design dropdown
- In Custom Class field add appropriate custom class for icons you want to appear (see image below for visual)
- In Header Content area add 2nd line text
- Hit Save
- Hit Publish
- icon-baseball
- icon-basketball
- icon-calendar
- icon-certificate
- icon-chicken
- icon-college
- icon-finish-line
- icon-football
- icon-giving
- icon-globe
- icon-golf
- icon-grad
- icon-group
- icon-ib
- icon-lacrosse
- icon-medal
- icon-running
- icon-school
- icon-scroll
- icon-soccer
- icon-swimming
- icon-tennis
- icon-track
- icon-trophy
- icon-volleyball
- icon-water-polo
School Life
This element is set up as a post element
SChool Life Gallery
The School Life gallery uses Posts. In Posts Manager please refer to the Example Board for examples on how to add content. Once the posts have been created and the element is added to the page you will then update the content filter section to display a particular board.
- Create new posts you will need to create a post for each news piece and be sure to add the following;
- Post Title
- Thumbnail image
- Summary (this is what displays next to image)
- Body Content
- Optional Custom Class symbol for watermark to appear (set this in custom class field under additional settings)
- Hit Save
Custom Classes Included;
Symbol |
---|
Leaves |
funnel |
bike |
clock |
cube |
waterwheel |
building |
sculpture |
observatory |
whale |
convensia |
Social Media Panel
This element is set up with 2 feed elements set up in a 2 width layout element that is set in a container element.
Updating Social Media Feed Element
- Hover over one of the social media elements being pulled into the page
- Click the gear icon for the element
- Custom Custom tab click on "sources" dropdown
- Select the feed you want to display in this element, THIS is the only thing that should be updated NOTHING ELSE should be altered or it will break the page
- Click Save
Note: Images will only appear if they are set to the social media post that is displaying.
Discover Songdo
This is set up as a container element set up with a content element for the content on the left, a resource element for the map image and another resource element for the Discover Songdo map plot points.
Updating Discover Songdo Overlay Content
- Hover over content element
- Click Edit Content
- Update the following
Image
Title set by adding H2 to text
Body text is added below
- Double click on buttons to update link destinations
- Select HTML <> icon to update button title
- Hit Okay
- Hit Save
Updating VIDeoS FOR MAP PLOT POINTS
- Go to Resources and Galleries
- Under 2019 Design see Discover Songdo Gallery
- In Gallery locate video thta has the title for the plot point you want to update
- Select Video & click on Edit (or pencil icon)
- Select the Replace Resource icon under the video in the bottom right corner
- Select new video
- Hit Update
Meet Our Community
This panel is set up with a container element with a post element set up within.
Global Community Gallery
The Global Community section on the homepage uses Posts. In Posts Manager please refer to the Global Community Example Board for examples on how to add content. Once the posts have been created and the element is added to the page you will then update the content filter section to display a particular board.
- Create new posts you will need to create a post for each news piece and be sure to add the following;
- Post Title (This should be the name)
- Thumbnail image
- Summary (this is what displays next to image)
- Body Content (This will be what appears on pop up)
- Optional Custom Class symbol for watermark to appear (set this in custom class field under additional settings)
- Hit Save
Be sure to have a start date set on the post.
Custom Classes Included;
Symbol |
---|
Leaves |
funnel |
bike |
clock |
cube |
waterwheel |
building |
sculpture |
observatory |
whale |
convensia |