Урок #11: «Применение стилей CSS в редакторе WordPress.».
Это был 3-ий по счету вебинар на тему редактирования записей. На первом мы подробно разобрали возможности Визуального редактора WordPress. На втором Редактор «Текст» и дополнительные теги HTML. В третьем рассмотрим «Применение стилей».
Тема не простая, особенно для новичков, но судя по викторине все отлично справились с материалом. Теперь остается только практиковаться.
Вебинар прошел в великолепной дружественной обстановке. Все отлично поработали. Викторина прошла на ура!
Несколько слов хочу сказать, зачем вообще блогеру заморачиваться с этими знаниями? Разве не достаточно просто писать и редактировать статьи в визуальном редакторе?
Цель этих вебинаров не просто научить пользоваться блогом, а дать расширенные знания по управлению, администрированию блога. При ведении блога часто возникают ситуации когда Вам необходимо «залезть в коды», разораться в чем произошел сбой и починить инструмент. Это можно сравнить с вождением машины. Конечно есть автосервисы и они все вопросы решат, и серьезные поломки лучше заказывать специалистам.
Но есть мелкие вопросы, детали и нюансы в вождении о которых должен знать каждый водитель. Тогда и машинка прослужит долго и вы будут чувствовать себя уверенней. Так и с блогом. Наша с Вами задача, стать уверенным, профессиональным блогером. Не бояться кодов, знать что делать с сложных непонятных ситуациях, например появления «Белого экрана» при активации или обновлении, как восстанавливать блог в случае фатальных ошибок или взлома и многое многое другое.
Где Вам могут пригодиться знания использования стилей:
1. Вы хотите вставить текстовый виджет в редактор и определенным образом настроить его внешний вид.
2. Вы заметили, что после вставки HTML в текстовый виджет исказился блог. (Зная основы HTML и стилей Вы всегда сможете найти ошибки в коде)
3. Визуальный редактор может решать не все вопросы и реализовать не все идеи. Тогда Вы можете воспользоваться редактором Текст и завершить свою идею с помощью стилей и HTML.
Из видеоурока №11 вы узнаете:
- Что такое стили? 3 типа таблиц стилей.
- Введение в стили (подробный разбор стилей с примерами)
- Как строчные стили можно использовать в редакторе WordPress
- Стили для текста и для блоков (подробный разбор основных стилей с примерами)
- Частые ошибки в стилях
- Викторина
Шпаргалка к уроку №11 — Основные стили
Урок 11-1. Предисловие к уроку по стилям в редакторе WordPress
Урок 11-2. Что такое стили.
Урок 11-3. Способы вставки стилей.
Урок 11-4. Правила использования строчных стилей.
Урок 11-5. Стили для текста. Стиль: text-transform.
Урок 11-6. Стили для текста. Стиль: font-style.
Урок 11-7. Стили для текста. Стиль: font-family.
Урок 11-8. Стили для текста. Стиль: font-size.
Урок 11-9. Стили для текста. Стиль: font-weight.
Урок 11-10. Стили для текста. Стиль: font-align.
Урок 11-11. Стиль цвета: color.
Урок 11-12. Стили для блоков.
Урок 11-13. Стили для блоков. Стиль: width, height.
Урок 11-14. Стили для блоков. Стиль: border.
Урок 11-15. Стили для блоков. Стиль: padding.
Урок 11-16. Стили для блоков. Стиль: margin.
Урок 11-17. Стили для блоков. Стиль: background. Правила стилей.
Урок 11-18. Частые ошибки в Стилях.
Урок 11-19. Викторина по теме: Применение стилей в редакторе WordPress.
Урок 11-20. Найдите 7 ошибок в стилях. Послесловие к уроку.
Еще раз ссылка для скачивания шпаргалки: Шпаргалка к уроку №11 — Основные стили
P.S. Видеозаписи всех уроков, cо слайдами PDF презентации, постоянно доступны на сайте клуба «Мастер WordPress»: https://wptraining.ru
