Правое поле WordPress хостинг
Текущие версии WordPress теперь есть выравнивание изображения встроенные. WordPress добавляет классы CSS, чтобы выровнять изображение справа, слева и в центре абзаца, поэтому текст будет обтекать изображение.
Для того, чтобы воспользоваться преимуществами этих новых классов CSS для выравнивания изображений и текст оборачивать вокруг изображения, Тема WordPress должна включать в себя следующее в style.css находится в каталоге Темы WordPress.
При добавлении изображения в свой блог WordPress, выберите выравнивание изображения, как справа, слева или в центре в Image / Медиа Группы.
Изображение будет встроено в ваш блог пост с выбранным стилем для выравнивания, такие как:
Для получения более подробной информации о стилизации изображения в WordPress см Обтекание текста вокруг изображений. Изображения могут иметь границы, рамки, подписи. и стилизовать по-разному. Есть два основных способа стиль изображения на вашем сайте. Вы можете укладывать его внутри таблицы стилей или инлайн на конкретном изображении.
Стилизация Все изображения
Стилизация изображения внутри style.css вашего WordPress тема может охватывать стиль для каждого изображения на вашем сайте, или конкретных изображений.
Для того, чтобы стилизовать каждое изображение на вашем сайте, чтобы выглядеть определенным образом, искать или добавить селектор CSS для тега изображения. Затем добавить свои стили в теге. Например, допустим, что вы хотите черную рамку вокруг всех ваших изображений, и вы хотите, пространства между границей и изображением, а также соответствующим интервалом вокруг изображения и текста.
Может быть, вы хотите что-то немного более драматичным. Вы можете изменить толщину границы и установить его в «двойной» линии. А может быть, вы действительно хотите, чтобы изолировать изображение от остальной части текста, так что вы увеличить запас вокруг изображения.
Стилизация конкретных изображений
Вы можете добавить в таблицу стилей определенного стиля для некоторых изображений. Если вы уже величают все ваши изображения, вы должны убедиться, что вы указываете все декларации стиля или атрибута, указанного в стиле тега изображения, чтобы переопределить этот атрибут. Если вы не измените запас, то он останется таким же в новом стиле. Это называется CSS Parent / Child отношения.
Допустим, вы хотели бы иметь некоторые изображения в ваших сообщениях, поданных в категории природы имеют красивый зеленый фон. Остальные образы должны выглядеть одинаково, только те, которые вы добавляете в вашей категории Природа. Вы просто добавить класс в таблицу стилей и каждое изображение в этой категории.
Для того, чтобы сделать его легко запомнить, мы будем называть наш класс «характер». Мы хотим иметь очень темно-зеленую густую границу и средний зеленый фон вокруг изображения, чтобы выделить его.
На каждом из изображений в пределах этой категории, вы просто добавить класс для «природы»:
Если вам нужно больше стилей для различных изображений, вы можете создать несколько из них по мере необходимости.
Стилизация одного или двух изображений непосредственно
Есть моменты, когда вы просто хотите один или два изображения на вашем сайте, чтобы отличаться от остальных. Этот метод называется встроенные стили. Он применяет стили CSS непосредственно к самому изображению.
Например, вы хотите иметь изображение, изолированное на черный фон, чтобы привлечь внимание к нему.
Это не метод, чтобы использовать на каждом изображении. Он будет использоваться на случайных изображений, которые нуждаются в «кое-что особенное.»