⬜️ Отключения неиспользуемых стилей и скриптов ⬜️

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

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

⭐ Что дает отключение ненужных скриптов?
— Уменьшает количество загруженных HTTP-запросов (важно для более быстрой загрузки)
— Уменьшает HTML-код фактической страницы (это даже лучше, если включено сжатие GZIP)
— Google даст хорошую оценку вашему сайту, так как он будет быстрее, а быстрая загрузка страницы в настоящее время является фактором в ранжировании поиска

🔗 Посмотреть плагин 🔗

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

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

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

⬜️ CSS карточки с эффектом открывания книги ⬜️

При наведении на карточку она открывается в виде перелистывания страницы. Выглядит эффектно и будет хорошо смотреться на любом сайте. Единственное, для мобильной версии скорее всего придется отдельно верстать.

🔗 Посмотреть 🔗

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

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

⬜️ Коллекция цветов брендов ⬜️

Сайт с самой большой коллекцией цветов известных брендов. Хорошо подойдет для выбора цветового сочетания цветов между собой или подборка оттенков определенного цвета.

🔗 Посмотреть 🔗

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

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

⬜️ Генератор динамичного заднего фона ⬜️

Официальный сайт разработчиков библиотеки particles.js. Позволяет настроить задний фон, который делает эта библиотека, очень гибко. Также есть пару предустановок, чтобы было удобнее генерировать. На выходе получается json файл, который нужно будет передать в функцию вызова библиотеки.

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

🔗 Посмотреть 🔗

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

WEB PANDA | #сервисы

⬜️ Магические красивые карточки ⬜️

Очень красивые карточки. Можно использовать для сайта приложения или современного онлайн сервиса. Выглядит уникально и интересно. Без использования js.

🔗 Посмотреть 🔗

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

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

⬜️ Эффект наведения на аватар с пояснением ⬜️

Готовый код для красивого эффекта наведения на аватар. Автор статьи описал каждый этап с примером.

⭐ Если не поняли по этапам, как это работает, то понимать и необязательно. Можно просто использовать, как готовый код на своих проектах.

🔗 Посмотреть 🔗

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

WEB PANDA | #верстка

⬜️ ChatGPT. Как правильно формулировать вопросы ⬜️

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

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

1) Задавайте стиль письма текста. После основного ТЗ напишите: "стиль текста должен быть формальный/неформальный/творческий/профессиональный и тд.

2) Напишите более подробно о вашей задаче. Что там должно быть, а что ни в коем случае не должно.

3) Возможно у конкурента уже есть текст? Тогда не нужно придумывать велосипед и попросите chat gpt перефразировать текст, заменив синонимами. На выходе получите 100% уникальность. Важно! Рекомендую переписывать по абзацу, а не всё сразу, чтобы работало корректно.

⭐ Советы при написании кода:

1) Напишите для чего надо написать код. Например, для cms wordpress.

2) Просите писать оптимизированный код.

3) Если вы пишите код для wp, то просите его использовать функции wordpress.

4) Если код не работает, то как бы банально это не звучало, напишите об этом chatGPT. Он либо перепишет, либо скажет все возможные причины.

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

➡️ На английском он отвечает гораздо быстрее и грамотнее. Поэтому рекомендую использовать переводчик для экономии времени.

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

WEB PANDA | #сервисы #советы

⬜️ Ресурс для изучения CSS от гугл ⬜️

Learn CSS — постоянно обновляемый справочник по CSS.

👍 Качественный материал с примерами и подробным описанием каждого CSS свойства. Также есть подкасты к каждой статье, но только на английском языке.

Создатели сайта — google.

🔗 Посмотреть 🔗

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

WEB PANDA | #верстка #сервисы

⬜️ Карточка с интересным эффектом наведения⬜️

Реализована на css и html без использования js. Будет хорошо смотреться практически по любой тематике для постов блога.

🔗 Посмотреть 🔗

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

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

⬜️ Плагин сжатия картинок ⬜️

Плагин от известного сервиса TinyPNG. Автоматически оптимизирует все ваши изображения при загрузке.
Совместим с wpml, WooCommerce, а также имеет много других функцией.

🔗 Посмотреть плагин 🔗

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

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

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

⬜️ CSS переменные ⬜️

Раньше переменные были доступны только в препроцессорах, но в CSS3 возможность создания их добавили в обычном css.

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

🔗 Посмотреть 🔗

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

WEB PANDA | #верстка

⬜️ Плагин расширенного поиска ⬜️

WP Extended Search — это легкий и простой поисковый плагин, который позволяет легко расширить функциональность стандартного поиска WordPress. Позволяет добавить возможность поиска по мета полям, названиям таксономий и тд.

От себя рекомендую, если нужно расширить поиск, то это очень хорошая штука.

🔗 Посмотреть плагин 🔗

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

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

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

⬜️ Сайты известных брендов на wordpress ⬜️

Showcase сайтов от разработчиков wordpress. Можно посмотреть 70+ сайтов на wp, которые принадлежат известным брендам/государствам и тд.

🔗 Посмотреть 🔗

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

WEB PANDA | #wordpress

⬜️ Библиотека изображений ⬜️

Openverse.org – это проект от компании Creative Commons, который представляет собой библиотеку бесплатных изображений, видео, музыки и других материалов, которые можно использовать в своих проектах, не нарушая авторских прав.

Одним из главных преимуществ Openverse.org является возможность быстрого и удобного поиска необходимых материалов. Сайт предлагает не только фильтрацию по типу контента, но и по лицензии Creative Commons, что позволяет найти материалы, которые можно использовать с минимальными ограничениями.

Таким образом, если вы ищете качественные и бесплатные материалы для использования в своих проектах, Openverse.org является одним из лучших вариантов. Он предлагает огромное количество материалов разных типов, которые можно использовать без ограничений в своих проектах.

🔗 Посмотреть 🔗

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

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

⬜️ Вращающиеся иконки по орбите ⬜️

Сделано на чистом css. Легко интегрировать в проект и подойдёт многим тематикам.

🔗 Посмотреть 🔗

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

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

⬜️ Лучшие работы веб-дизайна ⬜️

Сервис, где собраны красивые и уникальные дизайны для сайтов. Есть удобная фильтрация по цвету и типу. Отличный сайт для вдохновения.

🔗 Посмотреть 🔗

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

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

⬜️ Бесплатный плагин оптимизации ⬜️

Плагин от разработчиков wordpress для ускорения скорости загрузки.

⭐ Плагин Performance Lab - это набор модулей, направленных на повышение производительности вашего сайта, большинство из которых в конечном итоге должны быть объединены в ядро WordPress. Плагин позволяет индивидуально включать и тестировать модули, чтобы получить их преимущества до того, как они станут доступны в ядре WordPress, и предоставлять обратную связь для дальнейшего улучшения решений.

На данный момент опций в нем не очень много, но конвертация изображений в Webp и другие опции могут быть довольно полезные. А также перспектива того, что это может появиться в ядре радует.

🔗 Посмотреть 🔗

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

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

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