Интересные работы
Сайт ресторана “Grand Grill” (Винница)
02.11.2019
Свежие записи
Для перевода сайта используем Loco Translate. В файл функций добавляем такой код: В это коде: languages – это папка, которая находится в дочерней теме и...
Суть проблемы – при добавлении кода в визуальном редакторе с помощью плагина SyntaxHighlighter символ & отображается как & А значит при копировании данного кода у...
Задаем отдельный формат для комментариев в дочерней теме. Сами комментарии подключаем стандартным вызовом: В файле functions.php или можете создать отдельный плагин добавляем такой код: Вид...
Выводим список терминов, к которым относится данный кастомный тип записи (custom post type): где my_custom_taxonomy – кастомная таксономия, например books. Выводим список категорий (элементов таксономии...
Часто в мобильной версии сайта используется кнопка типа “бургера” для вызова основного меню сайта. На эту кнопку вешается событие 'click' с обработчиком – вызовом функции,...
Суть задачи – внизу после основного контента кастомного поста нужно вывести 3 записи, рекомендуемые к чтению. Эти записи должны выводиться из той же категории, что...
Суть задачи – вывести в сайдбаре список категорий из заданной кастомной таксономии. Если для вывода обычных категорий есть виджет, то для кастомных категорий виджета нету,...
Суть задачи – вывести на странице все кастомные категории и кастомные записи из каждой категории. В моем примере выводятся кастомные таксономии partner_cat и кастомные записи...
Краткое вступление. Есть сайт на WordPress, сайт живой, посещаемый и вполне рабочий. Нужно внести какие-то изменения в стили и в скрипты. Все изменения произведены, но...
Можно сделать блоки одинаковой ширины с помощью Flex, можно задать ширину с помощью фиксированных размеров, но есть задача когда, нужно сделать блоки одинаковой ширины, основываясь...
В общем, когда-то давно была задача сделать рамку вокруг кнопки с градиентом, оказалось, что это не так просто. Пробовал сделать с помощью SVG, но не...
Уменьшаем вес файлов HTML – для этого убираем все переносы и лишние пробелы, а так же все комментарии. Данную задачу выполняем при билде продакшена, потому...
Хотелось бы в двух словах рассказать, как настроить Source Maps для GULP 4, но не получится вырвать из контекста просто пару строк кода, поэтому разобью...
Для оптимизации запросов на сервер можно объединить иконки и небольшие картинки, которые используются в css, в один файл – спрайт. Есть различные сервисы для автоматической...
В общем, перепробовал десятки разных плагинов и настроек, но .jpg совсем не оптимизировались, а иногда даже наоборот становились больше по весу, зато .png оптимизировались отлично....
HTML CSS Пример CSS Пример
Бесконечный анимированный фон с эффектом параллакса создан на основе варианта 2 из этой статьи HTML CSS Рабочий пример бесконечного анимированного фона с эффектом параллакса
Вариант 1 – с помощью JS меняем позицию фонового рисунка Вариант 2 – без JS с помощью CSS-анимации меняем позицию фоновой картинки Вариант 3 –...
Как получить нужный параметр из адреса страницы? Итак, у нас есть рекламная кампания, и при переходе по ссылкам из этой кампании, мы получим url типа...
Задача такая: просмотреть несколько сайтов и найти изображения, которые не оптимизированны для web’а, так как есть файлы весом более 5МБ. Как оптимизировать правильно изображения для...
В предыдущей статье Плавный скролл по странице к нужному ID (Scroll to id) рассматривал простой js-скрипт плавного скролла для навигации по странице, но в том...
Очень популярная функция на различных одностраничниках – плавный скролл к нужному элементу на этой же странице. Чаще всего используется при навигации по меню. Если использовать...
Самый простой способ установить минимальное расстояние между элементами flexbox – используем margin: 0 5px для дочерних элементов .item и отрицательный отступ margin: 0 -5px для...
В CSS есть функция calc(), которая даёт возможность рассчитать значения свойств CSS во время их определения. Функция calc() принимает в качестве параметра математическое выражение, результат...
Допустим, у нас есть несколько nth-child элементов, к которым мы хотим применить различную задержку для transition. Можно вручную задать transition delay для каждого элемента, но...
Стандартное использование медиа-запросов в CSS: CSS-препроцессор, на самом деле, может реально упростить вам работу с выражениями вида @media. Вне зависимости от предложенных способов ниже, профит...
Плагин для вывода тегов Open Graph для социальных сетей – Facebook Open Graph, Google+ and Twitter Card Tags. Этот плагин вставляет теги Facebook Open Graph...
Получает html код аватара (<img>) комментатора, если пользователь авторизирован или указал email при комментировании. Используется внутри Цикла комментариев или ему обязательно нужно передать первый параметр!...
Убираем свойство прилепливания записей из цикла. Данный код игнорирует свойство прилепленности, выводя все записи в естественном порядке, прилепленные записи будут представлены в цикле, но отсортированы...
1. Никогда не отключайте уведомления об обновлениях плагинов, шаблонов и движка. 2. Никогда не вносите изменения в плагины, которые могут обновляться. Но если все таки...