Обтекание фотографии текстом на WordPress.

Автор: Olega · Дата: 2 Март 2010 · Прокомментировать

Вы хотите добавить фотографию в текст публикации. Но после добавления, некоторые шаблоны сайтов делают некрасивым обтекания фотографий или картинок. Текст к фотографии примыкает без отступов, что и портит внешний вид. Можно конечно к каждой фотографии отдельно сделать отступы от неё. Но это не всегда удобно, особенно если фотографий или картинок много. В WordPress можно добиться этого достаточно просто. Приведу пример моего любимого, возможно, самого простого способа, с помощью стилей в CSS.

Прежде все го Вам необходимо узнать имя класса css, который отвечает за написанный текст в новой или опубликованной статьи. Откройте исходный код страницы и посмотрите:

</div><!--end-header-->
<div id="container2"><div id="home">
<div id="top">
<div class="blok"> тег отвечающий за класс в статьи
  <h2><a href="http://olegablog.ru/?p=379" title="Повышаем ПР ...

У меня за класс отвечает в красном контейнере строка, див класс блок. У Вас может быть другая, особенности шаблона. Потом заходите в консоль управления, вид, редактор и находите там файл стилей css, как правило, это «style.css». В нём ищете нужный класс, и добавляем новый:

.blok img {
margin: 5px 10px 0px 0px;
}

Точка обязательна перед  blok.  Тег  margin – отвечает за отступ, чтобы легче запомнить, я по часам ориентируюсь:

12 часов – верхний отступ – первое число;

3 часа – отступ влево – второе число;

6 часов – отступ в низ – третье число;

9 часов – отступ вправо – четвёртое число.

Пиксели естественно – это размер отступа, где Вы можете задавать свои. После чего сохраняете.

Вот таким простым добавлением класса у нас получается красивый отступ от фотографий или картинок.

В следующей статьи на тему фотографий я расскажу, как сделать отступ для конкретной фотографии или картинки без стилей css.

Добавить в социальные закладки

• Blink
• del.ici.ous
• Digg
• Furl
• Google
• Simpy
• Spurl
• Y! MyWeb
• БобрДобр
• Мистер Вонг
• Yandex.Закладки
• Текст 2.0
• News2
• AddScoop
• RuSpace
• RUmarkz
• Memori
• Google Bookmarks
• Писали
• СМИ 2
• Моё Место
• 100 Закладок
• Ваау!
• Technorati
• RuCity
• LinkStore
• NewsLand
• Lopas
• Закладки - IN.UA
• Connotea
• Bibsonomy
• Trucking Bookmarks
• Communizm
• UCA
• Slashdot
• Magnolia
• Blogmarks
• Current
• Meneame
• Oknotizie
• Diigo
• Funp
• Hugg
• Dealspl.us
• N4G
• Mister Wong
• Faves
• Yigg
• Fresqui
• Care2
• Kirtsy
• Sphinn
• SaveThis.ru

Читайте также по данной теме:

• Robots.txt для движка на WordPress или оптимизируем индексацию блога.
• Нужно видео на блог _ пожалуйста.
• Добавляем блог в поисковики.
• Добавляем RSS канал на соответствующие сервисы.
• Установка и настройка сервиса FeedBurner.

Рубрика: Как сделать блог на WordPress. · Запись имеет метки: Обтекания фото.