UPM Training

CREATING PAGES

 

1. Create a new page

  • Find an upper level in navigation pane on left and click hamburger menu on right. Choose New Page.

    add-a-page.JPG

  • Click the page type you want. Normally Landing page is used. Landing page is an empty page where you can build what ever blocks you want and choose the layout yourself. If you are building pages for your site structure (seen in navigation) landing page is a good option.
  • Write name to your page. You can add normal text with special characters, Episerver takes care that empty spaces and special characters are replaced in URL.

2. Add blocks

You have two different areas for adding blocks: Hero content area and Main content area. In Hero content area you can add only title block or different hero blocks. In Main content area can include all other block types.

Please check the video of this Best practices session to learn more about different block types. You can also check and print Block examples layout.

episerver-block-examples.jpg

Note! Remember to use an appropriate naming with blocks. Good naming helps the work because there will be lot of different blocks and part of them might be used in several pages. See below example:

“Content title”/“Block’s name”/“Sites name”

==> 

For life science/Title/UPM Biomedicals

3. Block's display option

You can use a display for each block. Display can be selected by using block's hamburger menu on top right. With displays we can build the layout of the page if we want many blocks are side by side in the same row. Full width is a default option when block is created.

Display options are:

  • Full width
  • 2/3 width
  • 1/2 width
  • 1/3 width
  • 1/4 width
  • full width with one column offset
  • full width with two column offset

4. Check page's settings (including SEO meta description)

When you are ready with all content blocks open page in All properties mode.


all-properties-mode.JPG

In All properties you can find all necessary technical settings:

  • name and URL of the page
  • simple address and possibility to display/hide the page in navigation
  • language versions
  • page's ID and type
  • possibility to manage expiration time or archiving
  • search engine optimization details (meta description and social sharing)
  • tags if needed
  • navigation settings (including for example onepager options, possible to add specific footer or title for page etc.)
  • teaser image and text which are used for example with automatic lift-ups 
  • possibility to exclude page from search or use the page only as shortcut or title text in navigation

all-properties-settings.JPG

Note! Site settings (footer area including social media links, main navigation, search, language selector, error pages etc.) are coming from the site's root level under [Settings]. Those settings are replicated to whole site if page specific settings aren't made.

5. Saving and publishing the page

  • Episerver saves the page changes automatically as a draft version.
  • When you are ready with your content and settings publish the page (Options menu on the top right). When changes has been made on page text Not published yet will appear and quide you to publish. Page can be publish right away by clicking green Publish button. It is also possible to "lock" (Ready to publish) and wait for the right time or Schedule for Publish.
  • If you want to discard the changes you have made and go back to previous published version click Revert to Published or use Versions gadget on the right Toggle assets pane. If you don't have it yet you can add it from the gear button on the top of the assets pane.

publish-the-page.JPG
 

How to create a onepager?

If onepager type of page is needed follow below steps:

  • create a normal landing page
  • add content as you do with normal subpages
  • when the content is ready go to All properties (button on the top right corner)
  • click tab Navigation 
  • select Hide site navigation  to get onepager look and feel to the header area (no navigation)

onepager-footer-content-area.JPG

If page specific footer area is needed for onepager select Use page specific footer and add footer blocks to Footer content area. Language selector is automatically seen on top left corner of onepager if there are language versions, it can be hided by selecting Hide language selector.

Note! There is possibility to use in page navigation with onepagers. Then all subpages are seen below header area. If you want to learn more about it check In-page navigation instruction.