Resources

SplashUp

Overview

SplashUp is a window height section that provides options to create great looking homepages.

Combine background color, image or video options with sticky navigation and masthead style call-to-action headers and buttons.

Note: The SplashUp section also includes another section called SplashUp Nav. This can be used to on pages where you do not wish to use the SplashUp masthead or footer options, allowing your navigation to be uniform throughout your site

Installation & Activation

SplashUp can easily be downloaded from inside WordPress using Extend.

  1. Download the plugin from Extend. It will now appear in your Plugins tab.
  2. Click Plugins, and find your SplashUp plugin (titled PageLines Section SplashUp).
  3. Click Activate to be able to use the plugin inside your editor.
  4. Go to your PageLines Builder where you will now find SplashUp in the Components section.

Settings

As with all section, the SplashUp section includes the Standard Section Options such as padding/margin, background options and etc.

The SplashUp configuration options are separated into three categories, these are Mast Header, Header and Footer.

Mast Header
The main header in SplashUp, enter the text into the field and this will be positioned centrally and wrapped in <h1> tags.

Mast Sub Header
Is a large text field where you can insert text to tell your visitors all about your company, team or website. The text area includes a WYSIWYG providing options for formatting the SplashUp splash text.

Sub header text options

  • Bold, Italic, Underline
  • Select text alignment left, center or right
  • Control the tag that wraps the text, select between header tags <h1> to <h4> or <p> tag.

Toggle Raw Text
The Toggle Raw Text option disables the text editor tools (bold, italic etc...) and allows you to write or insert (copy/paste) HTML code into the Splash region.

Primary/Secondary Buttons
SplashUp supports two buttons, Primary and Secondary that appear beneath the sub header text.

  • Button URL: Enter the URL for the address you wish to the button to navigate to.
  • Button Text: Input text to label the button.
  • Button Color: Select from several color schemes.
  • Button Size: Select from four sizes such as Standard, Large, Small and Mini.
  • Open New Tab? Choose whether the button upon click opens in a new window/tab.

Note: These buttons are optional, to disable do not enter anything into the URL field option.

Header

Logo
Add a logo image by either using the Upload option or selecting an image from the WordPress Media library. The logo is positioned to the left of the primary menu.

Logo Size / Height
Allows for manipulation of the logo height by either dragging up to increase the height or down to decrease. You can also enter a numeric value. This option uses the pixel unit.

Navigation
SplashUp supports three optional navigations Primary, Aux and Footer. As these navigations are optional, you can use all three at once or individually.

Make nav sticky on scroll?, navigation will stick to the top on scroll. Note: since this breaks the page flow, "stickiness" can act strangely in many design situations.

Primary Menu, select a WordPress menu from the drop-down menu (if none appear, you haven't created a menu). The Primary menu is positioned to the top left of SplashUp.

Note: when a logo image is used, the Primary menu is positioned to the right of the logo image.

Aux Menu, select a WordPress menu from the drop-down menu (if none appear, you haven't created a menu). The Aux menu is positioned to the top right of SplashUp.

Footer

The Footer options allows you to add a WordPress menu and text to the bottom/center of the SplashUp section

Footer Menu, select a WordPress menu from the drop-down menu (if none appear, you haven't created a menu). The Footer menu is positioned to the center and bottom of SplashUp.

Footer Text, text input that appears to the right of the Footer Menu.

Shortcode

The SplashUp section can be inserted into a page, post or widget using the shortcode below. This is used as a quick reference and we recommend including a unique ID.


[pl_section section="splashup" id="Enter_Unique_Id_Here"]

On This Page

In Chapter

Links