Edge One Pager is a shortcode introduced in Ken 2.0. Using the One Pager mode of Edge Slider you can show your slides separately in full height and on a vertical axis. Please click here to see a demo of this shortcode.
Edge One Pager
To add an Edge One Pager you need to go to the Edge Slideshow menu item and add the slides that you wish to include. There are two choices to add slides: one, by using the slide options presented in the Edge Slider single-post addition screen or two, by using the Visual Composer. Here is the list of options presented on the Edge Slideshow slide entry page with their descriptions:
Using this option you can define specific animations for the content of this slider. This option will affect custom content that you create in the Visual Composer or the built-in captions and buttons. Animation choices are:
- Fade In
- Slide From Top
- Slide From Left
- Slide From Bottom
- Slide From Right
- Scale Down
- Horizontally Flip
- Vertically Flip
You can choose between having an Image or Video type for your slide.
If you choose to have an image as your slide, use this option to add in your image. For better quality in all browsers, the recommended size is 1920X1080 pixels.
If you choose to have a video as your slide, use this option to upload your video. You will need to add multiple video formats to make your slide work in all browsers. MP4 video type is for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7.
If you choose to have a video as your slide, use this option to upload your video. You will need to add multiple video formats to make your slide work in all browsers. WebM video type is for Firefox4, Opera, and Chrome.
If you choose to have a video as your slide, use this option to upload your video. You will need to add multiple video formats to make your slide work in all browsers. OGV video type is for older Firefox and Opera versions.
This will be the placeholder image for the video when it is not played or if there’s a lack of video support. This image will also be shown on mobile devices instead of videos.
This options scales the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.
You can use a solid background color for your slide which is suitable for company logos or other like cases.
Enabling this option will add a pattern overlay to the video. This overlay will make your text and buttons much more readable over the video.
Enabling this option will add a color overlay which will stay over the video or image so that the final output will be colored.
This option will set the alpha opacity-level of the option above. The color will be more opaque if the level is closer to 1 and more transparent if it is closer to 0.
These options will determine the position of the content added to the slide. Available options are:
- Left Top
- Center Top
- Right Top
- Left Center
- Center Center
- Right Center
- Left Bottom
- Center Bottom
- Right Bottom
This option will determine how much of the width of the screen will be occupied by the content added into the slide.
This option will add a caption title into the slide.
This option will determine the font size of the caption title.
This option will determine the font weight of the caption title. Available options are:
- Semi Bold
This is the main place to add the actual text for your slide caption.
If you are using a dark or light image for your slide, the text you are using should adapt accordingly in order to be visible. This option will help you determine the skin of the text. Here is the list of options available:
- Custom Color (If you choose this option then you can select your custom color from the option described below)
If you choose item C from the options above, this option will appear. You can easily set the color of the text you like here.
Use this option to select the style of button you want to add to your slide. Options available are:
You can set the skin of the button on your slide here. Options available are:
- Theme Skin Color
Add button text using this option.
This option will determine where to redirect if the button is clicked. Don’t forget to add https:// for this option.
This option is going to change the skin of the header including the logo and the navigation menu, depending on the option you choose. Available options are:
For more information about adding Edge Slideshow slides please watch the video below:
Adding the Shortcode onto the Page
After adding the slides using the Edge Slideshow post type, you can add the Edge One Pager shortcode on the Page/Post edit screen using the Visual Composer. Just click on Add Element, and search for Edge One Pager to add the element. After this, the Edge One Pager edit screen will open.
Here is a brief introduction of options that is available for the Edge One Pager shortcode:
You can add the slides you already added using the Edge Slideshow menu item here. Just click on the selection box and search for the name of your desired slide. You can add as many slides as you like, but we recommend keeping this limited so there will be no impact on your website speed. More slides means more images and media to load which will make your website slow.
You can choose the order type for the slides. Available options are:
- ASC (Ascending Order)
- DESC (Descending Order)
You can determine the order of the selected slides to appear on the front end. Available options are:
- Posts In (manually selected posts)
- Menu Order
- Post Id
- Comment Count
- No Order
This is an option which is common amongst most shortcodes. If you wish to style a particular content element differently, then use this field to add a class name and then refer to it in the Custom CSS settings inside Theme Settings.