Настраиваем внешний вид блога

Настраиваем внешний вид блога

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

3

 

Как Вы видите, слишком большое белое пространство вокруг текста. Я изменю это расстояние.

Для этого идем в файл style.css , который находится по адресу /wp-content/themes/Ваша тема/style.css (править рекомендую через ftp-менеджер. И меняем следующие строки:

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 474px;
}

На

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 760px;
}

Пока этой ширины достаточно. Строки эти можно найти в файле через поиск. Хочу заметить, что мы сейчас поменяли ширину сразу у нескольких элементов: Заголовка, контента, мета-информации и т.д.

Так же при создании статьи иногда бывает лень вставлять тег «читать далее» чтобы пост на странице выглядел компактнее. Для этого я установлю плагин, который будет автоматически генерировать на всех постах данную функцию.

Как обычно все делаю через админку сайта, захожу в плагины и добавить новый, в поиске ввожу more, я выбрал плагин «Auto More Tag». Установил, настроек у него не много, это количество символов, вид кнопки, где добавить и игнорировать ли вручную добавленный тэг. так же в конце настроек кнопка применить к существующим постам. Все готово, результат на главной странице)

Опубликовано:31.01.2014inkognitod

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *