ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Стилизуем календарь WordPress без плагинов

Пост №   141  от 24 марта 2016   |  Категория: Design, WEB мастеру, Новости  |  Комментариев нет Print

wp-calendar Часто начинающему блогеру приходится «мудрить» с настройками темы до умопомрачения. Знаний минимум, а хочется сделать блог привлекательней. И не все темы поддаются грамотной правке… без навыков.

Сегодня выкладываю минимальный css хак стилизации стандартного виджета календаря WordPress. А дальше — украшайте сами, по мере поступления идей…


И так. В стандартном виджете календарь прописан в файле general-template.php который находится по адресу: /wp-includes/general-template.php. Открываем блокнотом файл (лучше использовать Notepad++), находим строку $calendar_output = '

и меняем ширину календаря, согласно ширине своего сайдбара или, если календарь предполагается поместить в виджет футерафутера, то по ширине колонки виджета футера. Кстати, чтобы долго не рыскать по файлу в поисках строки, в меню Notepad’е есть такая кнопочка, как «Поиск«. Жмем на нее и видим это….

Далее: выбираем строку «Поиск по мере набора» — кликаем и внизу-слева блокнота появляется текстовое поле. Копирум код, который нужно найти (в нашем случае — $calendar_output = '

) и вставляем в поле. Не пройдет сотой доли секунды, как найденная строка подсветится.

Как видите, там есть стиль — ширина виджета календаря 224px. (у Вас может быть другая величина). Пропишите вместо указанной свою ширину, сохраните файл и посмотрите результат. Все будет так, как Вам нужно! Но при такой правке шаблона есть один маленький нюанс: при обновлении движка настройки слетят. Чтобы такого не случилось (при условии, если Вы часто обновляете движок, согласно настойчивым пожеланиям разработчиков) можно просто прописать в файл стилей темы не только ширину календаря, да и еще отображение красным цветом текущей даты:

1
2
3
4
5
6
7
#wp-calendar {
width:224px:
}
#wp-calendar #today {
color: red;
text-decoration:bold;
}

Вот и все… на сегодня, а вообще-то можно еще многое сделать в плане стилизации календаря. К примеру можно поместить в цветной круг текущую дату, можно сделать ее ссылкой куда угодно, можно в прозрачный квадрат с рамкой… Но это уже на Ваше усмотрение.

Да, кстати — не забудьте в css коде поменять 224px на свою величину…

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: CSSWEB мастеруWordPressКак сделать?
Обновление статьи: 23.03.2016
Просмотров:   996
Короткая ссылка: http://tinyurl.com/z69ycvw

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 191
  • Страниц: 26
  • Рубрик: 15
  • Меток: 162
  • Комментариев: 33

Камины для удовольствия!


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

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

Посетители сайта

Блуждали по сайту сегодня: 74
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 12
3456789
10111213141516
17181920212223
24252627282930
31  
Aliexpress INT

MasterPRO в Twitter’e

Уникальный совет, как похудеть без финансовых затрат…: В наше время, когда изобилие… goo.gl/fb/Vq91W6

About 2 weeks ago from Master PRO's Twitter via Google · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое