Wordpress

Сайты на wordpress – полное руководство для новичков по установке и настройке

17.03.2019

Содержание

100+ бесплатных плагинов для бизнес-сайтов на WordPress

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

SEO-плагины

Здесь представлены модули для технической поисковой оптимизации сайта.

1. All in One SEO Pack

Один из самых популярных SEO-комбайнов для WordPress. Создает XML-карту сайта и файл robots.txt, управляет каноническими URL. Добавляет форму редактирования и превью сниппета. Блокирует индексацию категорий и архивов. Реализует протокол Open Graph.

2. Yoast SEO

Самый популярный SEO-комбайн для WordPress. Создает XML-карту, управляет каноническими URL, добавляет на страницы хлебные крошки.

3. WPSSO Core

Плагин реализует на сайте протокол Open Graph, который обеспечивает привлекательный сниппет при шеринге контента в соцсетях. Важный момент: надстройку для WPSSO Core удобно использовать для реализации микроразметки Schema.org через JSON-LD.

4. WPSSO Schema JSON-LD Markup

Надстройка для плагина WPSSO Core. Автоматически добавляет к публикациям на сайте разметку Schema.org Article, Blogposting и других типов. Микроразметка реализуется через формат JSON-LD, который Google называет предпочтительным.

5. WPSSO Place / Location and Local Business Meta

Надстройка добавляет на сайт разметку Schema Place, Local Business, Open Graph Location.

6. All in One Schema Rich Snippets

Инструмент реализации микроразметки Schema.org. Поддерживает типы разметки Article, Review, Product, Recipe и другие. Уступает WPSSO по количеству поддерживаемых типов разметки.

7. WP SEO Structured Data Schema

Плагин для реализации разметки Schema.org через JSON-LD. Добавляет в редакторе записей поля, которые нужно заполнить. Подробную инструкцию о работе с плагином читайте в статье о новой реальности в поиске.

8. Open Graph

Плагин для реализации протокола Open Graph. Используйте его, если не устанавливаете SEO-комбайны типа All in One SEO Pack.

9. Google XML Sitemaps

Плагин генерирует XML-карту сайта. Ее принимают Google и «Яндекс». Инструмент обеспечивает более гибкие настройки по сравнению с модулем XML-карты в плагине All in One SEO Pack.

10. Virtual Robots.txt

Плагин создает файл Robots.txt и позволяет редактировать его в админке WordPress. Используйте, если не устанавливаете комбайны типа All in One SEO Pack.

11. Google Analytics for WordPress by MonsterInsights

Инструмент быстрой интеграции сайта на WordPress с Google Analytics. Добавляет в админку страницу с базовыми метриками эффективности сайта.

12. Яндекс.Метрика

Инструмент интеграции сайта на WordPress с «Яндекс.Метрикой». Добавляет в админку страницу с основными метриками эффективности сайта.

13. WP Translitera

Еще один плагин из категории must have. Конвертирует URL сайта с кириллицы на латиницу, делает URL удобными для людей.

14. Permalink Manager Lite

Плагин позволяет гибко управлять структурой URL. Также надстройка позволяет массово редактировать URL существующих страниц.

Создание лендингов

В этом блоке предложены решения, которые подходят для создания и оформления посадочных страниц.

15. Elementor

Конструктор drag-and-drop. Этот инструмент заслуживает отдельного обзора. Коротко: мощный инструмент редактирования страниц, с которым даже пользователь без технических навыков почувствует себя богом веб-дизайна.

16. Instabuilder

Платный плагин для создания лендингов. Работает по принципу drag-and-drop конструктора. Есть готовые шаблоны, также можно делать страницы с чистого листа. Стоимость от 77 долларов США.

17. Instapage

Создает лендинги из шаблонов. Стоимость использования от 69 долларов в год. Подробнее об Instapage читайте в подборке плагинов для повышения конверсии.

18. WP Landing Pages

Инструмент создания лендингов. Бесплатная версия включает 15 шаблонов.

19. Landing Page Builder

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

20. Beaver Builder

Конструктор страниц drag-and-drop. Страницы можно редактировать во фронтэнде, а не в админке. Большинство модулей, необходимых для создания полноценных лендингов, доступны по премиум-подписке. Стоимость платного доступа от 99 долларов.

21. OptimizePress

Платное решение для создания лендингов. Стоимость использования от 97 долларов США однократно. Покупателям доступен модуль и тема OptimizePress с десятками шаблонов лендингов.

Повышение конверсии

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

22. OptinMonster

Конструктор всплывающих окон. Пользователям доступны несколько вариантов конверсионных форм, инструмент сплит-тестирования, аналитика.

23. Sumo

Плагин для интеграции сайта на WordPress с сервисом Sumo.me. После установки пользователю доступны бесплатные инструменты повышения конверсии, включая конверсионную форму подписки, тепловые карты для анализа поведения пользователей и другие.

24. Contact and Lead Form Builder

Инструмент создания конверсионный форм. С помощью надстройки можно создавать формы с произвольными полями, защищаться от спама с помощью CAPTCHA. Форма добавляется на любую страницу с помощью шорткода.

25. WP Forms Lite

Удобный и популярный плагин для создания конверсионных форм. Работает по принципу drag-and-drop. Пользователям доступны несколько шаблонных форм и возможность создавать формы с чистого листа.

26. InTrigger

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

27. LeadBoxer

Платный инструмент лидогенерации и отслеживания поведения пользователей. Для интеграции платформы с сайтом есть плагин. Доступен бесплатный тестовый период.

28. Dreamgrow Scroll Triggered Box

Инструмент создания всплывающих окон. Конверсионная форма активируется по выбранному показателю доскроллинга.

Повышение скорости загрузки страниц

Скорость загрузки влияет на конверсию. С середины 2018 года Google сделает этот показатель фактором ранжирования. Ниже предложены решения для ускорения сайта.

29. WP Fastest Cashe

Простой и эффективный плагин кэширования. Кэширует страницы, обеспечивает gzip-сжатие, оптимизирует код, поддерживает CDN.

30. W3 Total Cache

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

31. Hyper Cache

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

32. AMP for WordPress

Плагин для создания ускоренных страниц от Automattic. Не требует настроек, не позволяет кастомизировать AMP.

33. AMP для WP

Для создания AMP на WordPress рекомендую использовать именно этот плагин от братьев Калуди. Инструмент позволяет кастомизировать ускоренные страницы: настраивать меню, выбирать один из трех шаблонов отображения AMP, добавлять на страницы рекламу.

34. Yandex.News Feed by Teplitsa

Плагин для создания турбо-страниц «Яндекса». Создает RSS-фид, который поисковик использует для отображения ускоренных страниц на мобильных экранах.

35. «Яндекс.Турбо»

Популярный плагин для создания турбо-страниц.

36. Compress JPEG & PNG images

Инструмент сжатия изображений. Уменьшает вес фото на лету при загрузке на сервер. Сжимает ранее опубликованные фотографии.

37. Smush Image Compression and Optimization

Инструмент сжатия изображений. Уменьшает вес фото на лету при загрузке.

38. Autoptimize

Плагин оптимизирует JavaScript и CSS, благодаря чему страницы загружаются быстрее. Этот инструмент исправляет типичную ошибку: решает проблему кода, который блокирует отображение верхней части страницы.

Обеспечение безопасности и формирования доверия

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

39. Loginizer

Плагин из категории must have. Защищает сайт от брутфорсинга или взлома методом перебора паролей. Блокирует IP-адрес злоумышленника после нескольких неудачных попыток входа.

40. Really Simple SSL

Плагин оптимизирует сайт для перевода на безопасный протокол соединения. Достаточно активировать плагин и установить сертификат SSL.

41. WP Antivirus Site Protection

Инструмент комплексной защиты сайта. Ищет опасный код, защищает ресурс от взлома, проверяет подозрительные файлы перед загрузкой на сервер.

42. McAfee SECURE

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

43. WP-DB-Backup

В разделе о безопасности нельзя не упомянуть инструмент для резервного копирования данных. Если вы выбрали нормального хостера, он делает резервные копии сайта. Но для подстраховки можно использовать плагины с соответствующими возможностями, например, WP-DB-Backup. Инструмент может делать копию ресурса с выбранной периодичностью, например, раз в неделю.

44. Sucuri Security

Инструмент защиты от вредоносного кода. Есть платная опция защиты от DOS/DDOS атак.

45. All in One WP Security

Комплексный инструмент безопасности. Защита от вирусов, брутфорсинга, защита базы данных и конфигурационных файлов от несанкционированного изменения.

Обратная связь с посетителями сайта

В этом блоке предложены решения для организации обратной связи с посетителями сайта.

46. Disqus Comment System

Плагин для интеграции ресурсов на WordPress с популярной системой комментирования Disqus. Можно настроить хранение комментариев в базе данных сайта. Это обеспечивает индексирование пользовательского контента поисковиками.

Какую систему комментирования выбрать для сайта

47. wpDiscuz

Альтернатива штатной системе комментариев WordPress и сторонним сервисам комментирования. Плагин расширяет функциональность стандартного поля комментариев: добавляет оценки «за» и «против», позволяет расшарить конкретный комментарий или сослаться на него. Комментарии хранятся в базе данных сайта.

48. TinyMCE Comment Field

Заменяет стандартное поле комментариев визуальным редактором. Пользователи могут форматировать сообщения и добавлять к ним изображения.

49. JivoChat Live Chat

Плагин для интеграции сайта на WordPress с сервисом JivoSite. Можно использовать бесплатно, если с аудиторией общаются до пяти операторов.

50. WhatsHelp Chat Button

Плагин добавляет на сайт кнопки связи с оператором через популярные сервисы: Facebook Messenger, WhatsApp, Viber, Telegram, Snapchat и другие.

51. Плагины для заказа обратного звонка

Известные провайдеры сервиса обратного звонка обычно предлагают виджеты для интеграции с WordPress. Вот несколько плагинов от известных разработчиков:

Вывод рекомендаций

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

52. myWidget

Плагин интегрирует сайт на WordPress с сервисом рекомендаций от Mail.ru Group. Рекомендации формируются нейросетью с учетом предпочтений пользователей. Можно включить монетизацию и показывать в блоке рекомендаций нативные рекламные объявления.

53. Relap

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

54. Блок рекомендуемого контента от Google AdSense

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

Наблюдение: на тестовой площадке объявления в блоке рекомендаций под статьями по показателю кликабельности превосходят все остальные рекламные блоки.

55. Related Posts for WordPress

Плагин рекомендует контент без нейросетей и искусственного интеллекта.

Интеграция сайта с социальными сетями и мессенджерами

В этом блоке предложены решения для социальной интеграции.

56. Блок шеринга от «Яндекса»

Кнопки шеринга от «Яндекса». А если не знаете, куда вставлять код, используйте плагин.

57. Easy VKontakte Connect

Инструмент интеграции сайта на WordPress с «ВКонтакте». Добавляет на сайт кнопки шеринга, обеспечивает автопостинг публикаций в паблик, подключает виджеты «Напишите нам» и «Сообщения сообщества».

58. Instagram Feed

Плагин интегрирует сайт с аккаунтом в Instagram. Можно демонстрировать фото посетителям и привлекать подписчиков.

59. Facebook Widget

Плагин связывает сайт с группой или страницей Facebook.

60. WP Native Articles

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

61. Telegram for WP

Плагин ретранслирует публикации в блоге на канал в Telegram.

62. WP Viber Contact Button Lite

Плагин добавляет на сайт кнопку обратной связи через Viber. Пользователь может связаться с владельцем одним касанием кнопки.

63. Simple Follow Me Social Buttons Widget

Инструмент добавляет на сайт кнопки со ссылками на профили владельца сайта в социальных сетях. Поддерживает популярные в рунете площадки «ВКонтакте», «Одноклассники», а также международные соцсети.

64. Shareaholic

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

65. OnePress Social Locker

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

66. uLogin

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

67. YourChannel

Инструмент интеграции сайта с каналом на YouTube. Можно демонстрировать на сайте плейлисты и отдельные видео, использовать функцию автоматического запуска видео.

68. Pin It

Плагин добавляет кнопку шеринга Pinterest на фотографии в публикациях. Полезно для интернет-магазинов.

WordPress для E-commerce

Здесь представлены плагины для интернет-магазинов.

69. WooCommerce

WooCommerce — самое популярное в мире решение для онлайн-торговли. Подробную информацию о плагине смотрите в нашем руководстве.

70. Ecwid Ecommerce Shopping Cart

Плагин Ecommerce-платформы Ecwid. Решение платное, но до 10 товаров можно продавать бесплатно.

71. MarketPress

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

72. WP-CRM

Условно бесплатный инструмент. Добавляет на сайт WordPress простую CRM-систему. Функциональность можно расширить с помощью платных модулей.

Вот еще несколько CRM для WordPress:

73. MailChimp for WooCommerce

Плагин интегрирует интернет-магазин на WooCommerce с сервисом MailChimp.

74. WordPress Download Manager

Незаменимое решение для продавцов электронных продуктов, например, книг, программ, курсов и так далее. Контролирует скачивание файлов с сайта.

75. Wallet One

Платежный модуль «Единая касса» для магазинов на WooCommerce. Поддерживает платежи на банковские карты и расчетные счета, электронные платежные системы «Яндекс.Деньги», WebMoney и другие популярные способы оплаты товаров.

76. WP Shop

Адаптированный для рунета модуль платежей. Поддерживает популярные российские платежные системы, включая «Яндекс.Деньги» и WebMoney, а также международные системы Visa, MasterCard, PayPal.

77. WP-Recall

Плагин создает профили покупателей в магазинах под управлением WordPress.

78. WP Coupons and Deals

С помощью плагина можно создавать купоны на скидки. Аналогичное решение: Coupon Creator.

79. Finale

Плагин добавляет таймер обратного отсчета времени до конца акции.

Другие полезные решения

В этом блоке предложены инструменты, которые не вошли в другие тематические блоки.

80. Polylang

Плагин поможет сделать мультиязычный и мультирегиональный сайт. Подробнее о решении этой задачи читайте в нашей статье.

81. Easy Google Fonts

Плагин для управления типографикой сайта. У нас есть полезное видео о влиянии типографики на эффективность ресурсов.

82. Jetpack

Многофункциональный плагин, который расширяет возможности сайта. Одна из самых популярных надстроек для WordPress. Вот некоторые функции Jetpack:

  • Защита от брутфорсинга.
  • Резервное копирование.
  • Ретрансляция публикаций в соцсети.
  • Кастомизация формы комментирования.
  • Отображение рекомендованных записей.

Некоторые функции платные.

83. Head, Footer and Post Injections

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

84. Per page add to head

Незаменимое решение для управления кодом. Позволяет добавить код на конкретные страницы сайта. Например, с помощью Per page add to header можно добавить на страницу обзора код микроразметки Schema.org Review.

85. Portfolio Gallery

Плагин для публикации портфолио.

86. Testimonials Widget

Инструмент для публикации клиентских отзывов.

87. Pixabay Images

Модуль позволяет вставлять в записи фото из фотобанка Pixabay из редактора WordPress.

88. Our Team Showcase

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

89. Auto Terms of Service and Privacy Policy

Инструмент публикации условий обслуживания и политики конфиденциальности.

90. Ultimate Nofollow

Важный плагин для бизнес-сайтов. Добавляет в стандартный редактор возможность в один клик закрыть любую ссылку атрибутом rel=nofollow. Это необходимо, когда бизнес-сайт публикует гостевые посты или ссылается на коммерческих партнеров.

91. WP-Polls

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

92. Special Text Boxes

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

93. File Manager

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

94. Business Directory Plugin

Инструмент для создания каталогов. Поддерживает импорт данных из файлов csv.

95. Locations

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

96. Business Hours Indicator

Добавляет на сайт информацию о времени работы учреждения, а также индикатор «Открыто/Закрыто». Полезно для сайтов офлайн-магазинов, кафе, салонов красоты.

97. Aesop Story Engine

Плагин для оформления лонгридов на WordPress. У нас есть видео об использовании этого и нескольких аналогичных инструментов.

98. WP Customer Reviews

Плагин создает поле для отзывов покупателей. Каждый посетитель сайта может поделиться впечатлениями. Поддерживает микроразметку Schema Review.

99. Bookly

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

100. PDF Embedder

Модуль для публикации файлов PDF. В этом формате удобно публиковать white paper, презентации, отзывы.

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

besplatnye-plaginy-dlya-biznes-saytov-na-wordpress

texterra.ru

50+ лучших дизайнов сайтов на WordPress

Может вы уже слышали? WordPress – отличный инструмент для создания сайта на CMS. Многие считают его движком для блогов, любительским средством построения простенького веб-ресурса и ассоциируют Вордпресс с хобби энтузиастов ведущих интернет-дневники. Парадокс в том, что мнение укрепляют множество «блогов про вордпресс» со все новыми wp-рецептами для построения и настройки под себя личного проекта. Но, WordPress не только блогоплатформа, предоставляющая новичку шанс найти и скачать впечатляющий Вордпресс-шаблон и бесплатно создать собственный сайт.

WordPress подойдет профессиональным дизайнерам, агентству или под качественный корпоративный сайт и весь бизнес сегмент (тут тысячи wp-примеров) и даже для сложной системы, включая e-commerce.

Помимо гибкости, возможностей кастомизации с простотой в эксплуатации, важно отметить полноценность этой open source системы, которая способна потянуть достаточно сложный функционал. От всех средств веб-разработки и движков, wp-платформу отличает максимальная обеспеченность свежими шаблонами, плагинами, скриптами, сниппетами и изобилие полезных ресурсов / материалов. Так, популярность приобрели WordPress SEO-плагины, решающие рутинные задачи оптимизации. С такой тенденцией вордпресс-сайт точно не отстанет в развитии.

Если вы не строите храм или коллайдер (что-то специализированное) и желаете творить, разумнее всего обратиться к WP

Веский довод в поддержку платформы – открытый для любого эксперимента код.

Для примера подобраны красивые «породистые» сайты. Платформа позволила им реализовать интересные фишки и свой оригинальный функционал. В подборку включены сайты популярных брендов, компаний / студий, нестандартные дизайны с творческими проектами и дизайнерские портфолио. Итак, лучшие дизайны сайтов на WordPress, выполненные в современном стиле:

Сайты сервисов и агентств на WP

Travel Portland

Красивый адаптивный веб-ресурс туристической тематики создан с помощью WordPress темы, основанной на популярном фреймворке – ZURB Foundation. Сайт также использует API третьей стороны, включая: Storify, MapBox, Weather Underground и ChooseCulture. Чистый дизайн каждой страницы. Благодаря решению с API MaxMind реализована геолокация посетителей. Это дает возможность кастомизировать контент, обрабатывая пользовательские данные в зависимости от местоположения, сопоставляя с поэтапным планированием туров клиентами.

All In One House of Beauty

У премиум салона красоты – привлекательный одностраничный сайт на WordPress. Очень современный адаптивный HTML5 / CSS3 дизайн.

BBF Soft

BBF GmbH небольшая немецкая компания занимающаяся программным обеспечением. Их сайт с чистым дизайном и параллакс склоггингом использует HTML5, jQuery на WP платформе.

Wanda Print

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

Cubicle Ninjas

Креативное агентство всегда выделялось своим дизайном. Раньше, колоритом броских цветов, в новых тенденциях – цветокоррекцией фонового видео и hover-эффектов. Популярные призрачные кнопки тут с отличающим их уникальным микроэлементом.

Entyce

Частное дизайн-акентство специализирующееся на web разработках, SEO, контенте и видеомаркетинге. Команда агентства о WP: нам нравится универсальность WordPress, концепция открытого кода с возможностью легко содавать стиль. С WP легко и просто превращать проекты в то что нам нужно. Хотя есть несколько изъянов, доводы «ЗА» перевешивают.

Work by Simon

Work by Simon занимается разработками в т.ч. под мобильные устройства. Сайт студии это портфолио плюс блог на HTML5/CSS3 и WordPress. Особенность дизайна: 1). крупные элементы навигации и управления 2). по полной использован потенциал CSS3 технологий.

«Перед созданием CSS 3 анимаций для раздела labs, ввел себе лимит на применяемый эффект: анимация только средствами CSS» – шутит Симон. Как видите, результат того стоил. «Мы ценим WordPress за возможность легко переносить дизайны на кастомизированный шаблон – объясняет Симон, – Другой плюс, это гибкость в размещении контента для портфолио / блога с помощью произвольных полей».

Креативные, творческие, дизайнерские сайты

Jess Marks Photography

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

Team Les Chameaux

Перед вами темный веб-сайт команды жаждающих приключений и путешествий. Любителям острых ощущений ненавязчивый дизайн захватывающе демонстрирует активный образа жизни. Эффект неожиданности создается анимацией с обводкой, открывающей затемненное изображение, раскрывающимися контрастными блоками контента и осветлением фото в окружении утонченных элементов.

We are CMYK

Необычный сайт с интересным доменным неймингом (увязано с оформлением) и плоским стилем дизайна. В агентстве Адама Шера (специалиста по UI/UX и моушн-графике) концентрируются на эстетической привлекательности & опыте взаимодействий. Идея, креативным контентом и уникальностью показать – у нас нет клише-решений. Интересные «фишки» в неизбитом web-дизайнерами виде: персонификация, многоцветные страницы с анимациями, графика с разбивкой на квадратики – пиксели.

Сайты с нестандартными дизайнерскими решениями

Trefecta Mobility

Для продаж инновационной продукции нужен запоминающийся сайт. Например, стильный как у этой e-bike компании (производитель электрических велогибридов). Применяемые техники: черно-белая палитра с добавлением коричневого цвета, утонченная типографика, изображения затененного / слабо освещенного в темноте продукта, красивая интерактивная скроллинг-анимация и нестандартный дизайн панелей дополнительной навигации.

Bonne Marque

Шведское агентство брендинга и рекламы. Впечатляющий сайт в черно-белой гамме (включите звук), с нестандартной навигацией и красивым концептуальным видео.

По комментариям экспертов: Bonne Marque после ребрендинга своими смелыми решениями в дизайне портфолио шагнул в новую эру креатив-индустрии веба.

Worry Free Labs

Нью-Йоркское веб-агентство зарекомендовало себя на создании мобильного UX. Лучшая демонстрация навыков – собственный сайт. Компактный лаконичный дизайн реализован на WordPress и HTML5. Имеет нестандартные элементы навигации и управления. Основатель агентства: «Наш мобильный трафик существенно вырос благодаря адаптивному подходу. Современный веб-сайт следует развивать в этом направлении».

La Pierre Qui Tourne

У сайта французского бренда печенья адаптивный плоский дизайн, выполненный со вкусом. Благодаря CSS-анимациям, управление происходит так гладко, словно вы присутствуете на этом бисквитовом празднике: красивые оригинальные микроитерации и переходы, рассыпающееся печенье в предзагрузке. Располагающие персонажи и цвета формируют нужные эмоции.

Lollapalooza

Необычайно яркий и эксцентричный сайт, продающий постеры, билеты, электронные подарочные карты. Возможно, выбор wp-движка для такого причудливого дизайна покажется странным, но факт – это WordPress!

I shot Him

Гигантский размер шрифта и лаконичные описания на странице about. Креативный сайт студии запоминается фразой оригинального доменного названия и магической опцией перехода в IE Mode (кнопка в нижнем углу) с замечанием: Посмотри, что ты наделал! Мы все знаем в какую кучу Internet Explorer обращает сам Интернет. Избегай IE – используй санитарию как большой мальчик, т.е. браузер от Google.

Ну как еще объяснить пользователю, насколько ужасен «недобраузер» входящий в состав Windows. Проблемы для веб-разработчиков (без костылей не обойтись), уже и Microsoft не прочь откреститься…

Сайты персональные и популярных личностей

Katy Perry

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

 Shoshorov

Персональное портфолио болгарского веб-дизайнера и фронтенд разработчика – одностраничный сайт на WordPress с дизайном в стиле ретро.

Bloomberg Professional

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

Vogue India

Всемирно известный журнал мод с разделами: культура, фасоны, бренды, вечеринки, люди. Гигантский объем мульти-медиа контента. На веб-ресурс регулярно идет серьезный трафик – требуется надежная и безотказная система управления контентом. Сайты британского (vogue.co.uk), индийского журнала Vogue управляются Вордпрессом и движок справляется с нагрузкой.

Остальные дизайны сайтов на WordPress

Great Lengths Hair

Роскошный темный сайт, пример гибкости и мощи WordPress. Полностью адаптивный дизайн с новыми HTML5 элементами. Для адаптации под мобильные и техник бесконечной загрузки задействованы JavaScript и фреймворки». С адаптивной навигацией и чистым дизайном легко перемещаться по страницам, которые быстро реагируют на ТАП.

Psfm Werkt

Современные стильные эффекты при загрузке страниц, скроллинге и hover-эффекты (применяемые для изображений, заливки контурных кнопок, текстового и графического контента) делают дизайн живым и очень оригинальным.

Platinum games

Platinum games – разработчик компьютерных игр из Японии. Шикарное темное вертикальное меню навигации придает солидности сайту компании, заявляющей о своем стремлении создавать только качественные игры.

ESPN Sports Programming

ESPN на 80 процентов принадлежит ABC, компании дочерней Walt Disney. Каталог спортивного контента на поддомене сайта ESPN создан на самом обычном вордпрессе. Ghost-кнопки тут и вправду выглядят призрачными.

Eginstill

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

Herald Sun

Новостной сайт, самый популярный в Австралийском штате Виктория. Образован слиянием двух крупных сайтов The Herald и The Sun News.

Заключение

Будучи простой и интуитивно понятной системой построения сайтов (часто от перешедших слышно: «Наконец-то!») WP пригоден для самых различных задач. Эволюционируя, Вордпресс расширяет возможности использования как back-end и становится все более привлекательной средой для разработок на базе CMS. Это значит, что у WordPress есть будущее. Есть много причин для выбора WP в качестве движка сайта. Основные из них, это многомиллионное сообщество и то, что платформа уже благополучно миновала стадию, на которой к ней предъявлялись основные упреки. Реализуя связку WP + другие продвинутые решения (современные технологии в помощь), можно построить очень красивый, эффектный и быстрый сайт. Факт в том, что все новые уникальные и интересные WordPress дизайны обновляют рейтинги лучших сайтов мира.

seo-design.net

Сайт на WordPress для начинающих: уроки и хостинг

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

WooCommerce

Хотите открыть свой собственный интернет-магазин? Мы понимаем, что создание интернет-магазина своими силами может казаться невыполнимой задачей. Мы расскажем как заложить фундамент для вашего интернет-магазина при помощи одного из самых популярных плагинов — WooCommerce.

Чтобы начать установку плагина, перейдите в раздел «Плагины» → «Добавить новый».

Введите название плагина WooCommerce и нажмите «Установить».

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

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

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

Чтобы обеспечить оплату через PayPal, потребуется также установить другой полезный плагин — Jetpack. Кликните «Продолжить» и подождите, пока этот плагин установится. Если вы не желаете принимать оплату через PayPal, деактивируйте его и перейдите к следующему шагу — доставке.

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

Нажмите кнопку «Продолжить», чтобы подключить различные расширения: добавить темы для индивидуальной стилизации вашего магазина, создавать рассылки через MailChimp, синхронизировать магазин с продуктами Facebook.

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

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

Осталось загрузить товары и можно приступать к работе.

Плагин W3 Total Cache

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

Смысл идеи кеширования прост, рассмотрим его на следующем примере. Давайте в уме умножим 6 на 2. Каждый из нас понимает, что получится 12. Нам не нужно производить вычислений, мы просто помним результат умножения и не прикладываем усилий для того, чтобы быть уверенными в правильности ответа. Схожим образом и работает кеширование.

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

Плагин W3 Total Cache делает работу пользователей сайта комфортнее, сокращая время загрузки веб-страниц. Мы рассмотрим самые необходимые функции, которые подойдут для большинства проектов.

Установите плагин из раздела «Добавить новый».

После установки плагина в боковом меню появится пункт «Performance». Перейдите в раздел «General Settings» и найдите блок «Page cache». Основная настройка плагина сводится к отметке галочкой необходимых нам опций. Не забудьте сохранять все внесенные вами изменения.

Главная функция — Page cache. Она будет кешировать страницы вашего сайта. Активируем ее, кликнув на «Enable».

Пропускаем раздел Minify и Opcode Cache и переходим к Database Cache. Включаем кеширование базы данных, кликнув на «Enable».

Нажимаем кнопку «Save all settings», чтобы сохранить настройки кеширования.

В боковом меню перейдите в раздел «Page cache». Если на сайте доступна регистрация пользователей, отключите опцию «Don’t cache pages for logged in users». Нажмите «Save all settings».

Ниже в блоке «Cache Preload» отметьте галочкой пункт «Automatically prime the page cache» установите интервал очистки кеша — 86400 секунд (сутки). Эта опция будет автоматически очищать накопленный кеш за последние сутки.

Сохраните изменения, нажав на кнопку «Save all settings».

Готово! Теперь наш интернет-магазин будет работать быстро.

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

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

Больше о плагинах можно почитать в Кодексе WordPress.

wordpress.sprinthost.ru

Как создать блог на wordpress бесплатно, защитить, раскрутить и заработать на нем.

Всем привет!

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

Всем привет!

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

Всем доброго времени суток!

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

Всем привет!

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

 

Здравствуйте, уважаемые читатели!

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

Привет, уважаемые читатели!

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

Всем привет!

Созданная в октябре 2010 года социальная сеть Instagram всего за несколько лет стала одной из самых популярных и искренне любимых пользователями, число которых уже приближается к миллиарду. По статистике, только в России мобильным приложением этой соцсети пользуется более 10% населения. Объединение с сайтом WordPress Instagram-аккаунта открывает новые возможности для блогеров и владельцев сайтов.

Всем привет!

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

Всем доброго времени суток!

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

Здравствуйте, уважаемые читатели!

Поговорим о программном коде на сайте. Нередко у вебмастера возникает необходимость на одну или несколько страниц сайта вставить код. WordPress позволяет использовать php, java, html, css и т.п. код двумя способами: в качестве исполняемых команд, интерпретируемых движком сайта, и в виде доступного для чтения и копирования текста. В этой статье рассмотрим примеры того, как вставить код в страницу WordPress, чтобы он отображался корректно и красиво для посетителей.

pro-wordpress.ru

Добавить комментарий

Ваш адрес email не будет опубликован.