Creating a Splash Page for Your Online Portfolio Website

Sometimes it may be desirable to create "Splash" page which acts as an introduction to the work on your portfolio. When you first build a Crevado Online Portfolio Website it will not include a Splash page but it's really easy to create one.

How to Create a Splash Page:

From Crevado Admin, click Pages:

Next, click on the Create Page button on the right of the screen:

A popup will open entitled Create New Page. Once here, under the heading Page Type click on the downward arrow. This will reveal a dropdown menu of Page Type options and you need to select the Splash Page option by clicking on it, as shown below:

You can then fill in the other options on the Create New Page popup, i.e. the Link Title and the Page Title, with whatever description you wish (for this article we have called both fields "Home"). When you are done, click the Create button:

Once you click on the Create button you are automatically brought back to the Pages area of your Crevado Admin. A yellow popup will appear at the top of the screen stating: "Page was successfully created".

Now, in your Pages area of Crevado Admin you will see that the new splash page (that we have named Home for this article), which you have just created, is at the top of your list of Pages. You now need to populate your splash page with some images! Do this by clicking on the Edit Page Content button to the right of the page title:

From here, you are able to populate your splash page by clicking on the Upload button and choosing images one by one:

For every image that you upload (one image = one slide) you can specify a Strap Line and Link.

Note: Adding a Strap Line and/or Strap Line Link are optional; the choice is yours! You can add a different Strap Line and/or Strap Line Link to each of your images if you wish!

In the following screenshot you can see what the Strap Line looks like ("Don't Create Limitations") when it's displayed on the splash page of our Crevado Online Portfolio Website:

If you have also enabled the Strap Line Link then users will be able to click on the strap line to be taken to the link of your choice.

Customizing the Slider on your Splash Page

Splash pages come with a bunch of other customization options which are accessible underneath the Slider management area:

Splash Images

When the Cover Entire Screen option is enabled your slider will cover the entire screen.

When you choose Contained Within Page Content Area the slider will appear confined within the content area of the page rather than covering the whole screen - it will appear where content normally appears i.e. contained within the middle of the page.

Site Navigation Visibility

Use these options to choose whether or not to hide the navigation links and other header items on your Splash page.

So, once you have decided whether to have a Splash page that covers the entire screen or one that is contained within the page content area (as discussed above), you can then choose to have the site navigation visible or hidden.

You can click on the option to Hide Header Elements, as shown below, to hide the navigation links and other header items:

And here is an example of a Portfolio with the Hide Header Elements selected and a Splash page that covers the entire screen and has a strap line displayed:

This next example shows Hide Header Elements option enabled, the strap line visible and the Splash page this time is contained within the page content area and not set to the entire screen option. The most obvious difference is the white boarder around the image that is not present with the entire screen option.

Now to the Show Header Elements option where the navigation links and other header items are visible, click on the circle to select it:

And this example shows the same Portfolio with the Show Header Elements enabled, the splash page once again covering the entire screen and strap line displayed:

Finally, this last example is again the splash page contained within the page content area, strap line visible and show header elements also enabled:

Automatically Jumping to a page after the slider finishes

The Jump Page option allows you to automatically take a visitor to another page on your Online Portfolio after the last slide on your Slider has been viewed. This option is especially useful when combined with a Slider which is set to advance slides automatically. To set the Jump Page, Click on the Jump Page option box:

Once clicked you can select the Jump Page from the Pages dropdown:

Click on the Save button to save your selection.

A yellow popup at the top of the page will state Setting Updated. Also, you will see that the Page you have chosen to jump to is now written under the heading Jump Page:

NOTE: To disable the jump page simply select - No Jump Page - from the dropdown.

Automatically Advance Slider

This allows you to automatically advance the slider at a predefined interval. Adjust the interval by dragging the blue dot horizontally, or clicking on the desired interval:

Navigation Arrow Visibility

This setting allows you to choose whether to show or hide the navigational arrows on your Splash page Image Slider.

To hide the slider navigation click on the circle to select it:

To show the slider navigation click on the circle to select it:

Here is an example of a Portfolio Splash page with the navigation arrows shown:

As always, we value your feedback, if the Slider doesn't satisfy your needs just let us know!