CSS — WordPress 4.1, тема twentyfifteen

      Не устраивает тема, и решил слегка подкорректировать. Все из блоков, довольно сложно разобраться без навыков. Можно изменить дизайн путем изменения настроек темы twentyfifteen. Доступны цвета черный, синий, серый, розовый, фиолетовый, белый, желтый, темный. Можно так-же в настройках добавить свой цвет. Тема адаптирована под отображение на мобильных устройствах и мониторах различного разрешения.

      Не устраивает размер шрифта на широком мониторе. И вообще интересует возможность изменения сайта путем корректировки CSS. А так как знаний не хватает, придется разобраться в файле, что на что влияет. Файл css находиться в папке темы по пути \twentyfifteen\ style.css

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

* 1.0 — Reset
* 2.0 — Genericons
* 3.0 — Typography
* 4.0 — Elements
* 5.0 — Forms
* 6.0 — Navigations
* 6.1 — Links
* 6.2 — Menus
* 7.0 — Accessibility
* 8.0 — Alignments
* 9.0 — Clearings
* 10.0 — Header
* 11.0 — Widgets
* 12.0 — Content
* 12.1 — Posts and pages
* 12.2 — Post Formats
* 12.3 — Comments
* 13.0 — Footer
* 14.0 — Media
* 14.1 — Captions
* 14.2 — Galleries
* 15.0 — Media Queries
* 15.1 — Mobile Large
* 15.2 — Tablet Small
* 15.3 — Tablet Large
* 15.4 — Desktop Small
* 15.5 — Desktop Medium
* 15.6 — Desktop Large
* 15.7 — Desktop X-Large
* 1.0 — Сброс
* 2.0 — Genericons
* 3.0 – на печать
* 4.0 — Элементы
* 5.0 — Формы
* 6.0 — Навигации
* 6.1 — Связи
* 6.2 — Меню
* 7.0 — Доступность
* 8.0 — Выравнивания
* 9.0 — Прояснения
* 10.0 — Заголовок
* 11.0 — Виджеты
* 12.0 — Содержание
* 12.1 — Должности и страницы
* 12.2 — Почтовые Форматы
* 12.3 — Комментарии
* 13.0 — Нижняя сноска
* 14.0 — СМИ
* 14.1 — Заголовки
* 14.2 — Галереи
* 15.0 — Вопросы СМИ
* 15.1 — Мобильный Большой
* 15.2 — Маленькая Таблетка
* 15.3 — Большая Таблетка
* 15.4 — Маленький Рабочий стол
* 15.5 — Настольная Среда
* 15.6 — Большой Рабочий стол
* 15.7 — Настольный X-Large

      Залез в CSS и заблудился. Надо очень аккуратно действовать. Тема динамическая, корректно отображается на мониторе и портативных устройствах. Испортить можно, как не фиг делать.
P.S.
      При размещении рисунков, подпись под рисунками размещается строго по левому краю. В разделе файла CSS Captions, в свойства wp-caption-text добавил

text-align:center;

      для отображения подписи под рисунком по центру

.wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
	text-align:center;
}          /*добавил последнюю строку для отображения подписи под рисунком по центру*/

Всегда открыт для общения и предложений, Tomson!
Для регистрации на сайте Seosprint необходимо перейти на страницу seosprinter.net
наша группа на VK

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

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