Question 1

Create automatic table of contents

Accepted Answer

Have your table of contents conveniently created automatically in your Webmag editor.

Two snippet variants are available for this purpose:

To do this, select one of the two snippets in your editor and position it on your page.

In the snippet settings you can design the layout and set the start and end pages.

| Note: You can also rearrange or delete the variables of the "Overview" snippets. For example, you can display the {title} in red and as H1 - the {title} of all folders or projects will then be displayed in red and H1. You can also delete variables if, for example, you do not want {description} to be displayed. |

In this way, you can easily create a table of contents in different layout variants.

|| Note: Of course, Webmag offers you also a wide range of other options for manually creating and designing your table of contents.

Question 2

Link to imprint

Accepted Answer

To link your imprint to your navigation bar, simply go to "Navigation" in your project "settings" and add it there ("Imprint Link"). If the imprint is part of your e.g. your magazine you don’t need to put in the complete link but only the name of the article (e.g. imprint). Also type or copy in the text that you would like to be displayed with the link ("Imprint Tooltip Text").

The imprint then will be displayed by a symbol in your navigation bar. This also allows readers to reach your imprint within your magazine at any time with just a single click – which is also mandatory according to the GDPR.

|| Read more information on the subject of GDPR and digital magazines here: https://en.webmag.io/blog/gdpr-digital-magazines

Question 3

Container Snippet

Accepted Answer

|| Please write to us if you would like to have access to this feature: support@webmag.io

Container snippets help to create complex layouts. You can add all Webmag snippets within the container blocks.

Example of a container snippet with two containers blocks

Content

Container snippets
Container sizes
Align container blocks
Vertical alignment
Padding
Background Colour
Position

Container snippets

Q: Create the table of contents

Content lists in digital publications come in many diverse appearances. Webmag offers you the following options: 1. Your menu represents your table of contents Almost all themes include the navigation bar, which contains a menu. You can use this menu to select all pages so that it presents the table of contents. All pages will be added to your menu automatically. The appearance of the pages in the menu <a href="https://help.webmag.io/docs/the-webmag-editor-basics/changing-the-items-menu/">can be changed in the settings</a>. <img src="https://storage.crisp.chat/users/helpdesk/website/a6b07c9890f74000/a305f3b5-6ae5-44db-890b-25aa06_xuuo0r.gif" alt="" /> 2. You create your own page to be shown as the table of contents In case you use a cover for your item a separate page to present your table of contents makes sense. Create a new page and choose an appropriate snippet in the „Navigation &amp; Indexes“ section. <img src="https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/toc_1rjv7f4.jpeg" alt="" /> | Note: A well designed table of contents also provides a potential cover for your items.

Q: Insert sharing buttons

If you want to encourage your readers to share your item on social media, Webmag offers a simple tool to do so. Watch out for the sharing button in the navigation bar – this can be used to share any page. <img src="https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/sharing_ywvyhp.jpeg" alt="" /> Also feel free to create sharing buttons within your page to attract more attention to this option. <ol> <li>Go to "Snippets" and choose "Sharing" within the snippet list. Now use drag and drop to place the sharing symbols at any desired location within your publication. </li> </ol> <img src="https://storage.crisp.chat/users/helpdesk/website/10f0451aa68ce600/1fe25e44-ab6c-47f5-971b-c1460b_1lhca9a.gif" alt="" /> <ol start="2"> <li>Go to the settings of the snippet and set the "Button Link" to "Visible" for each social media platform which you would like to offer as a sharing option in your item. If you want, easily label the individual buttons under "Text". To do so, move the slider to "Visible" and the text will appear. Under "Headline" you can specify your desired heading – which will be shown above the sharing buttons (e.g. "Share article").</li> </ol> <img src="https://storage.crisp.chat/users/helpdesk/website/6dd1d579fed15800/3d34b66e-e410-4129-8ac1-f7567c_bk559h.gif" alt="" />

Q: Set the background of a page (colour & image)

Set fixed background colour of a page You can easily set the background colour of your pages via the fixed background snippet. <img src="https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/background-1_19jhymn.jpeg" alt="" /> To do so, insert the snippet (fixed background) in your page at any position and adjust the colour selection via the snippet settings. <img src="https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/background_1zxf3z.gif" alt="" /> <img src="https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/background_cvtquu.png" alt="" /> Set fixed background images for a page Furthermore, add not only a colour but also an image as a fixed background. All content will then scroll up over the fixed image. In addition, fixed images can be added on the left and right in the sense of dynamic positioning. <img src="https://storage.crisp.chat/users/helpdesk/website/dec6458c8c55a000/background-2_7odtbs.jpeg" alt="" />

Currently we have container snippets with 2, 3, 4 and 6 container blocks. Each container block can be resized for different screen sizes.

Container sizes

Our grid system is defined by 12 columns across a page. You can set adjust size of the containers for 5 different screen sizes.

Extra small <576px
Small ≥576px
Medium ≥768px
Large ≥992px
Extra large ≥1200px

Settings of a container snippet with two container blocks. The blocks have a width of 100% (12/12) on screens smaller than 576px and a width of 50% (6/12) on screens bigger that 768px

Align container blocks

Question 4

Create the table of contents

Accepted Answer

Content lists in digital publications come in many diverse appearances. Webmag offers you the following options:

1. Your menu represents your table of contents

Almost all themes include the navigation bar, which contains a menu. You can use this menu to select all pages so that it presents the table of contents. All pages will be added to your menu automatically. The appearance of the pages in the menu can be changed in the settings.

2. You create your own page to be shown as the table of contents

In case you use a cover for your item a separate page to present your table of contents makes sense. Create a new page and choose an appropriate snippet in the „Navigation & Indexes“ section.

| Note: A well designed table of contents also provides a potential cover for your items.

Question 5

Insert sharing buttons

Accepted Answer

If you want to encourage your readers to share your item on social media, Webmag offers a simple tool to do so. Watch out for the sharing button in the navigation bar – this can be used to share any page.

Also feel free to create sharing buttons within your page to attract more attention to this option.

Go to "Snippets" and choose "Sharing" within the snippet list. Now use drag and drop to place the sharing symbols at any desired location within your publication.

Go to the settings of the snippet and set the "Button Link" to "Visible" for each social media platform which you would like to offer as a sharing option in your item. If you want, easily label the individual buttons under "Text". To do so, move the slider to "Visible" and the text will appear. Under "Headline" you can specify your desired heading – which will be shown above the sharing buttons (e.g. "Share article").

Question 6

Set the background of a page (colour & image)

Accepted Answer

Set fixed background colour of a page

You can easily set the background colour of your pages via the fixed background snippet.

To do so, insert the snippet (fixed background) in your page at any position and adjust the colour selection via the snippet settings.

Set fixed background images for a page

Furthermore, add not only a colour but also an image as a fixed background. All content will then scroll up over the fixed image. In addition, fixed images can be added on the left and right in the sense of dynamic positioning.

Frequently Read Articles

Browse All Categories