Текст выиграл т завернуть WordPress хостинг
Опубликовано Bhagwad Парк на 20 мая 2014 | 4 Комментарии
Хороший WordPress пост намного больше, чем стена текста. Он содержит контекст, изображения, блоки цитаты, pullquotes, а также множество других визуальных средств массовой информации, чтобы разделить содержание в легко усваиваемые куски, что делает его легче читать и менее пугающим. Важно, чтобы расположить эти объекты надлежащим образом, хотя и гарантировать, что они вписываются в бесшовно с остальной частью поста. Идея заключается в том, чтобы иметь их дополнить статью, не обратить внимание читателя на его размещение. Он должен чувствовать себя естественно, как если бы он просто «принадлежит». Для этого нам нужно знать, как правильно обернуть текст вокруг объекта, будь-то изображение, или плавающем фрейме. WordPress обеспечивает простой способ для размещения изображения точно, но мы должны сделать немного кодирования, чтобы получить надлежащий внешний вид и для других объектов.
Выравнивание изображения
Так как изображения и фотографии являются наиболее распространенной формой объектов в должности, чтобы обернуть текст вокруг изображения в WordPress абсурдно легко. Убедитесь, что вы используете самую последнюю версию WordPress, так и в визуальном редакторе над иконками WYSIWYG вы найдете кнопку «Добавить медиа», как показано ниже.
Нажатие это позволит загрузить новое изображение или выбрать один из существующей библиотеки. После того как вы выбрали его, детали изображения будут отображаться на правой стороне. Прокрутите вниз и вы увидите раздел под названием «Приложение Настройки дисплея», как показано ниже.
Просто выберите, хотите ли вы изображение появится на слева, справа или в центре. Если вы ничего не выбрали, то изображение будет помещено в HTML без выравнивания. Это просто!
Выравнивание Других объектов
В то время как обертывание текст вокруг изображения достаточно легко, что, если у вас есть пользовательский элемент вроде плавающего фрейма? Несколько маленьких инструменты и виджеты дать вам фрагмент кода, чтобы поместить в HTML вашего WordPress должности и без надлежащего выравнивания, это будет выглядеть ужасно. Есть две вещи, которые мы должны заботиться о:
Размещение объектов
Скажем, у вас есть IFrame фрагмент кода в пределах
Вы можете увидеть, как именно это помещается на скриншоте ниже:
Это ставит Iframe на левой стороне и пункт сразу же после этого в HTML будет обтекать ее справа.
Настройка Поля
К сожалению, это еще не выглядит правильно. Да, объект появляется слева с обертыванием текста вокруг него, но текст слишком близко к краю. Хорошие принципы дизайна говорят нам, что мы должны создать некоторые поля сверху, снизу и справа для левых выровнены изображений и влево для правых выровнены них.
Допустим, мы хотим 10px запас вправо и 22px отступы сверху. Добавьте следующий код сразу после открытия
При размещении в плавающий фрейм он выглядит как это:
Вы можете оставить предварительный просмотр статьи, пока вы получите поля правильно. Вот как это будет выглядеть в конце концов:
Как вы можете видеть, изображение и выровнены влево, а также хорошо проложенный с шагом, чтобы сделать вид, естественно, часть поста, не глядя некрасиво. Вы можете использовать эти методы, чтобы работать с любым внедренного объекта, а не только плавающие фреймы. Будь то фотографии или пользовательский код, это важно, чтобы убедиться, что они подходят гладко в содержание.
Введите свой адрес ниже, чтобы узнать прямо сейчас:
об авторе
Бхагвад Park является техническим писателем из Индии и в настоящее время проживает во Флориде. Он проявляет большой интерес к ИТ-мире, облако, а также ведет блог с упором на права человека в развивающихся странах.