Skip to main content

Set Thumbnails for Individual Images

You can set individual images to be shown as a thumbnail image instead of at full size. This is useful if you only want to use the thumbnail feature for certain images, such as images that are especially large.

Tip

If you want most, but not all, images to use thumbnails it may be quicker to Set All Images as Thumbnails and exclude some images from using thumbnails by adding a role attribute to the mediaobject element and with the value set to img-thumbnail-reset.

To use the thumbnail feature for individual images:

  1. Select Layout in the top menu.

    Paligo editor. The Layout option in the header menu is highlighted.

    Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

  2. Select the Layout you want to update or Create a Layout.

    Tip

    You can copy the URL of the Layout Editor and paste it into a new tab in your browser. This can be useful if you frequently switch between your Paligo content and the Layout settings.

  3. Select Images in the sidebar.

    Images_Layout_options.jpg

  4. Set Use thumbnails for all mediaobject (block) images to default or Disable.

    Layout setting. There is a box with a Use thumbnails for all mediaobject (block) images setting. It is a dropdown and is set to Disable.

  5. Enable Use Lightbox for images to allow users to click on your thumbnail image to display it at a larger size.

    Layout setting. There is a Use Lightbox for images box. Inside it, there is a single dropdown menu and it is set to Enable.

  6. Select Save.

  7. Select the topic or component in the Content Manager to open it in the Editor.

    Content Manager in Paligo. It shows the Documents section contains an Acme 100 Topics folder. Inside the folder there is a publication and many topics, including "Connect to Network (100).

    Alternatively, you can Create a Topic and edit that.

  8. Select the image in the content.

  9. Either:

    1. Select Insert.

    2. Select Image.

    3. Select Make thumbnail.

      Paligo will resize your image in the editor, although it may not be shown as a thumbnail. When you publish, it will be shown as a thumbnail image in the output.

    or:

    1. Select the image's mediaobject element in Element Structure Menu and choose Go to element.

    2. Add the role attribute Element Attributes Panel and set its value to img-thumbnail.

      Element attributes section. It shows the mediaobject is selected and it has a role attribute. The value of the role attribute is img-thumbnail.

      Tip

      If you already have a role attribute on the mediaobject, separate the values with a semi-colon.

  10. Select Save. Save icon.

When you publish your content, Paligo will display the image as a thumbnail. Your users can select the thumbnail to view a larger version (as long as you have enabled the lightbox feature on your Layout, see step 5).