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

  • dyuburg

    (@dyuburg)


    11 лет, 6 месяцев назад

    В новой версии нет настроек отступов изображений от текста. Если картинку расположить слева, то между ними есть расстояние, а вот при расположении изо справа, текст прилеплен вплотную. Причем, если вручную задать отступы в html, то в редакторе видно изменения, а при сохранении изменений и переходе на страницу, все остается неизменным.
    Подскажите, как решить проблему. Если есть возможность вернутся к более ранним версиям Вордпресса, буду благодарна подсказке, как это сделать!

Просмотр 15 ответов — с 1 по 15 (всего 16)
1 2
  • 1596754as98

    (@adminstrelok)

    11 лет, 6 месяцев назад

    Проблема имеет место быть и уже неоднократно обсуждалась и есть её решение. Читаем здесь

    VVSWarHead

    (@vvswarhead)

    11 лет, 6 месяцев назад

    добавляем padding: 0px 0px 0px 0px;
    в тэг <img> и радуемся, или юзаем padding-top / bottom итд

    сохранять в таком случае надо именно в редакторе html

    Автор dyuburg

    (@dyuburg)

    11 лет, 6 месяцев назад

    Константин, спасибо за помощь! Я скачала плагин, но в визуальном редакторе ничего не изменилось после активации плагина. Где происходит работа с изображениями?
    А в html коде изменения вносить бесполезно, после сохранения они не отображаются на странице…

    Автор dyuburg

    (@dyuburg)

    11 лет, 6 месяцев назад

    VVSWarHead, спасибо! Буду пробовать!

    1596754as98

    (@adminstrelok)

    11 лет, 6 месяцев назад

    Я скачала плагин, но в визуальном редакторе ничего не изменилось после активации плагина

    Я этим плагином не пользуюсь. У меня нет такой проблемы, несмотря на то. что WP 3.9. Но в любом случае любой плагин надо не только установить и активировать, но и разобраться в его настройках. Вероятно они должны появиться при нажатии кнопки «редактировать изображение- дополнительно»

    Автор dyuburg

    (@dyuburg)

    11 лет, 6 месяцев назад

    Повезло Вам! В настройках ничего нового не появилось. Буду копать дальше! Спасибо за помощь!

    VVSWarHead

    (@vvswarhead)

    11 лет, 6 месяцев назад

    Повезло Вам! В настройках ничего нового не появилось. Буду копать дальше! Спасибо за помощь!

    Используйте редактор кода, в любом случае сами вы сверстаете текст лучше, чем визуальный редактор

    Автор dyuburg

    (@dyuburg)

    11 лет, 6 месяцев назад

    Вы имеете ввиду кодовый редактор самой записи, с которой я работаю, или редактор установленной темы? Если брать html-код записи, то я уже пробовала, добавила отступы, и в визуальном редакторе они отражаются, но почему-то, когда я смотрю страницу на сайте (сохранив изменения, конечно), все остается по-прежнему — текст прилеплен к картинке…

    1596754as98

    (@adminstrelok)

    11 лет, 6 месяцев назад

    Повезло Вам! В настройках ничего нового не появилось

    Я сам этому удивляюсь, но думаю что мне повезло в правильно и тщательно выбранной теме. В ней как вставлялись картинки, начиная с версии 3.7, так и по сей день вставляются без всяких «плясок с бубном».

    Я даже не знал что эти отступы можно и нужно регулировать…. Всё как то само собой получается так, как мне надо.

    VVSWarHead

    (@vvswarhead)

    11 лет, 6 месяцев назад

    Вы имеете ввиду кодовый редактор самой записи, с которой я работаю, или редактор установленной темы? Если брать html-код записи, то я уже пробовала, добавила отступы, и в визуальном редакторе они отражаются, но почему-то, когда я смотрю страницу на сайте (сохранив изменения, конечно), все остается по-прежнему — текст прилеплен к картинке…

    я имею ввиду часть tinyMCE — то есть редактора, которым вы пишете статьи
    там есть две вкладки «визуально» и «текст»
    так вот, если вы работаете и сохраняете в режиме «текст» -> все html тэги идеально воспринимаются как и отсупы

    кстати посмотрите в вашей теме, может быть у вас там

    .img{
   padding: 0px;
}

    или что похожее ?

    пример работы отступа — между обложкой книги и текстом стоит padding в 20 пикселей
    версия wp последняя, страница редактируется через «текст»

    Автор dyuburg

    (@dyuburg)

    11 лет, 6 месяцев назад

    Здорово)))) А я уже почти шаман! Пляшу с завидным постоянством))))

    Автор dyuburg

    (@dyuburg)

    11 лет, 6 месяцев назад

    VVSWarHead, да я именно во вкладке «текст» и работала, безрезультатно)))
    посмотрела в редакторе установленной темы (таблица стилей), вот, что есть, касаемо img:
    }
    img.left{
    float:left;
    margin:0 1em 1em 0;
    }
    img.right {
    float:right;
    margin:0 0 1em 1em;
    }
    a img {
    border:0;
    max-width:100%;

    VVSWarHead

    (@vvswarhead)

    11 лет, 6 месяцев назад

    киньте ссылку на сайт — я посмотрю что там к картинкам у вас прилепляется

    Автор dyuburg

    (@dyuburg)

    11 лет, 6 месяцев назад

    http://happy-free.com/blog
    это ссылка на мой блог. самая верхняя запись с картинкой справа, остальные картинки слева. Разницу можно увидеть сразу же, как работает редактор изображений на автомате. На Главной страничке сайта есть картинка, которая расположена тоже справа и выглядит она хорошо (с отступами), но лишь потому, что я успела сделать страничку в предыдущей версии Вордпресса, когда была возможность регулировать отступы.
    Спасибо Вам за помощь!

    VVSWarHead

    (@vvswarhead)

    11 лет, 6 месяцев назад

    откройте запись в режиме радактирования «текст»
    вы увидете вот такой тэг, кроме текста:

    <img class=»alignright wp-image-994 size-medium» src=»http://happy-free.com/wp-content/uploads/2014/04/Путешествие-к-себе-198×300.jpg&#187; alt=»Найди источник счастья вместе с курсом "Путешествие к Себе"!» width=»198″ height=»300″>

    сделайте вот так

    <img class=»alignright wp-image-994 size-medium» src=»http://happy-free.com/wp-content/uploads/2014/04/Путешествие-к-себе-198×300.jpg&#187; alt=»Найди источник счастья вместе с курсом "Путешествие к Себе"!» width=»198″ height=»300″ style=»padding-left: 20px;»>

Просмотр 15 ответов — с 1 по 15 (всего 16)
1 2

Тема «Как сделать отступы у изображений» закрыта для новых ответов.