Home/ Questions/Q 5056
Next
Answered
crenshaw-dev
  • 0
Новичок
Asked: 2022-03-16T22:20:48+03:00 In:

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

  • 0

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

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

html-editortinymce
Share

    4 ответов

    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.

    Need An Account,