Фриланс и веб с OlegTix | WordPress

⬜️ Интересный дизайн сайта ⬜️

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

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

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

WEB PANDA | #дизайн #макет

⬜️ Промпт для ChatGPT ⬜️

Промпт — запрос для chatGPT, которые делают его ответы лучше.

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

Промпт для помощи в wordpress:

Я хочу, чтобы Вы выступили в роли разработчика Senior Wordpress. Я опишу подробное описание сниппета, который вы будете кодировать в проекте с помощью этих инструментов: php, WordPress, Woocommerce. Вы должны объединить файлы в один файл functions.php и ничего больше. Не пишите пояснения

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

WEB PANDA | #сервисы

⬜️ Супер легкий плагин для простых контактных форм ⬜️

Для работы плагина надо установить шорткод [essential_form] там, где вы хотите создать контактную форму с полями: имя, электронная почта, сообщение и флажок соглашения о политике конфиденциальности.

Написан на чистом js и на фронте загружается около 1 кб там, где используется форма.
Помимо этого он умеет хорошую антиспам защиту. У него есть фильтры для кастомизации сообщений при отправке, контактных полей и добавления действий после отправки.

Если вам нужна простенькая контактная форма, то этот плагин может стать идеальным выбором.

👍 Средняя оценка: 5
🎯 Последнее обновление: 15 минут назад

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

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

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

⬜️ Glowing icons ⬜️

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

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

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

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

⬜️ Autocomplete WooCommerce Orders ⬜️

Плагин позволяет настроить автоподтверждение заказов woocommerce после успешной оплаты.
Можно настроить для разных типов товаров. Плагин имеет хорошую документацию.

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

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

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

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

⬜️ Гайд по безопасности wordpress ⬜️

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

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

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

WEB PANDA | #wordpress

⬜️ Сервис с иконками ⬜️

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

Сайт имеет огромную библиотеку иконок, которая содержит более 4 миллионов иконок в различных форматах, таких как PNG, SVG, EPS, PSD и Base64. Это делает Flaticon одним из крупнейших и наиболее полных ресурсов для поиска иконок в Интернете.

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

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

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

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

⬜️ Распадающийся куб ⬜️

Сделано на чистом css и html. Выглядит эффектно и может хорошо вписаться в разные тематики сайтов.

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

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

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

⬜️ Learn Accessibility — ресурс от гугл ⬜️

✔️ Learn Accessibility — это процесс обеспечения доступности веб-сайтов и приложений для людей с ограниченными возможностями.

👍 Для обеспечения доступности веб-сайтов необходимо следовать ряду стандартов и рекомендаций, таких как Web Content Accessibility Guidelines (WCAG). Эти рекомендации описывают, каким образом должен быть создан и оформлен контент, чтобы его могли использовать все пользователи, независимо от их способностей.

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

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

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

➡️ Пост про Learn CSS от гугл

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

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

⬜️ Перелинковка на сайте ⬜️

Перелинковка — это процесс добавления ссылок на другие страницы своего сайта в текст страницы, что хорошо сказывается на SEO.

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

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

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

👑 В целом, перелинковка — это важный элемент SEO и пользовательского опыта, который может помочь улучшить структуру сайта и увеличить его посещаемость. Однако, для того чтобы перелинковка действительно принесла пользу, необходимо оставаться в рамках естественной, органичной и релевантной связи между страницами.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WEB PANDA | #wordpress

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

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

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

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

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

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

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

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

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

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

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

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

WEB PANDA | #верстка