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

💎 Пакетная оптимизация изображений для сайта 💎

В видео на канале InWebPress рассказывается о нескольких способах оптимизации изображений.

Показаны плюсы и минусы каждого способа. А также рассказывается важность оптимизации и зачем вообще это нужно делать.

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

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

Посмотреть видео

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

WEB PANDA | #оптимизация #сервисы

💎 Свой брендинг для админки wordpress 💎

Плагин White Label CMS позволяет заменить все логотипы и упоминания wordpress на произвольные.

Возможности плагина:
- Настройте страницу входа в систему
- Добавьте свой брендинг в шапку и подвал
- Настройте страницу консоли. В том числе добавление своих виджетов и приветственного сообщения. В pro версии можно сделать виджет на elementor.

👍 Средняя оценка: 4.5
✨ Количество скачиваний: 200 000+
🎯 Последнее обновление: 2 недели назад

Перейти на страницу плагина

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

💎 Вывод похожих записей для статьи без плагинов 💎

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

Зачем делать на коде, если есть плагины?
👍 Любой внешний вид и контент. Вы не ограничиваетесь функционалом плагина и можете вывести записи именно так, как хотите.
👍 Не нагружаете сайт лишним плагином.

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

WEB PANDA | #wordpress

💎 Визуальная поисковая сеть 💎

Сайт - находка, если вы часто подбираете картинки для своих проектов/дизайнов. Вводите на английском ключевое слово и получаете сотни красивых релевантных изображений.

Мне лично он очень понравился.

⚠️ Это не фотосток с бесплатными картинками. Поэтому с авторским правом могут возникнуть проблемы.

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

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

💎 Создание правил для заказов 💎

Плагин Order Status Rules for WooCommerce позволяет гибко настраивать правила для управления заказами.

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

Возможности:
- Минимальная и максимальная сумма заказа и количество заказа.
- Необходимые платежные шлюзы.
- Требуемые способы доставки.
- Обязательные купоны.
- Многое другое

👍 Средняя оценка: 5
✨ Количество скачиваний: 1000+
🎯 Последнее обновление: 3 недели назад

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

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

💎 Настройка smtp сервера wordpress без плагинов 💎

Данный сниппет позволяет настроить smtp сервер wordpress без использования каких-либо плагинов.

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

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

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

💎 Расширение для просмотра используемых технологий на сайте💎

Супер хорошее бесплатное расширение для браузера Wappalyzer. С помощью него можно быстро посмотреть на чём сделан сайт.

Что мне понравилось больше всего:
👍Работает быстро
👍Очень хорошая интеграция с wordpress технологиями. Он не только покажет, что сайт на wordpress, расширение ещё покажет какие плагины на нём используется и какой версии.
👍Показывает кучу всего. От языков программирования до аналитики и безопасности.

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

WEB PANDA | #сервисы

🎆 Эффект падающей капли от нажатия мышки 🎆

Эффект сделан на css с использованием js, выглядит очень красиво и отлично впишется практически в любой сайт.

WEB PANDA | #codepen

💎 Плагин для конвертации в webp при загрузке изображения 💎

В настоящее время ~95% всего трафика и ~96% мобильного трафика приходится на браузеры, поддерживающие webp.

Зачем нужна конвертация в webp?
- Webp изображения обычно имеют размер менее половины при сохранении того же качества
- Улучшается скорость загрузки сайта

👍 Средняя оценка: 4.5
✨ Количество скачиваний: 200 000+
🎯 Последнее обновление: 7 месяцев назад

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

WEB PANDA | #плагины #wordpress #оптимизация

💎 Возможности chrome консоли 💎

Хорошо ли вы знаете инструменты разработчика Chrome? На самом деле, есть множество мощных, но не слишком известных возможностей, которые способны значительно повысить вашу эффективность и скорость работы.

Малый список возможностей:
1) Полноценный скриншот всей страницы или её части.
2) Мониторинг загрузки страницы
3) Копирование изображения в виде Data URL, чтобы например использовать его в css
4) Перетаскивание объектов в панели Elements
5) Быстрое скрытие элемента нажатием одной клавиши
6) Получить все шрифты/цвета/медиа запросы, которые используются на странице.

Запускайте в консоли Run Command и изучайте оставшиеся возможности. Они точно вам пригодятся в будущем.

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

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

WEB PANDA | #сервисы

💎 Дорожная карта веб-разработчика 💎

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

Название технологий по порядоку для изучения:
1) Интернет
2) HTML
3) CSS
4) JavaScript
5) Веб-безопасность
6) Инструменты (хотя часть инструментов я бы изучил ещё на 2 пункте).
7) Фреймворки
8) GraphQL

Если вы хотите стать ещё wordpress разработчиком, то можете после 5 или 6 пункта изучать php.

Карта взята с сайта TProger.

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

WEB PANDA | #сервисы

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

Сайт "Дока" начал свою работу 12 октября 2021 года. С тех пор на нем опубликовалось очень много материалом по веб-разработке.
От html и css до javanoscript и доступности.

Интересная статья: как браузер рисует страницы.

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

WEB PANDA | #сервисы

💎 Сниппет для отключения всех обновлений wordpress💎

Данный сниппет отключает обновления:
1) wordpress
2) плагинов
3) переводов
4) тем

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

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

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

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