Перейти к содержимому


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


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 sapedbiz

sapedbiz

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
  • ГородAnnapolis

Отправлено 08 Февраль 2017 - 20:47

Подскажите, пожалуйста, как сделать отступы между картинкой и текстом в блогах Wordpress?

#2 admin

admin

    Администратор

  • Администраторы
  • 502 сообщений

Отправлено 08 Февраль 2017 - 22:33

В Wordpress предусмотрено 4 вида выравнивания картинок:
1. Нет – в этом случае картинка является как бы частью строки. Этот вид выравнивания удобно использовать для совершенно маленьких картинок, например, таких Отступы в Wordpress , которые являются практически частью текста. Отступы в этом случае не используют.
2. Слева – картинка располагается слева от текста.
3. Центр – картинка должна располагаться по центру области вывода статьи. Текст находится сверху и снизу картинки.
4. Справа – картинка выводится справа от текста.

Если мы просто используем выравнивание слева или справа, то картинка будет выглядеть так:

?зображение

Т.е. она вплотную «прилипает» к тексту.

Для того, чтобы получить отступ между картинкой и текстом, делаем следующее:
1. В админке блога щелкаем на картинке. На ней появятся два значка – "Редактировать изображение" и "Удалить изображение".
2. Щелкаем на "Редактировать изображение".
3. Появится окошко. Если вы при загрузке картинки не выбрали вид выравнивания, то это можно сделать сейчас. Далее переходим на вкладку "Расширенные настройки".
4. Прокручиваем окно расширенных настроек вниз и находим там поля Отступ (верт) и Отступ (гориз). В них вписываем какие-то значения. Я обычно ставлю 10. Нажимаем на кнопку "Обновить".
5. Любуемся результатом.

Некоторые шаблоны дизайна блогов на Wordpress обладают такой особенностью, что когда мы выбираем выравнивание по центру, картинка хоть и располагается между фрагментами текста по вертикали, но по горизонтали все равно прижимается к левому краю. Такой глюк наблюдается в шаблонах Гудвина, в теме lifestyle и в некоторых других. ?справить это недоразумение тоже можно с помощью установки отступов. Достаточно поставить такой картинке отступ по вертикали, как она послушно размещается по центру, как ей и полагается.

#3 sd68rus1

sd68rus1

    Новичок

  • Пользователи
  • Pip
  • 5 сообщений

Отправлено 09 Февраль 2017 - 00:00

Через CSS можно сделать отступы, заходить в стили и прописываешь либо через Float, либо margin
и отступы появятся, через исходный код найди нужный div и вперед




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных