29-01-2013, 13:43 Посмотрели: 82383 Добавил: Alex V

Как в WordPress добавить html код в подписях к изображениям?


Раньше для того, чтобы вставить исходный код html к описанию картинки нужно было устанавливать дополнительные плагины, но с линейке 3.4.х у нас есть возможность использовать по умолчанию все теги, которые разрешено использовать и в обычных комментариях.

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

<strong>


Делает шрифт ЖИРНЫМ

<em>


Делает шрифт курсивом (наклонный текст)

<strike>


Делает текст зачеркнутым

Многие темы используют по умолчанию такие css классы как, -.wp-caption и .wp-caption-text. Если вы хотите их отредактировать, то зайдите в папку со своим шаблоном и откройте файл style.css, хотя он может и называться по другому.

Вот пример стилей:

    .wp-caption {
      background: #F1F1F1;
        line-height: 18px;
        margin-bottom: 20px;
        padding: 4px;
        text-align: center;
    }
    .wp-caption-text {
        color: #888;
        font-size: 12px;
        margin: 5px;
    }


Для тех кто только начала работать с wordpress и не знает, где можно отредактировать подпись к изображению, я сделаю ниже скриншот, на котором будет видно как и где это можно сделать.

Давайте для примера вставим в поле «Caption» или в русском Wordpress «подпись» такой код (можно подписать например рецепты блюд, когда вставляете картинку то пишите название рецепта):

<em>Тут у нас текст наклонный.</em> <strong>А тут текст будет жирным.</strong>


Вот пример этого поля, в анл. версии:

Как в WordPress добавить html код в подписях к изображениям?


А вот что у нас получиться когда мы вставим код и вернемся снова к визуальному редактору :

Как в WordPress добавить html код в подписях к изображениям?


А вот пример на самом сайте, правда тут немного с CSS не поработали и в итоге рамка налазит на текст, но в этом уроке мы говорим о другом:

Как в WordPress добавить html код в подписях к изображениям?
Рубрика записи: Советы

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

№ 1. 02-02-2013 19:21 elenavl из групы: Посетители сказал :
Спасибо за это! Я даже денег готова дать!))

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Юзер панель
Я тебя не знаю!
Зарегистрируйся, либо

войди под своим логином!

Fuck, я забыл свой пароль!

Восстановить данные =0
Новое на сайте
Известная социальная сеть Instagram приступила к тестированию новой...
Недавно, в приложения для Android и iOS социальной сети Twitter была...
Недавно, в Google "Мой бизнес" разработчики добавили новейший способ, как...
Недавно стало известно о том, что соцсеть Facebook по упоминанию в русских...
Недавно, представитель корпорации Google, Джон Мюллер (John Mueller)...
Голосуем

Ваша любимая CMS?


DataLife Engine
WordPress
Joomla
Drupal
LiveStreet
UCOZ
Самопис
Php+Includ
Статика