Author: Digrand

25
Июл
2019

Добавление / удаление класса при наведении JS

Очень часто разработчикам нужно при наведении на элемент дописывать класс, что бы более гибко стилизовать какой то выпадающий элемент. Данный перемер будет работать во всех браузерах. Добавление / удаление класса при наведении также очень пригодится для iOS т.к. обычное css свойство hover там не работает. Также данный способ не только добавляет при наведении на элемент […]

Запись Добавление / удаление класса при наведении JS впервые появилась Di-Grand.

27
Мар
2019

Не работает анимация transform (display: none; в display: block;)

Очень часто верстальщики в своей практике используют свойство display: none; и меняют его по клику или ховеру на display: block;. В основном это используется для мобильных меню или блоков, которые открываются по клику. Все бы хорошо, но, если вы захотите анимировать такой блок через transform, вам это не удастся. Поэтому представляем вашему вниманию хак который […]

Запись Не работает анимация transform (display: none; в display: block;) впервые появилась Di-Grand.

11
Мар
2019

Стилизация input radio и checbox кнопок (на чистом CSS)

Сегодня хочу поделится с вами несколькими вариантами стилизации input type=»radio» а так же input type=»checkbox» . Ни для кого не секрет, что без стилизации этих элементов не бывает жизни у верстальщиков. На своей практике я почти в каждом проекте встречаю кастомную стилизацию radio и checbox. В интернете есть масса способов их стилизации, но большинство из […]

Запись Стилизация input radio и checbox кнопок (на чистом CSS) впервые появилась Di-Grand.

07
Мар
2019

Горячие (быстрые) клавиши IDE PhpStorm

Горячие (быстрые ) клавиши PhpStorm — это в первую очередь экономия массы времени. Тем, кто начинает знакомство с многофункциональным редактором PhpStorm данная статья будет очень полезна. Она поможет вам быстро писать код.

30
Ноя
2018

Как убрать поле url (веб сайт) с формы коментариев WordPress

Очень часто, практически всегда сталкиваемся с вопросом как же удалить поле веб-сайт с формы коментариев WordPress. Ведь по факту оно мало кому нужно и занимает лишнее место. Есть очень простой и еффективный способ это сделать. Открываем functions.php вашей темы и в конец вставляем данный код: [crayon-5c55aa5e6354d112353819/] Готово, больше поля url в форме коментов WP не будет.

Запись Как убрать поле url (веб сайт) с формы коментариев WordPress впервые появилась Di-Grand блог о создании сайтов.

20
Ноя
2018

WooCommerce как изменить позицию вариативной цены (замена основной цены)

Столкнулся с такой проблемой: был вариативный товар, цена выводится в двух местах (от и до над атрибутами и уже конкретная цена выбранного атрибута под ними). Соответственно задача была в том, что бы сделать одну цену атрибутов, на место диапазона цен. Помогло следующее решение, юзайте: В functions.php вашей темы [crayon-5c55aa5e63b17414639971/] В общем удалось изменить позицию вариативной цены, […]

Запись WooCommerce как изменить позицию вариативной цены (замена основной цены) впервые появилась Di-Grand блог о создании сайтов.

10
Ноя
2018

Как переименовать вкладку «Описание» (product tab-title for WooCommerce)

В некоторых случаях бывает нужно быстро переименовать в интернет магазине WooCommerce вкладку «Описание». Например мне понадобилось написать там «Характеристики». В рунете есть хуки, но они уже не рабочие. Нагуглил в буржуев, пользуйтесь (в functions.php): Вариант 1 [crayon-5c55aa5e63e23604738028/]   Вариант 2 [crayon-5c55aa5e63e2d615149587/]   Если нужно переименовать любую другую вкладку, воспользуйтесь таким хуком [crayon-5c55aa5e63e31667313193/]  

Запись Как переименовать вкладку «Описание» (product tab-title for WooCommerce) впервые появилась Di-Grand блог о создании сайтов.

30
Авг
2018

Woocommerce замена знака валюты + разные знаки в разных категориях.

Очень часто бывают случаи когда нужно заменить знак валюты на текст, либо дописать какие то свои значения.  В Woocommerce это делается довольно просто. Покажу вам на примере замены знака валюты Украинской гривны. В моем случае мне нужно было получить знак валюты в следующем виде  грн/кв.м И так, приступим, что бы заменить знак валюты в Woocommerce , сделайте […]

Запись Woocommerce замена знака валюты + разные знаки в разных категориях. впервые появилась Di-Grand блог о создании сайтов.

10
Авг
2018

Digrand — WordPress тема для портфолио и блога

Здравствуйте читатели блога Digrand. Сегодня хотим порекомендовать вам нашу собственную тему для веб-мастеров а так же для любых других тематик. Наша тема специально сделана для портфолио. Имеет очень много гибких настроек. Во первых, вы сможете установить тему в 1 клик, для этого вам не нужно быть программистом. Достаточно уметь установить Wordpress на ваш хостинг, добавить и активировать […]

Запись Digrand — WordPress тема для портфолио и блога впервые появилась Di-Grand блог о создании сайтов.

08
Май
2018

Сортировки похожих записей по рубрикам (категориям) — WP

Здравствуйте. Сегодня покажу вам код вывода, сортировки похожих статей (записей) по рубрикам (категориям). Это используется очень часто в сайтах блогового типа. И так, самая простая функция вывода похожих записей выглядит так: [crayon-5c55aa5e648e1824303078/] Где: ‘orderby‘=>rand, — Условие сортировки рандом ‘showposts‘=>5, — Количество выводимых записей ‘caller_get_posts‘=>1); — Запрещаем повторение ссылок Такой код выведет у нас простые ссылки […]

Запись Сортировки похожих записей по рубрикам (категориям) — WP впервые появилась Di-Grand блог о создании сайтов.

11
Апр
2018

WooCommerce как удалить слово Any (любой) c фильтра

Здравствуйте уважаемые читатели блога Digrand. Оно не несет никакого полезного смысла, клиент это заметил и попросил удалить его. Но это оказалось проблемой, просто так его не удалить, пришлось напрячься. За что отдельное спасибо напарнику 🙂 . И так, приступим к делу. Что бы удалить слово Any (любой) c фильтра WooCommerce нужно выполнить всего несколько действий: Открываем в […]

Запись WooCommerce как удалить слово Any (любой) c фильтра впервые появилась Di-Grand блог о создании сайтов.

06
Апр
2018

Hostinger — надежный хостиг для ваших сайтов

Здравствуйте уважаемые читатели нашего блога. Сегодня мы поговорим с вами о хостинге, оптимизированном для WordPress, с которым ваши сайты будут просто «летать». Как ни посмотри, Hostinger мало популярен в сети. У него нет мощной рекламной кампании, которая пестрела бы баннерами на всех сайтах. Но это даже хорошо! О качестве Hostinger можно узнать с помощью “сарафанного […]

Запись Hostinger — надежный хостиг для ваших сайтов впервые появилась Di-Grand блог о создании сайтов.

04
Апр
2018

WooCommerce сортировка товара по артикулу (по коду товара — SKU)

Сегодня перед нами стала нестандартная задача, клиент захотел изменить стандартную сортировку по дате товара в плагине WooCommerce. Захотел он что бы товар сортировался по артикулу , то есть по коду товара (SKU).  В самой админе поле артикула находится и выглядит так: Такая сортировка удобна тем, что когда в вашем магазине есть множество дочерних рубрик и человек находится […]

Запись WooCommerce сортировка товара по артикулу (по коду товара — SKU) впервые появилась Di-Grand блог о создании сайтов.

04
Мар
2018

Топ 7 плагинов для WooCommerce

❗WooCommerce Products Filter Поможет создать фильтр для ваших продуктов (аналог таксономи для постов) который к тому же работает на AJAX. Ваши посетители сразу увидят результаты поиска. Скачать бесплатно — https://wordpress.org/plugins/woocommerce-products-filter/   ❗YITH WooCommerce Zoom Magnifier Данный плагин идеально подойдет если вы хотите опцию увеличения товара для более детального обзора. Идеально подходит для магазинов одежды, когда посетитель […]

Запись Топ 7 плагинов для WooCommerce впервые появилась Di-Grand блог о создании сайтов.

04
Янв
2018

Смена изображения, телефона по клику на ссылку (кнопку)

Здравствуйте уважаемые читатели блога Digrand. Сегодня хочу вам показать вариант смены изображения, контента по клику на ссылку. Столкнулся я с данным вопросом в верстке одного psd макета. Идея была в том, что на картинке были кнопки, по нажатию на которые нужно было заменять под ними картинку. CSS кода всего блока выставлять не буду, т.к. запутаетесь, много […]

Запись Смена изображения, телефона по клику на ссылку (кнопку) впервые появилась Di-Grand блог о создании сайтов.

11
Сен
2017

WP курсы Themeforest (от Александра Сокирки). Скидка 20 Евро

  Здравствуйте читатели нашего блога. Сегодня хочу поделится с вами важной информацией по обучению. Лично прохожу курсы по разработке тем на WordPress и заработку на Themeforest. Подробнее о курсах по разработке темы на WordPress и заработку на Themeforest (Envato) https://geniuscourses.com/course/themeforest/ С этими знаниями можно работать как на фрилансе так и на любой веб студии. В […]

Запись WP курсы Themeforest (от Александра Сокирки). Скидка 20 Евро впервые появилась Di-Grand блог о создании сайтов.

06
Сен
2017

HTML шаблон для портфолио с вашими работами. Увеличьте доверие клиентов

Здравствуйте уважаемые читатели нашего блога. Сегодня хочу показать вам симпатичный, очень качественно сверстаный дизайн для портфолио. Если вы занимаетесь версткой, созданием сайтов и т.д., тогда вам не обойтись без собственно, качественно портфолио. Иначе будет как в пословице — сапожник без сапог. Грамотный код, адаптивный дизайн — это все повысит лояльность клиента к вам. Могу сказать […]

Запись HTML шаблон для портфолио с вашими работами. Увеличьте доверие клиентов впервые появилась Di-Grand блог о создании сайтов.

23
Авг
2017

Как создать прелоадер

Создателями так называемых «тяжелых» сайтов, на которых размещено множество картинок и посадочных страниц, используются прелоадеры. Эти элементы требуются для того, чтобы сделать просмотр содержимого интернет-ресурса комфортным для пользователей. Подробнее о создании прелоадера Схема разработки данного элемента относительно проста и состоит из нескольких этапов. Первый из них – подключение библиотеки jQuery. Второй – прописывание до закрывающегося тега […]

Запись Как создать прелоадер впервые появилась Di-Grand блог о создании сайтов.

21
Мар
2017

Адаптивная таблица (как сделать адаптивную таблицу Table на CSS — пример)

Каждый верстальщик рано или поздно сталкивается с вопросом адаптации таблиц под планшеты и мобильные устройства. На сам деле это действительно проблема, табличная верстка не предназначена для таких целей. Во времена когда ее часто использовали, ни кто и предположить не мог что технологии адаптации шагнут так далеко. Но отказаться на все 100% от табличной верстки мы […]

Запись Адаптивная таблица (как сделать адаптивную таблицу Table на CSS — пример) впервые появилась Di-Grand блог о создании сайтов.

15
Мар
2017

Bootstrap — как сделать чтобы dropdown не закрывалось при клике по нему (внутри)?

Хочу поделится с вами небольшой заметкой. Все мы знаем что на Bootstrap можно делать всякие выпадающее меню, кнопки, блоки и т.д. http://getbootstrap.com/components/#btn-dropdowns Но есть проблема, выпадающий блок закрываться по клику внутри него. Вот пример из жизни: в моем случае в интернет магазине, мини-корзина открывалась по клику. Но если нажать на крестик удаления продукта (которое сделано без […]

Запись Bootstrap — как сделать чтобы dropdown не закрывалось при клике по нему (внутри)? впервые появилась Di-Grand блог о создании сайтов.

22
Дек
2016

Оформление (нумерованых) списков на CSS3

Оформлению списков следует уделять большое внимание. Не хочется, чтобы они были скучными, монотонными и непривлекательными. Списки, как элемент веб-дизайна должны заинтересовывать пользователя и задерживать его внимание. В этом материале мы посмотрим, как создаются списки на CSS3. Это образец одного из способов оформления списка: Желательно пользоваться браузером Mozilla, потому что только он позволяет совершать переходы псевдоэлементов. […]

Запись Оформление (нумерованых) списков на CSS3 впервые появилась Di-Grand блог о создании сайтов.

12
Дек
2016

Как красиво оформить ссылки CSS + HTML

Сегодня я покажу вам, как, применяя различные функции, используя анимацию, можно получать интересные результаты для ссылок при наведении на них курсора. Точно так же можно проработать ссылку и при клике на нее. Эффектов очень много, в нашем примере их двадцать один. Все они интересные и уникальные. Наверняка, вы сможете подобрать для своего сайта что-то, что […]

Запись Как красиво оформить ссылки CSS + HTML впервые появилась Di-Grand блог о создании сайтов.

30
Ноя
2016

Как правильно выбрать хостинг для сайта?

Что бы правильно выбрать хостинг нужно учесть стоимость данной услуги, учесть достоинства и недостатки каждого типа хостинга. Тарифы, уровень защиты, скорость обработки информации, наличие знаний администрирования – дополнительные факторы, которые помогут сделать правильный выбор. Отслеживая популярные партнерские программы, изучая программы лояльности, анализируя скидки, вы сможете найти надежного партнера, оптимизировать работу своего ресурса и повысить свой […]

Запись Как правильно выбрать хостинг для сайта? впервые появилась Di-Grand блог о создании сайтов.

30
Ноя
2016

Сетка с 5 колонок в Twitter Bootstrap

Каждый верстальщик, который использует Twitter Bootstrap для адаптивной верстки, сталкивается с вопросом — как же сделать сетку с 5 колонок.  Мы знаем что Bootstrap использует 12-ти колоночную сетку. Она делится на 2,3,4 блока в одной строчке. Но как быть если нам нужно 5 блоков? Вот пример с верстки когда у меня возник такой вопрос. Смотрите скрин, нужно […]

Запись Сетка с 5 колонок в Twitter Bootstrap впервые появилась Di-Grand блог о создании сайтов.

29
Ноя
2016

5 Слайдеров (slider) на чистом CSS

Когда встает проблема создания слайдеров для компьютерного сайта, предпочтение отдается CSS. По сравнению с теми же элементами на Javascript, слайдеры CSS, несмотря на большие размеры картинок и наличие скриптов, загружаются гораздо быстрее. Сегодня мы посмотрим, как написать слайдер на CSS. 1. CSS3 слайдер изображений Такие слайдеры для перемещения используют радио-кнопки, которые обычно помещаются под блоком […]

Запись 5 Слайдеров (slider) на чистом CSS впервые появилась Di-Grand блог о создании сайтов.

05
Ноя
2016

OpenCart 2 — вывод определенных атрибутов в карточке товара

Сегодня столкнулся с вопросом вывода определенных атрибутов в карточке товара. Как вы знаете, OpenCart по умолчанию выводит в цикле все группы и все атрибуты в них. Нам же нужно было вывести только определенные атрибуты. Так как некоторые использовались только в каталоге для фильтра. В общем то может быть много разных ситуаций зачем это понадобится. Не […]

Запись OpenCart 2 — вывод определенных атрибутов в карточке товара впервые появилась Di-Grand блог о создании сайтов.

24
Окт
2016

Настройка SSL (HTTPS) для OpenCart 2.2.0.0

Скачайте и установите модуль через установщик расширений. Зайти в модификаторы, выберите новый модуль и обновить кеш (в правом верхнем углу). Зайдите в настройки магазина во вкладку сервер и поставьте значение ДА — Включить ЧПУ, Использовать SSL. Открыть файлы config.php и /admin/config.php. В них заменяем все http:// на https:// и сохраняем. Переименуйте в корне сайта файл .htaccess.txt […]

Запись Настройка SSL (HTTPS) для OpenCart 2.2.0.0 впервые появилась Di-Grand блог о создании сайтов.

24
Окт
2016

SeoPro для OpenCart 2.2.x / 2.3.x

SeoPro очень полезный модуль который заменяет стандартный функционал формирования человеческого ЧПУ в движке OpenCart. А так же изменяет непонятные дефолтные ЧПУ Опенкарта и удаляет дубли страниц. Все вы наверное уже знаете что SeoPro установлен по дефолту в ocStore (русская сборка). Но на момент написания статьи (24.10.2016) актуальная версия ocStore 2.1.0.1. Клиенту нужна была установка на версию […]

Запись SeoPro для OpenCart 2.2.x / 2.3.x впервые появилась Di-Grand блог о создании сайтов.

31
Авг
2016

Ошибка при запуске приложения 0xc0000005

Очень часто пользователи ПК сталкиваются с ошибкой при запуске приложения 0cx0000005. Причин может быть много, сейчас постараюсь их перечислить и ниже каждую объяснить. Ошибки в оперативной памяти Некорректные обновления Windows Некорректные драйвера Вызвана софтом Вирусы Рассмотрим 1 ошибку, с оперативной памятью. Возможно что ваша память работает с ошибками и нужно ее заменить. Что бы это узнать, нужно […]

Запись Ошибка при запуске приложения 0xc0000005 впервые появилась Di-Grand блог о создании сайтов.