⬜️ Возможные решения проблемы "Конфликтующие плагины" ⬜️

Досадно, но порой плагины в WordPress начинают барахлить и глючить из-за несовместимости друг с другом. И тут у тебя есть несколько вариантов, как исправить это недоразумение.

Во-первых, можешь просто отрубить один из плагинов, который подозреваешь в конфликте. Но это не всегда удобно, особенно если оба плагина тебе нужны для сайта.

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

Еще один вариант - установить плагин типа Plugin Compatibility Checker. Он будет проверять, дружат ли между собой твои плагины, и предупреждать о возможных конфликтах. Тогда ты будешь знать, с чего начать действовать.

Наконец, можешь написать в службу поддержки разработчиков несовместимых плагинов. Они могут дать временное решение проблемы или выпустить исправление.

Ну, а если без шуток, то алгоритм действий следующий:

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

2) Обновите плагины до последних версий. Часто разработчики плагинов в новых версиях исправляют несовместимости и конфликты.

3) Установите специальный плагин для управления конфликтами, например Plugin Compatibility Checker. Он будет проверять совместимость установленных плагинов и предупреждать о конфликтах.

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

⭐ Какой стиль поста вам понравился больше? Пишите в комментариях.

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

WEB PANDA | #wordpress

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

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

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

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

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

⬜️ Отключение emoji в wordpress ⬜️

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

remove_action( 'wp_head', 'print_emoji_detection_noscript', 7 );
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_noscripts', 'print_emoji_detection_noscript' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );
remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );

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

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

⬜️ Комплект иконок ⬜️

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

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

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

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

⬜️ Красивая кнопка при наведении ⬜️

Эффектная кнопка для сайта. Сделана на html, css и js.
Минус её в том, что чтобы её встроить — нужно иметь контроль над html разметкой, добавив туда определенные элементы, поэтому для сайтов, которые сделаны на конструкторах её придется встраивать html виджетом.

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

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

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

⬜️ Идеальный хостинг для сайта ⬜️

Что должен иметь хороший хостинг?
— Поддержку всех версий php. На данный момент это от 5.4 до 8.2.
— Поддержка всех современных технологий (http2/websokets/redis и тд).
— Нормальную цену по соотношению цена/качество.
— Быструю скорость работы.
— Быструю и хорошую тех. поддержку.
— Ежедневное резервное копирование.
— Бесплатный ssl сертификат.

Что будет плюсом?
— Неограниченное количество сайтов на хостинге. Лимит только на место и мощность хостинга.
— Бесплатная защита от DDos атак.
— Бесплатный антивирус.
— Красивый интерфейс.
— Помощь с переносом сайтов с других хостингов.

Все перечисленные возможности есть на хостинге NetAngels. Сам пользуюсь на данный момент этим хостингом и очень им доволен. Он ничем не уступает лидерам, а где-то их и превосходит. Можно настроить тариф под свои нужды.

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

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

WEB PANDA | #сервисы

⬜️ Сайт в figma ⬜️

http://html.to.design/ — расширение для figma, которое позволяет перенести любой сайт в интернете по его URL в figma дизайн со всеми элементами и стилями. Работает на удивление хорошо и не глючит.

В бесплатной версии возможно 20 переносов сайтов в figma в месяц.

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

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

WEB PANDA | #дизайн

⬜️ Неоновый круг с эффектом наведения ⬜️

Красивый круг с меняющимся цветом. Реализовано на html и css без js. Отлично подойдет для дизайна в темной теме, где есть тонкие круги. Можно будет удивить заказчика красивым эффектом.

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

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

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

⬜️ Книги про wordpress ⬜️

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

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

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

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

WEB PANDA | #wordpress

⬜️ Gutenberg в комментариях wordpress 🔥 ⬜️

Blocks Everywhere — плагин от известной команды Automattic (разработчики woocommerce, wordpress и многого другого). Он внедряет блоки gutenberg в комментарии wordpress сайта.

Помимо комментариев от wordpress, он также совместим с bbPress и BuddyPress.

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

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

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

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

⬜️ Изменение руководства ранжирования Google ⬜️

Google обновил «Руководство по системам ранжирования».
Что изменилось:
1) Удалено "Система ранжирования по удобству страниц"
2) Удалено "Ранжирование по оптимизации для мобильных устройств"
3) Удалено "Оптимизация загрузки страниц"
4) Удалено "Ранжирование по безопасности сайтов"

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

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

WEB PANDA | #seo

⬜️ Анимированный рейтинг ⬜️

Красивая анимация и внешний вид. Написано на html, css (scss) и js.

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

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

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

⬜️ Конвертер таблиц в html ⬜️

Удобный сервис, который генерирует из exel таблиц html код. Очень упрощает и ускоряет работу, если нужно перенести таблицу на сайт.

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

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

WEB PANDA | #сервисы

⬜️ Фильтры в css ⬜️

CSS filter — это свойство CSS, которое позволяет применять эффекты на изображения и другие элементы на веб-странице. С помощью CSS filter можно изменять цвет, яркость, контрастность, размытие, насыщенность, наложение градиентов и многое другое.

Синтаксис CSS filter выглядит следующим образом:

filter: <filter-function> [<filter-function>]* | none

Здесь <filter-function> представляет функцию фильтра, которая может быть применена к элементу. Несколько функций могут быть объединены через пробелы для применения нескольких эффектов фильтрации одновременно.

Например, чтобы применить размытие к картинке, можно использовать функцию blur():
img {
filter: blur(5px);
}

Другие функции фильтра CSS включают grayscale(), brightness(), contrast(), hue-rotate(), invert(), opacity(), sepia(), drop-shadow(), url(), blur(), brightness(), contrast(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia() и т.д.

CSS filter позволяет создавать красивые эффекты и улучшать визуальную привлекательность сайта. Однако, следует учитывать, что использование фильтров может замедлить работу страницы, особенно на мобильных устройствах.

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

WEB PANDA | #верстка

⬜️ HuggingChat — аналог ChatGPT от Hugging Face ⬜️

Компания Hugging Face выпустила HuggingChat — конкурента ChatGPT от OpenAI. Попробовать чат-бота можно по ссылке.

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

В основе HuggingChat лежит модель OpenAssistant на 30 млрд параметров. В то время как размер ChatGPT оценивают в 175 млрд параметров.


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

WEB PANDA | #сервисы

🧹 Плагин для очистки базы данных 🧹

WP-Sweep — плагин, который удаляет старые данные в базе данных от удаленных плагинов. Иногда даже после удаления плагина с сайта, он оставляет после себя много контента в базе данных. Данный плагин позволит очистить базу данных от мусора.

💬 Делайте резервную копию перед очисткой.

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

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

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

⬜️ Портал с AI сервисами ⬜️

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

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

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

WEB PANDA | #сервисы

⬜️ Грозовое небо ⬜️

Красивое грозовое небо. Сделано на css и js с использованием библиотеки three.js

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

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

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

⬜️ Использование CSS-фреймворков для ускорения разработки сайтов ⬜️

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

CSS-фреймворк — это набор готовых CSS-стилей, которые можно использовать для оформления вашего сайта. Фреймворк содержит все базовые стили для типовых элементов интерфейса: кнопок, форм, таблиц, сеток и т.д. Это позволяет сэкономить много времени, которое ушло бы на написание собственных стилей.

Существует множество популярных CSS-фреймворков: Bootstrap, Foundation, Tailwind, Semantic UI, UIkit и другие. Они имеют схожую функциональность, но отличаются дизайном компонентов и набором доступных элементов. Выбор конкретного фреймворка зависит от предпочтений разработчика и требований к проекту.

Чтобы начать использовать CSS-фреймворк на сайте, нужно скачать его и подключить файлы стилей и скриптов фреймворка. После этого вы сможете применять готовые компоненты, просто добавляя соответствующие классы к элементам HTML-разметки.

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

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

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