crenshaw-dev
  • 0
Новичок

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

  • 0

Я хочу, чтобы два изображения отображались рядом. Однако WordPress вставляет разрыв строки между элементами, даже если я использую редактор HTML, а не визуальный редактор.

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

Share
  1. Можете ли вы опубликовать код, который редактор выводит в браузер? Является ли этот разрыв строки фактическим <br /> тегом или просто нежелательным пробелом? На самом деле это может быть проблема CSS темы, а не проблема редактора WordPress…

    • 0
  2. Чтобы избежать разрыва строки при публикации двух изображений рядом, назначьте им класс alignleft или alignright и поместите их на одну строку в редакторе, не пропуская пробелы между ними.

    Пример:

    <img src="/wp-content/uploads/your_image.jpg" alt="" class="alignleft" /><img src="/wp-content/uploads/your_image2.jpg" alt="" class="alignright" />

    Изменить. Я забыл упомянуть, что содержимое после плавающих изображений будет переполняться между изображениями, если вы не очистите плавающие элементы. Я добавляю: <div class="clear"> </div> после изображений и добавляю .clear {clear:both;} в свой css.

    • 0
  3. Наряду с тем, что сказал @Chris_O, когда вы находитесь в редакторе изображений, выберите «Влево» на одном и «Право» на другом. Это относится к классам alignleft и alignright соответственно.

    В вашей теме должны быть определены классы CSS, если у вас есть классы от поставщика, они, скорее всего, там, но если их нет, просто зайдите в редактор темы и добавьте их в CSS:

    .alignleft {float:left;}
    .alignright {float:right;}
    

    Мне также нравится добавлять что-то подобное для изображений, которые я перемещаю, так как тест может охватывать их;

    img.alignleft, img.alignright {
    padding: 5px;
    display: inline;
    }
    

    Очевидно, вы можете добавить поля или изменить отступы по своему вкусу.

    • 0

Оставить ответ

You must login to add an answer.