Слайдер с превьюшками с помощью встроенной галереи и Slick

Слайдер с превью через кастомные поля в Oxygen. Самый простой вариант для записей выводимых через шаблон.

Читать всю статью
Слайдер в Oxygen - вывод количества слайдов и номер слайда

Необходимо было сделать чтобы переключалки слайдера были внизу и показывалось количество слайдов и номер слайда. Для этого добавляем вот такой код в сниппет, и всё работает.

Читать всю статью
Красивый скроллбар (scrollbar)

Чтобы на сайте сделать современный, красивый скроллбар (он же scrollbar) необходимо минимум кода CSS. Меняя цвета на своё усмотрение можно на своем сайте показывать красивый скролл. И не нужно его прятать и избегать, так как он вписывается в общий дизайн сайта. Код CSS для стилизации srollbar

Читать всю статью
Изменить цвет SVG с помощью CSS

Сегодня, в мае 2022 года я для себя открыл супер инструмент. Ранее которого мне не хватало. А именно как изменить цвет SVG иконке не вставляя её как код? А вот как. Вставляем картинку СВГ (чёрно-белую иконку) как обычную картинку через тег IMG SRC И присваиваем ей стиль через CSS: Получится из черного цвета, зеленый цвет. […]

Читать всю статью
Стилизация select с помощью CSS для Contact Form7

Как-то на одном проекте возникла необходимость стилизовать тег <select> и его пункты. Как известно с помощью простого CSS он не стилизуется так, как бы этого хотелось. В сети нашел решение. Решение реализовано на CSS и jQuery, взял его на этом сайте. Здесь выложу уже рабочий код, который применил для своих нужд, для плагина Contact Form, […]

Читать всю статью
Удалить поле URL (сайт) из формы комментариев в WordPress

Записываем в functions.php следующий код

Если не сработает, то, скорее всего, в теме есть файл шаблонов комментариев — comments.php. Тогда нужно в нем править. Закомментировать это поле с name="url".

Читать всю статью
Простое всплывающее окно на сайте

На сайте часто нужно вывести информацию в шапке о режиме работы или контактах. Чтобы не нагромождать информацию, её можно разместить во всплавающем окне, которое выводится по клику на какой нибудь элемент. Простое всплывающее окошко можно сделать с помощью CSS и  jQuery. Для это добавляем код html на сайт:

Скрипт вставляем в шапку или футер: […]

Читать всю статью
Свой фильтр для виджета AE Post Blocks от AnyWhere Elementor Pro

Для WordPress плагин Elementor выполняет большинство задач не прибегая к ковырянию в коде. Но всё же есть моменты, которые Elementor не выполняет без Хуков. Так  виджет AE Post Blocks от плагина AnyWhere Elementor Pro выводит записи именно те которые прописываются в фильтре И если этот виджет применить для шаблона архива в Elementor, то при переходе по таксономиям (рубрики, […]

Читать всю статью
Прилипающее меню или шапка для сайта

Чтобы блок с меню (или шапка сайта целиком) при прокрутке страницы вниз — скрывался, а потом прилипал сверху сайта, нужно присвоив  блоку стиль и задать ему свойство position: fixed;.

И прописать, код который при прокрутке на несколько пикселей вниз (в нашем случае на 135px) будет блоку со стилем .menu присваивать стиль .fixed. Так можно […]

Читать всю статью
Подгружать HTML в DIV

Если необходимо на сайте в div подгрузить какой нибудь html контент, это можно сделать следующим образом. Положить html файл на сервер, через FTP-клиент. И прописать скрипт.

Читать всю статью
Простой слайдер bxslider для WordPress

Когда нужно сделать простой слайдер фотографий или слайдер текста. То можно применить bxslider. При вставке стандартной галереи в Wordpres на страницу, из этих картинок можно сделать слайдер, если подключить bxslider. Подключается он очень просто. Достаточно прописать код в шапке или футере сайта.

Читать всю статью
Одинаковая высота у блоков

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

Код скрипта

Тэги могут быть разными, вместо списков li могут, могут быть div.

Читать всю статью
envelope