Редактор постов Изображения

Изображения

Любое изображение, которое вы планируете вставить в текст, сначала нужно добавить как файл. Чтобы добавить изображение, нажмите на кнопку add image на панели инструментов справа, выберите и загрузите нужный файл.

 

 

Как вставить изображение в пост?

Чтобы вставить изображение в пост, добавьте новый абзац, а затем кликните на загруженную картинку. Чтобы вставить изображение в строку, нажмите Shift + Click.

 

Изображение как фон

Чтобы добавить изображение на фон, нажмите на кнопку add image на панели инструментов справа, выберите и загрузите нужный файл. Затем откройте вкладку Post и в меню Background выберите загруженное изображение. 

 

Настройте расположение и размер фона

Картинка может повторяться (Background repeat), поворачиваться по вертикали или горизонтали. Вы можете ее зафиксировать (Background repeat > fixed) или сделать так, чтобы она прокручивалась (Background repeat > scroll) при пролистывании поста вниз. Можно задать размер изображения (Background size) и его положение в посте (Background position), а также решить, стоит ли показывать фон на мобильных устройствах (Mobile background > on/off).

 

 

В сетке фон (не только изображение, но и заливку) можно задать любой колонке по отдельности и всей сетке целиком.

Чтобы убрать картинку с фона, нужно во вкладке Column выбрать меню Background и кликнуть на прозрачный фон.

 

Как просмотреть загруженное изображение в реальном размере?

Нажмите на кнопку add image, а затем на значок лупы в правой части загруженного изображения. Оно откроется в отдельной вкладке в вашем браузере.

 

 

Как получить ссылку на загруженное изображение?

Нажмите на кнопку add image, а затем на значок ссылки в правой части загруженного изображения. Во всплывающем окне появится ссылка на него.

 

 

Как добавить галерею?*

Загрузите изображения на панели инструментов справа от окна предпросмотра, нажмите на кнопку  add image gallery, выделите появившиеся окно в поле поста,  и выберите те картинки, которые вам нужны.

Галерею можно вставить и в колонку сетки.

*Инструмент галереи доступен только на тарифах Pro.

 

Как регулировать отступы снизу под изображением?

Нажмите Image > Bottom Indent. Вы можете задать размер отступа в пикселях (px). Вы также можете использовать шорткат Cmd / Ctrl + (стрелочка вниз-вверх).

 

Как сделать подпись изображению?

Выделите нужное изображение в поле поста, кликнув на него курсором. В появившейся строке под изображением введите подпись. Если оставить поле пустым, после картинки останется отступ, который вы задали в меню Bottom indent, но подпись не будет отображаться.

 

Как редактировать подписи под изображениями в посте?

Подписи могут располагаться под картинкой по центру, справа или слева. Кроме того, они могут быть написаны курсивом или жирным шрифтом. Чтобы форматировать подпись, выделите ее в поле поста, кликнув на нее курсором.

Нажмите Description > Caption align и выберите нужный тип выравнивания на верхней панели инструментов. Выровняйте текст по центру, по левому краю, по правому краю или по ширине поста.

Нажмите Description > Caption styles и выберите нужный тип оформления: жирный, курсив или подчеркнутый.

 

Как превратить изображение в ссылку?

Выделите изображение, кликнув на него, откройте вкладку Image и вставьте ссылку в поле Link.

 

Как превратить изображение в якорь?

Откройте вкладку Image и дайте изображению название в строке Anchor name. Чтобы вернуться к нему из другой части текста, нажмите Selection, а затем выберете заданное название в меню Anchor. Эту функцию можно применять, если вы, например, добавляете в пост инфографику или карту, к которой читателю нужно возвращаться по мере чтения текста.

 

Как загрузить .PDF файл внутрь поста?

В разделе Add image - Upload можно добавить только графические файлы форматов .jpeg, .gif, .svg, .png.

Однако, вы можете загрузить файл иного типа на ваш сервер по FTP или через панель инструментов вашей CMS. Сделав это, в нужном месте вашего поста, вы можете вставить ссылку на файл или, кликнув на объект, присваиваете ему url на ранее загруженный файл.

 

Что такое Overhangs?

Overhangs — это вынос контента на отступы. Их можно добавить для таблиц, картинок, эмбедов.

При верстке поста в редакторе Setka Editor появляются отступы от края поста до контента с правой и с левой стороны.

По умолчанию выносы отключены (Overhangs > none). Для каждого элемента индивидуально есть возможность выставить выносы в обе стороны (влево и вправо) или в одну сторону (только влево или только вправо). Величина выноса зависит от размера полей (margins) в выбранном стиле (например, если в стиле margins = 0, то вынос тоже равен 0). На мобильных устройствах у всех стилей по умолчанию отступы от края поста равны 10px с обеих сторон. Чтобы убрать отступы, нажмите Overhangs > both.