💎 Редирект на страницу благодарности после отправки формы CF7 💎

Часто есть задача сделать перенаправление пользователя на произвольную страницу после отправки формы.

В этом нам поможет сниппет JS кода, который цепляет редирект на событие отправки формы.

Сниппет находится в комментариях.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #сниппет

💎 Интересные яркие кнопки на чистом css 💎

Кнопки выполнены в очень ярком стиле, которые сильно привлекают внимание. Лично использовал на одном проекте.

⚠️ При наведении отображается снизу отражение кнопки. Данный эффект поддерживается только современными браузерами.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #codepen

💎 Плагин для проверки битых ссылок 💎

Плагин Broken Link Checker сканирует ссылки на всех страницах сайта и проверяет их на 404 ошибку.

Это поможет вам исправить плохие ссылки, чтобы улучшить SEO и пользовательский опыт.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #плагины #seo

💎 Чек-лист после запуска сайта на wordpress 💎

Данный чек-лист поможет вам проверить готовность сайта для запуска в мир. В нём содержится список основных проверок.

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

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #оптимизация

💎 Увеличение лимитов WordPress 💎

Часто в работе не хватает лимитов по умолчанию.

Например при создании сайта в Elementor WP_MEMORY_LIMIT рекомендуется 256M, а то и все 512M, в то время как по умолчанию он всего лишь 40M.

Или же не получается загрузить файл весом 20 мб, потому что стоит лимит в 10 мб.

Как увеличить?
1) Увеличение wp_memory_limit.
Добавьте в файл wp-config.php (он лежит в корне сайта) строку define ('WP_MEMORY_LIMIT', '256M');
2) Увеличение Upload Max Size.
Добавьте в файл .htaccess (он лежит в корне сайта) строку php_value upload_max_filesize 64M

Цифры вы можете менять в зависимости от своих нужд.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #оптимизация #сниппет

💎 Визуализация хуков woocommerce 💎

Очень часто нужно кастомизировать страницу товара в интернет-магазине. Но хуков на ней много и непонятно сразу, что за что отвечает.

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

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #woocommerce

💎 Коллекция прекрасных градиентов для сайта 💎

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

Рекомендую для этих целей использовать сайт webgradients. Там более ста градиентов на любой вкус и цвет.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #дизайн #сервисы

💎 Иконки для сайта от гугл 💎

Я уверен, что всё знают шрифты от google (fonts.google.com), но мало кто знает, что у google есть также свой сервис для иконок.

Иконкам можно настроить толщину обводки и другие параметры.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #дизайн #сервисы

💎 Мультикнопка для сайта WordPress 💎

Мультикнопка нужна для объединения способов связи. Есть плагины аналоги, но я всегда использую All in One Support Button, так как он имеет наибольший функционал.

Данная кнопка используется для увеличения конверсии.

Плюсы плагина:
👍 Невысокая цена.
👍 Функционал больше, чем у конкурентов.
👍 Интеграция онлайн-чатов с кнопкой (jivo и тд).
👍 Показ определенных элементов связи только в определенные часы.
👍 Встроенная контактная форма.
👍 Красивый дизайн.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #плагины

💎 Красивая абстрактная анимация на чистом css 💎

Абстрактная анимация выполнена на чистом css. Идеально подойдёт для сайта с черной цветовой гаммой.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #верстка #codepen

💎 Лучший плагин хлебных крошек 💎
Хлебные крошки - маленькая, но полезная вещь для вашего сайта. Помимо удобной навигации по разделам, она также увеличивает seo сайта и украшает его сниппет в поисковой выдаче.

👽 Зачем нужен плагин, если данный функционал есть в seo плагинах?
- В seo плагинах (конкретно имею в виду Rank Math Seo и Yoast Seo) не выводятся хлебные крошки с микроразметкой.
- Не полный путь пользователя. Выводится обычно только главная страница и текущая статья, что также делает их бесполезными.

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

Я предлагаю к вашему вниманию плагин Breadcrumb NavXT. Он имеет более 900 000 скачиваний и среднюю оценку 4.5. Также позволяет гибко настроить вывод и решает все проблемы, которые были описаны выше.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #seo #плагины

😎 Сниппет для создания вкладки товара 😎

Часто есть задача создать новую вкладку товара в woocommerce, чтобы написать там информацию о доставке или что-либо другое.

Конечно можно поставить дополнительный плагин, но зачем, если это делается с помощью пары строчек кода?

🚀 Код сниппета находится в комментариях.

В сниппете я оставил поясняющие комментарии. Если будут по нему вопросы, то пишите.

👀 Вставка кода в wordpress

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #woocommerce #сниппет

💎 Сниппет для удаления лого wp в верхнем левом углу 💎

Данный код удаляет в левом верхнем углу админки ссылку на wordpress. Мелочь, но освобождает место в верхней панели и убирает вероятность случайного клика.

👀 Вставка кода в wordpress

🚀 Код сниппета находится в комментариях.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #сниппет

🐼 Рекомендация канала знакомым сильно поможет в его развитии 🤠

💎 Плагин для сниппетов кода Advanced Scripts💎

На канале часто выходят посты с сниппетами кода. Но как их использовать?
💥 Есть несколько вариантов:
1) Вставлять php код в functions.php вашей темы.
👎 Минусы способа: после смены темы сниппеты пропадут. Неудобно управлять сниппетами.
2) Через пустой плагин.
👎 Минусы: неудобно управлять, сложности с разными типами сниппетов.
3) Через плагины. Пост об одном из плагинов для сниппетов.

Можно использовать бесплатные плагины сниппетов, но они весьма ограничены в своём функционале.

Advanced Scripts - удобный плагин сниппетов, который содержит в себе редактор кода, конвертацию scss/less в css и многое другое.
Must have для любого сайта, где используются сниппеты.

👀 Есть возможность купить lifetime версию с обновлениями за 700р.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #плагины

💎 Падающий снег на чистом css и html 💎

Очень красивый снег сможет украсить ваш сайт перед новым годом. Можно добавить только на первый экран, если вам кажется, что он мешает просмотру сайта.

WEB PANDA | #codepen