Dimox .name

Разметка WordPress-меню по БЭМ с помощью волкера

1 комментарий

Я верстаю по методологии БЭМ и при разработке WordPress-шаблонов стараюсь там, где это возможно, привести к соответствующему виду встроенные в WordPress CSS-классы. Стандартное меню WordPress выводится функцией wp_nav_menu(), и есть возможность его модифицировать с помощью волкера, что я, собственно, и сделал. Далее в ...

Удаляем ссылку у текущего пункта меню WordPress

6 комментариев

Очень часто в техническом задании на создание шаблона для WordPress значится пункт: “Не должно быть циклических ссылок”. Это означает, что, когда мы находимся на какой-либо странице, на ней не должно быть ссылок на саму себя. Чтобы выполнить данное требование для меню WordPress, существует ...

WordPress: добавляем в меню счетчик записей для таксономий

4 комментария

Для вывода списка всех рубрик в WordPress предусмотрена специальна функция – wp_list_categories(). Однако, на мой взгляд, удобнее создавать этот список с помощью стандартного меню WordPress, которое редактируется на странице “Внешний вид – Меню” и выводится функцией wp_nav_menu(). Плюс такого подхода в том, что ...

WordPress: выводим список всех тегов (меток) в рубрике

5 комментариев

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

User CSS – браузерное расширение для добавления пользовательских стилей к сайтам

19 комментариев

User CSS – браузерное расширение для добавления пользовательских стилей к сайтам

Представляю вашему вниманию свое расширение для браузеров, работающих на движке chromium / blink /webkit, суть которого заключается в возможности изменять оформление просматриваемого сайта “на лету” путем добавления собственного CSS-кода. Предыстория Когда-то давно я был пользователем браузера Opera, тогда еще работающего на движке Presto. ...

Верстка заголовка с горизонтальной линией слева и справа от текста

33 комментария

Время от времени возникает необходимость сверстать необычный заголовок, в котором слева и/или справа от текста проходит горизонтальная линия, занимающая все свободное пространство. Выглядит это следующим образом (живой пример): Заголовок с выравниванием слева Заголовок с выравниванием по центру Заголовок с выравниванием справа Раньше для ...

Создание слайдера из стандартной фотогалереи WordPress

16 комментариев

Создание слайдера из стандартной фотогалереи WordPress

Как вы наверняка знаете, WordPress имеет встроенный функционал добавления в статьи сайта простеньких фотогалерей. Когда вы добавляете в статью галерею из фотографий через кнопку “Добавить медиафайл”, в текст вставляется шоткод вида . Так вот, с помощью специально предусмотренного для подобных случаев фильтра post_gallery ...

Конструктор URL для CDN jsDelivr.com

8 комментариев

jsDelivr – это быстрая бесплатная CDN, созданная украинским разработчиком, которая может хранить у себя файлы разных типов, используемых на сайтах, такие, как: JavaScript-файлы, CSS-файлы, картинки, шрифты. Здесь можно найти большое количество популярных плагинов, библиотек, фреймворков и т.п. Я начал пользоваться данной CDN после ...

Стилизация чекбоксов и радиокнопок на чистом CSS с фолбеком для старых браузеров

103 комментария

Для того, чтобы оформить чекбоксы и радиокнопки, как того требует дизайн, сегодня не обязательно использовать JavaScript-решения (типа моего плагина jQuery Form Styler), т.к. для этого можно задействовать только CSS, причем с обратной совместимостью для старых браузеров (т.е. не в ущерб юзабилити), которые не ...

Гаджет для Windows 7+ “Цифровые часы”

4 комментария

Гаджет для Windows 7+ “Цифровые часы”

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