Архив метки: css

[CSS] Как добавить иконки к пунктам меню в шаблоне AB-Inspiration

  Автор:
  5 комментариев
  9010

Иконки здорово украшают текст и привлекают внимание. А еще, если иконка подобрана правильно, читателю проще понять, о чем текст просто взглянув на картинку.

В этой статье я расскажу, как добавлять иконки к пунктам меню с помощью встроенных стилей FontAwesome. Вам не придется редактировать код, или подключать скрипты, стили, библиотеки. Все уже встроено в шаблон AB-Inspiration. Вам же нужно просто выбрать необходимую иконку из cписка предложенных и прописать ее код рядом с пунктом меню.

В одной из статей на блоге мы уже разобрались, как сделать кнопку в меню. Статью можно почитать здесь: [CSS] Как добавить кнопку в меню в шаблоне AB-Inspiration. Теперь добавим иконку к пункту меню Главная.
Читать далее »

Письмо от Google. Googlebot не может получить доступ к файлам CSS и JS на сайте.

  Автор:
  24 комментария
  11908
Письмо от Гугла - Googlebot не может получить доступ к файлам CSS и JS на сайте

Если Вы владелец сайта или блога на WordPress получили от Гугла [Google] вот такое сообщение:

Googlebot не может получить доступ к файлам CSS и JS на сайте http://названиевашегоблога.ru

Веб-мастеру сайта http://названиевашегоблога.ru

Мы обнаружили на Вашем сайте проблему, которая может помешать его сканированию. Робот Googlebot не может обработать код JavaScript и/или файлы CSS из-за ограничений в файле robots.txt. Эти данные нужны, чтобы оценить работу сайта. Поэтому если доступ к ресурсам будет заблокирован, то это может ухудшить позиции Вашего сайта в Поиске.

Решение есть!
Читать далее »

11. Применение стилей в редакторе WordPress.

  Автор:
  Комментарии к записи 11. Применение стилей в редакторе WordPress. отключены
  2175
Применение стилей в редакторе WordPress

Урок #11: «Применение стилей CSS в редакторе WordPress.».

Это был 3-ий по счету вебинар на тему редактирования записей. На первом мы подробно разобрали возможности Визуального редактора WordPress. На втором Редактор «Текст» и дополнительные теги HTML. В третьем рассмотрим  «Применение стилей».

Тема не простая, особенно для новичков, но судя по викторине все отлично справились с материалом. Теперь остается только практиковаться.

Вебинар прошел в великолепной дружественной обстановке. Все отлично поработали. Викторина прошла на ура!

Несколько слов хочу сказать, зачем вообще блогеру заморачиваться с этими знаниями? Разве не достаточно просто писать и редактировать статьи в визуальном редакторе?

Цель этих вебинаров не просто научить пользоваться блогом, а дать расширенные знания по управлению, администрированию блога. При ведении блога часто возникают ситуации когда Вам необходимо «залезть в коды», разораться в чем произошел сбой и починить инструмент. Это можно сравнить с вождением машины. Конечно, есть автосервисы и они все вопросы решат, и серьезные поломки лучше заказывать специалистам.

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

Где Вам могут пригодиться знания использования стилей:
1. Вы хотите вставить текстовый виджет в редактор и определенным образом настроить его внешний вид.
2. Вы заметили, что после вставки HTML в текстовый виджет исказился блог. (Зная основы HTML и стилей Вы всегда сможете найти ошибки в коде)
3. Визуальный редактор может решать не все вопросы и реализовать не все идеи. Тогда Вы можете воспользоваться редактором Текст и завершить свою идею с помощью стилей и HTML.

Из видео урока №11 вы узнаете:

  • Что такое стили? 3 типа таблиц стилей.
  • Введение в стили (подробный разбор стилей с примерами)
  • Как строчные стили можно использовать в редакторе WordPress
  • Стили для текста и для блоков (подробный разбор основных стилей с примерами)
  • Частые ошибки в стилях
  • Викторина

Шпаргалка к уроку №11 — Основные стили

Урок 11-1. Предисловие к уроку по стилям в редакторе WordPress

Читать далее »

Что такое HMTL, стили, и как ими пользоваться в WordPress, с расшифровкой значений

  Автор:
  14 комментариев
  13486
Что скрыто за аббревиатурой html-tag-css

А вы знаете, что скрыто за аббревиатурой html, тегов, непонятных значков?  В этой статье я открою Вам эту тайну. И Вы увидите насколько все просто.

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