Images

Contents

How to insert an image into a post?

How to edit an 'alt' attribute?

How to change an image?

How to view the full-sized image?

How to get a link for an uploaded image?

How to add a gallery?

How to adjust indentations below an image?

How to add a caption to an image?

How to edit captions under images in the post?

How to transform an image into a link?

How to create an anchor for the image?

Which image formats are supported?

How to set a fullscreen image?

WordPress

How to set a background image?

 

How to insert an image into a post? 

To add images to your post, you must first upload them from your files. Click the image icon in the right-hand toolbar and click Upload to browse saved images on your computer. Select one and click open. This will upload it to the Post Editor.

 

To insert an image into a post, click in a paragraph, and select the image icon in the right-hand toolbar. The image will appear where you have clicked inside the post.

 

How to edit an 'alt' attribute?

Click on Alt text -> Edit below the image and fill in an alternative text.

Please keep in mind that an alt attribute is very important for SEO as it is indexed by search engines. Alternative text is displayed on the page if an image is not successfully loaded by the browser.

 

Screen_Shot_2017-12-01_at_12.51.19.png

 

How to change an image?

To change images click on the  “Change image”   Screen_Shot_2017-09-14_at_15.55.17.png button in the bottom right corner of the image and select another image from your already uploaded images.

 

    

How to view the full-sized image?

Click the preview icon in the bottom left corner of the image (magnifying glass). This will open a separate tab in your browser with the full-sized original image. This icon appears on the right side of the image if it has not been added to the post but is uploaded to the image tab.

 

How to get a link for an uploaded image?

This option is available for images uploaded to the image tab (but not in the post). Click the [link] icon on the right of the image. The link will appear in a new window

 

How to add a gallery?*

To add a gallery to your post, click in a paragraph and click the Add image gallery tab in the right-hand toolbar. Click Add image in the displayed gallery in the post area. Choose from your uploaded images to add them to the gallery.

We display galleries in editing mode in WYSIWYG format - exactly like it looks on a post preview page. You can even slide the images. Any custom CSS hacks added for a gallery will also be displayed in the editing mode.

You can also rearrange the images inside the gallery - just click on the gallery settings icon and in the popup you can change the order by drag&drop of images thumbnails. You can also add new images to the gallery there.

*Galleries are available only on the Pro plan.

 

How to adjust indentations below an image?

Click on the image and select Bottom Indent from the Image tab. You can specify the indent size in pixels (px).  

 

How to add a caption to an image?

Add a caption by clicking   Screen_Shot_2017-09-14_at_15.55.17.png  in the bottom right corner of the selected image. A text box will appear under the image for you to add your caption.

Click [caption icon] to remove unwanted captions you have already added.

 

How to edit captions under images in the post?

Click in the paragraph where the caption appears (under the image). This will open the Captions tab, allowing you to change the caption alignment (left, center, right, post width) and the style of text (bold, italic, or underlined).

 

How to transform an image into a link?

Click on an image to open the Image tab. Insert the web address into the Link field and press Enter or the [arrow button]. Clicking on this image will upload the link in a new tab.

 

How to create an anchor for the image?

Click on the image to open the Image tab. Click the Anchor icon and give the image an anchor name. To reach this anchor from another part of your post, highlight the desired text or elements and in the Selection tab, select the Anchor name. Clicking on this text or element will take you directly to the image where the anchor was applied. This is useful if you are adding infographics or a map, as the user can easily navigate the post whilst reading.

 

Which image formats are supported?

Supported image formats are as follows:

.jpeg, .gif, .svg, .png, .bmp

Bear in mind that due to security reasons uploading .svg directly to the WordPress media library is prohibited. Nevertheless, you can do it through any relevant plugin such as SVG Support.

 

What are overhangs?

Overhangs are when content is added to indents. They can be added to grids, images, and embeds.

Overhangs are disabled by default (Overhangs -> None). Overhangs can be applied to both margins or just to the left or right. The overhang size depends on the margins in the selected style (for example, if margins = 0, overhang also = 0). For mobile devices, indents from the post edge are equal to 10 px on both sides. In order to remove indents, click Overhangs -> Both.

 

How to set a fullscreen image?

Setka Editor works with post content only.

If your page template enables full-width posts, open a Post tab, select Layout Grid -> Limited, and set Overhang – Both for image properties.

 

WordPress:

Images in your post cannot extend beyond your post width, which is determined by your WordPress theme. If your theme setting does not allow 100% width, you can install the Fullwidth Page Templates plugin, manually edit the CSS files of your WordPress theme or set respective Post Attributes.

Once you have enabled 100% width, you will be able to set full-screen images.

 

How to set a background image?

Learn how to set a background image for the post, grid, or column from this article.