Все для написания текста статьи и не только. Секреты копирайтинга, рерайтинга статей и заработка в интернете.
Навигация по сайту

Заказ написания статей Цены

Меняем подписи к изображениям в WordPress через редактор шаблона

Сентябрь 7, 2017, Надежда

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

  • как изменить оформление подписей
  • где и как поменять код, чтобы отредактировать главную

236 Вместо скучных белых подписей, я бы хотела сделать желтенькие, как на своем первом сайте.

236 Вместо скучных белых подписей, я бы хотела сделать желтенькие, как на своем первом сайте.

Шаг 1. Оформление подписи к изображению WordPress

237 Для этого захожу во Внешний вид - Редактор. Откроется код сайта, точнее код стилей.

237 Для этого захожу во Внешний вид — Редактор. Откроется код сайта, точнее код стилей.

238 Между началом кода и строкой Body я вставлю новый код оформления.

238 Между началом кода и строкой Body я вставлю новый код оформления.

239 Около 30 строчек вставилось, теперь нажимаем Обновить.

239 Около 30 строчек вставилось, теперь нажимаем Обновить.

240 Заходим на сайт и видим - оформление желтоватое появилось.

240 Заходим на сайт и видим — оформление желтоватое появилось.

Подсказка: код оформления «Все желтенькое»

/* Captions */

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}

.alignright
{
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #F6FAC7;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
background:#F6FAC7;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
background:#F6FAC7;
}
/* End captions */

241 Я поменяла код, добившись немного другого оформления. Изменить пришлось примерно 10 строчек.

241 Я поменяла код, добившись немного другого оформления. Изменить пришлось примерно 10 строчек.Подсказка: код оформления «Зеленый стиль»

/* Captions */

.aligncenter,
div.aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}

.alignright
{
float: right;
}

.wp-caption {
border: 3px solid #42e12f;
text-align: center;
background-color: #fff;
padding-top: 0px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: table;
}

.wp-caption img {
caption-side: bottom;
margin: 0;
padding: 3;
border: 0 none;
background:#42e12f;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 10px 4px 5px;
margin: 0;
background:#D0F0C0;
caption-side: top;
display: table-caption;
}
/* End captions */

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

Понравилась статья? Поделись с друзьями!

Рубрики: SEO-тексты | Комментариев нет

Отправьте свой комментарий или вопрос

Помните: Включена проверка текста редактором, поэтому сообщение появится не сразу. Не нужно посылать его дважды.

Еще полезнее (биржи):


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