Примеры сайтов созданных на WordPress

Примеры сайтов на WordPress

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

Одна из главных особенностей WordPress — уникальные возможности для расширения функциональности. Для движка созданы тысячи плагинов. Одни расширения решают узкие задачи — например, добавляют на страницы кнопки соцсетей. Другие плагины делают движок заметно мощнее — например, позволяют реализовать функциональность форума или интернет-магазина (Ecwid, WooCommerce).

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

1. Услуги обеззараживания воды

Услуги обеззараживания воды

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

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

Шаблон с адаптивным дизайном. Сетка гибко перестраивается в зависимости от размера экрана, шрифты и элементы управления на мобильном устройстве становятся крупнее, чтобы было удобно читать тексты и взаимодействовать с интерфейсом.

Общее впечатление: очень профессиональный сайт с адаптивным дизайном. Скорее всего, при его разработке использовали премиум-тему и кастомные решения. Но при большом желании такого же результата можно добиться бесплатно с помощью шаблонов и плагинов.

2. Производственное предприятие

Производственное предприятие

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

Прайс-листы продукции загружены в виде PDF-документов. Ссылки на них размещены на отдельной странице. Активно используются фотографии и галереи. Последние, скорее всего, реализованы с помощью одного из плагинов для WordPress.

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

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

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

3. Продажа автоматических раздвижных дверей

Продажа автоматических раздвижных дверей

Пример лендинга на WordPress. Посадочные страницы — не совсем то, что обычно делают на CMS. Но WP предлагает плагины и шаблоны, которые позволяет реализовать качественный лендинг.

В главное меню страницы вшиты ссылки на якоря, размещённые в разных блоках. Сам лендинг выстроен по стандартной продающей структуре: торговое предложение, кнопка для совершения целевого действия, примеры продукции. Цены не указаны — чтобы узнать их, нужно заполнить форму обратной связи и поговорить с менеджером. На странице также размещён онлайн-чат от JivoSite. Всё это можно реализовать с помощью бесплатных плагинов для WordPress.

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

4. Монтаж кондиционеров и вентиляции

Монтаж кондиционеров и вентиляции

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

Для общения с клиентами есть несколько контактных номеров. Есть также форма заказа обратного звонка, которая всплывает при нажатии на кнопки, разбросанные по всем страницам сайта. Можно было реализовать онлайн-чат — для WordPress доступно несколько бесплатных плагинов. Но это уже решение владельца сайта, которое зависит от того, есть ли у компании возможность держать менеджера для общения с клиентами в живом чате.

Радует адаптивный дизайн шаблона. В мобильном браузере вёрстка полностью перестраивается. Меню прячется под кнопкой «гамбургер», горизонтальное расположение карточек становится вертикальным, шрифт и элементы управления укрупняются. С сайтом на смартфоне работать так же удобно, как на десктопе. Сохраняется даже анимация — важно, что она не перегружает страницу и не влияет на скорость загрузки контента.

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

5. Белорусский картофель оптом

Белорусский картофель оптом

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

Главная страница — статичная. На ней размещены два значимых блока. Первый — три карточки с преимуществами компании. Второй — лента новостей с тремя последними записями. Фотографий очень мало, в основном текст. Это странно, учитывая возможности WordPress. Движок по умолчанию содержит отличный менеджер файлов и галереи, а в последних версиях есть визуальный редактор Gutenberg, который позволяет собирать записи с текстами, фотографиями и видео из готовых элементов.

Шаблон не адаптивный. На смартфоне отображается та же вёрстка, что и на десктопе. Меню не перестраивается, сетка не меняется, шрифт и кнопки не увеличиваются. Из-за этого пользоваться сайтом на мобильном устройстве очень неудобно. Чтобы прочитать текст, приходится увеличивать масштаб страницы. На кнопки нажимать сложно — слишком мелкие для пальцев.

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

Выводы

WordPress — мощный и гибкий инструмент для создания сайтов. В представленных примерах мы показали только малую часть того, что можно реализовать на этой CMS. Функциональность движка зависит от того, какие плагины к нему подключил пользователь. Если у разработчика есть опыт работы с HTML/CSS/JavaScript и PHP, то он может создавать кастомные решения для WordPress.

Внешний вид сайта во многом определяется используемым шаблоном. Можно найти достойный бесплатный вариант или купить премиум-тему. На WordPress есть редактор Gutenberg, который позволяет собирать страницы и посты из готовых элементов. Кроме того, можно установить плагин, добавляющий на движок полноценный визуальный редактор.

Адаптивность зависит от того, какой шаблон выбирает разработчик сайта. Среди бесплатных тем можно без проблем найти подходящие варианты. Обычно они подписаны как mobile-friendly или responsive. Особой настройки такие шаблоны не требует — сетка сама подстраивается под размер экрана. Впрочем, всегда можно поправить код вручную — файлы шаблона находятся в открытом доступе.

» Примеры сайтов » Примеры сайтов созданных на WordPress