Интересные работы

Свежие записи

Условные комментарии для IE

Условные комментарии более не поддерживаются Поддержка условных комментариев в стандартном режиме и режиме совместимости Internet Explorer 10 была удалена для улучшения взаимодействия и совместимости с...

Подключаем правильно скрипты js в шаблоне WordPress

Подключать стили и скрипты в шаблон в файле header.php — неправильно. Правильная практика — подключать их в файле functions.php используя функцию wp_enqueue_scripts, это позволит избежать...

Подключаем правильно файлы стилей css в шаблоне WordPress

Подключать стили в шаблон в файле header.php — неправильно. Правильная практика — подключать их в файле functions.php используя функцию wp_enqueue_style. Это позволяет правильно добавить файл...

Создаем виджеты в шаблоне на CMS WordPress

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

Создание мультиязычных сайтов на CMS WordPress

Для начала в файле functions.php указываем папку с локализованными переводами и даем понять, что шаблон мультиязычен: В шаблоне в папке /languages должны находиться файлы с...

Добавляем файлы SVG через PHP

Используя PHP можно загружать содержимое SVG-файлов без лишних запросов к серверу, без использования img или object. В чем плюс — меньше HTTP-запросов, проще и красивее...

Добавляем меню в свой шаблон на CMS WordPress

Регистрируем и выводим произвольное меню, созданное в панели: «Внешний вид > Меню» (Appearance > Menus). Регистрируем меню Второй вариант регистрации меню (не знаю, на сколько...

Примеры использования селектора :checked с помощью jQuery

Селектор :checked работает для чекбоксов, радио кнопок и для опций выпадающих списков (select). Чтобы получить только выбранные элементы в выпадающих списках (select), нужно использовать селектор...

Что нового в WordPress 4.9

15 ноября 2017 года был выпущен WordPress версии 4.9, названный в честь джазового музыканта Билли Типтона. WordPress 4.9 сделает процесс работы над шаблоном более легким...

Как правильно оптимизировать картинки для сайта

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

Добавляем на сайт лоадер

Loader — это иконка-спиннер, которая крутится, пока загружается ваша страница. Так то я против таких лоадеров, потому что из-за них кажется, что страница загружается дольше,...

Создание вариативных товаров в WooCommerce (создание вариаций)

Создаем вариации для товаров в WooCommerce. 1. Во вкладке Product data выбираем Variable Product 2. В разделе Attributes создаем при необходимости новые Атрибуты, которые будут...

Выводим цену товара в WooCommerce в произвольном месте
Выводим цену товара в WooCommerce в произвольном месте

Выводим базовую цену товара в WooCommerce: Выводим цену со скидкой, а если она не менялась, тогда выводим основную цену: Выводим общую стоимость товара при изменении...

Меняем внешний вид вариаций — вместо селектов делаем радио-кнопки

Задача — сделать красивый внешний вид для вариаций товаров в WooCommerce. По умолчанию, стандартный вид вариаций — это простое выпадающее поле с селектами, а нам...

Выводим таймер обратного отсчета для продукта в WooCommerce

Задача такая — выводить для различных товаров таймер обратного отсчета, когда заканчиваются скидки или акции на данный товар. Поставленную задачу мы решим с помощью кастомного...

Получаем ссылку на запись или страницу в любой языковой версии (Polylang)

В некоторых шаблонах иногда приходится выводить статические ссылки в коде, лучше, конечно, это делать через плагин Advanced Custom Fields, но, если по каким-то причинам нужно...

Выводим дату мероприятия через ACF

В плагине ACF есть возможность вывода даты, и это — очень крутая фишка, с помощью которой можно много чего интересного сделать. Самое элементарное — это...

Как стилизовать стрелки для input[type=number]

Для начала уберем стандартные стрелки Для Chrome Для Firefox Такой примитивный код (это упрощенный код из магазина на WooCommerce) Такой примитивный Скрипт

Как изменить изображение флага в переключателе плагина polylang

Как изменить изображение флага в переключателе плагина polylang? Например, вы хотите вставить в переключатель языков свое изображение, стилизованное под ваш дизайн. В общем, нет ничего...

Получаем описание и заголовок из плагина AIOS и используем его для og-метатегов

На одном из проектов требовалось вывести Open Graph Title и Open Graph Description, что это такое, читайте здесь. Так вот эти данные должны были дублироваться...

Конвертируем SVG-иконку в код для использования в CSS

В одном из проектов возле меню выводились небольшие иконки в формате svg, и нужно, чтобы при наведении курсора на пункт меню, текст и иконка меняли...

Полезные ссылки для вебмастеров

Ссылки на ресурсы, которые я использую в своей работе. Это мои реферальные ссылки, плохого не посоветую. https://www.ukraine.com.ua/ — Отличный хостинг в Украине и в СНГ....

Как удалить круглые скобки вокруг количества постов в виджете «Рубрики»

Есть задача — удалить круглые скобки вокруг количества постов в виджете «Рубрики«. Добавьте этот код в файл functions.php и круглые скобки вокруг количества записей будут...

Вывод ссылки на следующую и предыдущую запись внутри поста

Самый простой вариант вывода ссылки на предыдущий или следующий пост на странице поста: Вариант с выводом тегов и указанием классов необходимых для верстки, а так...

Как ускорить загрузку своего сайта (советы от студии Themes Zone)

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

Простой таймер обратного отсчета на Javascript

Самый простой и удобный таймер обратного отсчета HTML CSS Javascript Рабочий пример Таймера обратного отсчета

Использование «$» вместо «jQuery» в шаблонах WordPress

В WordPress по умолчанию подключается библиотека jQuery. Поэтому не обязательно подключать дополнительные библиотеки jQuery, достаточно в файле functions.php подключить уже имеющуюся: а подключать скрипты, для...

Кнопки «Поделиться в социальных сетях» без сторонних плагинов

Простые кнопки поделиться в социальных сетях без использования сторонних плагинов и скриптов, используется прямая ссылка для шеринга. В данном примере взят рабочий код с сайта...

Child theme

Создаем дочернюю тему. первым делом создается папка с таким же именем как у родителя с добавлением суффикса -child, например, получится twentyfifteen-child. Обязательным является один единственный...

Форма обратной связи с прикреплением файла (Send attachments with PHP Mail())

Форма обратной связи с прикреплением файла (attach) Самый простой внешний вид формы обратной связи с тремя полями и полем для прикрепления файла: Даже добавим пару...