Блог веб разработчика

18.02.202018.02.2020

fancybox 3 подключить

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

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

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css" integrity="sha256-P8k8w/LewmGk29Zwz89HahX3Wda5Bm8wu2XkCC0DL9s=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha256-yt2kYMy0w8AbtF89WXb2P1rfjcP/HTHLT7097U8Y5b8=" crossorigin="anonymous"></script>

Читать далее «fancybox 3 подключить»

18.02.2020

Правка functions.php под html5

Для того, чтобы валидатор w3c не выдавал ошибок при подключении скриптов и стилей у них не должно быть атрибутов type=»text/css» type=»text/javascript». Но в cms вордпресс данные атрибуты по прежнему есть. Многие владельцы сайтов на данной платформе хотят сделать код валидным и им необходимо избавиться от указанных строк. На сайте уже было указано решение данной проблемы. Читать далее «Правка functions.php под html5»

18.02.202018.02.2020

Редирект со страниц /?

Очень часто при настройке сайтов приходится производить редиректы с одних страниц на другие. Конфигурация данных настроек производится с помощью директив в файле .htaccess. В данном случае по какой-то причине главная страница сайта имела дубль в виде страницы /? Чтобы данный дубль убрать нужно было настроить перенаправление с данного адреса на главную страницу сайта. Для этого в указанном выше файле необходимо добавить следующие строки:

RewriteEngine on
RewriteCond %{THE_REQUEST} " /\? "
RewriteRule ^ https://site.name/? [R=301,L]

RewriteEngine on

RewriteCond %{THE_REQUEST} " /\? "

RewriteRule ^ https://site.name/? [R=301,L]

Читать далее «Редирект со страниц /?»

18.02.2020

Как инспектором найти hover

Иногда необходимо посмотреть как на сайте сделан hover эффект. Это бывает нужно, чтобы увидеть css правила, с помощью которых реализуется определенное поведение элемента при наведении на него стрелки мыши.

Но зачастую при просмотре инспектором браузера не удается увидеть эти свойства. Показываются только css правила не связанные с псевдоклассом hover. Сам долго времени тратил на нахождение, пока мне не подсказали, что во всех браузерах при просмотре кода инспектором есть специальная кнопка hover

Читать далее «Как инспектором найти hover»

28.12.201922.02.2020

Как добавить свои настройки в тему вордпресс

Существуют разные пути редактирования содержимого областей шаблона вордпресс. Самыми популярными из них является редактирование областей с помощью виджетов, плагинов (например плагины конструкторы контента, плагины вставки произвольных шорткодов ) и настройки темы.

Для того, чтобы добавить четыре простые настройки в Настроить» в административном разделе сайта необходимо в functions.php вставить следующий код: Читать далее «Как добавить свои настройки в тему вордпресс»

08.11.201922.02.2020

Поставить цели в яндекс метрике и гугл аналитикс

Для анализа юзабилити сайта и эффективности отдельных элементов страниц используют цели. В приведенном ниже коде для отслеживания события клика по кнопке используется jquery:

$("#sendMessage_OneClick").click(function(e) {			 
			 gtag('event', 'click', {
				 'event_category': 'quick_shop',
				 'event_label': 'quick-button'
			 });
			 yaCounter19340647.reachGoal('quick_shop');return true;
 });

$("#sendMessage_OneClick").click(function(e) {

gtag('event', 'click', {

'event_category': 'quick_shop',

'event_label': 'quick-button'

});

yaCounter19340647.reachGoal('quick_shop');return true;

});

Очень часто цели метрики вешают прямо на элемент. То есть прямо на кнопку добавляют событие onsubmit с кодом от ЯМ или ГА. Но такой подход очень тяжел, не всегда быстро и легко найти место в шаблоне, где можно привязать метрику к необходимому элементу.

08.11.2019

Убрать ссылку у текущих пунктов меню

Чтобы убрать на странице циклические ссылки

<script>  
	"use strict";
        document.querySelectorAll("li a").forEach((item) => {
            if(item.href === document.location.href) item.href = "#";
        });
 
</script>

"use strict";

document.querySelectorAll("li a").forEach((item) => {

if(item.href === document.location.href) item.href = "#";

});

</script>

08.11.2019

Нет кнопки «В корзину»

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

То есть для того, чтобы эти кнопки появились нужно просто задать цены товаров. Кнопки «Купить» появятся, даже если поставить 0 вместо цены. Цена должна быть задана.

08.11.2019

Поменять местами табы woocommerce

Очень часто в интернет магазинах существует необходимость в замене местами табов «Описание», «Характеристики», «Отзывы» и т.д. Например в магазине, который специализируется на продаже техники, либо продукции имеющей много технических параметров правильнее первым табом ставить «Характеристики». В таком случае у пользователя перед глазами сразу будут необходиме технические характеристики.

Читать далее «Поменять местами табы woocommerce»

22.08.2019

Дубли страниц joomla

Система управления сайтом джумла является самым большим генератором дублей страниц. Например, была ситуация, года дописывая «/любое число» к адресу сайта страницы открывалась с содержимым главной страницы. То есть фактически главная страница имела бесконечное число дублей. Читать далее «Дубли страниц joomla»