EpiServer & Apsis Training Material

This post will be updated to provide links to all the different items of training material I have produced. It will split in to two main areas (EPiServer and Apsis) and I will try to mark each as beginner / advanced.

Read more ›

Posted in Featured, General

EPiServer Image Sizes Cheat Sheet

EPiServer has a lot of different sizes for images depending on where they are used. It does its best to scale images to suit where they are displayed, however to help it along it is good to optimise your images before uploading them.

This cheat sheet will list all of the known image sizes to give you a size to keep in mind when you plan to upload an image. Do they really need to be 2000px wide when they will be going in a 320px wide area?

Checking Image Size Before Uploading

With Windows 10 (other operating systems are available) you can right click on an image and select Properties. Swap to the Details tab and scroll down. Here we can see the image is 4200px x 2800px and 300 dpi, which means it is a high quality image suitable for publishing use but not optimised for website use.

By resizing the image to a more suitable size before uploading you will be able to tweak the image quality rather than relying on EPiServer to do it for you as a 4200px image automatically scaled down to 320px may look rather pixelated.

Homepage Banners (1920 x 612)

Smaller browser window, full image can be seen.

Full screen on a 24″ monitor, image below his hand not visible.

Contact Blocks (290 x 194)

 

Main Content Header Image (600 x 100)

 

Side Content Block (320 x Auto )

The original image below was square, so it has been resized to 320 by 320.

Where as here it was more rectangular, so it is still 320px wide but by 285px high.

Media Block (481 x 278)

Advanced Download Block (313 x 206)

Standard Page Banner (1024 x 350)

 

Person Block (92 x auto)

In the below image of Rune is 92 x 9x.

Where as Heidi is 92px wide by 137px high.

Vacancy Page (317 x 211)

Page Image

Every page can have an image set for it, which appears in a variety of different places. Below are three ways a page image could be displayed so it would be best to target 320 x 246 as that is the largest size currently in use.

Shown in 4 column content: 235 x 161

Shown in landing page block with 3 pages: 320 x 246

And a landing page block with 4 pages: 235 x 180

 

Posted in EpiServer

Troubleshooting Page Cannot Be Displayed Errors

If you are building a page and after adding a block to the page it suddenly stops working it can be a little hard to see whats going on when all you have is the generic error message.

Read more ›

Posted in EpiServer

Using the “Person” Block

The “Person” block is an easy way of displaying staff profiles, including their name / job title / contact details and a brief bio.

Read more ›

Posted in EpiServer

Adding Related Content To Your Pages

A visitor has landed on your page and reached the bottom of it, but what happens next in their journey? Does your page simply end or do you try to lead them to other related / complimentary content on your site? This post looks at a simple way to lead your visitor towards additional content using existing blocks and pages. Read more ›

Posted in EpiServer

Quick Tip: Finding The Current URL Of A Page / PDF

This quick tip is how to find the full URL for a page or PDF  you have published / uploaded, but without the guess work.

Read more ›

Posted in EpiServer

How To Create Shared Blocks / Re-Using Existing Blocks

With EPiServer it is possible to re-use blocks across a country site, which is useful for common content like contact blocks. This post will start off by showing you how to move your “For This Page” blocks into a folder so they can be shared between pages. I will then show you how to make shared blocks directly in a folder.

Read more ›

Posted in EpiServer

Maintaining Your Contacts In Apsis Pro

Managing your email lists is probably not very high on a marketing person’s list of high priority jobs, however when left for a long time it does build up. We recently moved up to the next payment threshold with Apsis as our collective lists have grown a lot in the last two years, which got me wondering what features are there to manage them.

Read more ›

Posted in Apsis Tagged with: ,

Basic SEO with EpiServer

This post will take a look at the built in EpiServer features that are available and how to edit them to help aid your SEO efforts. Search engines use your web page title and meta description in the search results to show visitors what your page is about.

Read more ›

Posted in EpiServer Tagged with:

Understanding EpiServer Page Translations / Localisations / Versions

EpiServer is a powerful CMS, which in some areas like localisation & translating content also makes it a little confusing at times. As our Crayon website is one “Group” website (www.crayon.com/) with 19 country sites (www.crayon.com/en-GB/ for example) it is important to understand how it all fits together.

This is a very long and in depth post, so get a fresh drink and set yourself to Do not disturb.

Read more ›

Posted in EpiServer Tagged with: , ,