Первый сайт на WordPress: с чего начать

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

Почему WordPress?

Если исключить личные предпочтения, и воспользоваться статистикой, то увидим следующее. Созданный в 2003 году проект с исходным кодом на php, базой данных MySQL, удачная архитектура, которая позволяет устанавливать разные «темы» для создания уникального дизайна и «плагинов» для расширения функций, сделало проект популярным во всем мире. На сегодня платформа используется для более чем 38% всех сайтов в Интернете. Впечатляет, не правда ли?

WordPress используют не только блогеры и малый бизнес. Правительства и транснациональные корпорации, крупные компании и порталы, — их всех объединяет WordPress. Только посмотрите:

The New York Times
Bloomberg Professional
Mercedes-Benz
www.whitehouse.gov
news.microsoft.com
blog.playstation.com

Однажды мне стало интересно, какие сайты в мире развернуты на WP, и стала искать. Насколько было мое удивление, что сайт Белого дома создан именно на этой платформе! Конечно, это не единственный пример, вы с легкостью найдете мировые бренды, персональные сайты знаменитостей на WP.

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

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

Сайт можно создать буквально за 15 минут, установить WordPress и сразу наполнять его контентом. Устанавливать легко. Можно скачать дистрибутив с официального ресурса. Но есть и более простой способ. На многих хостингах есть автоматические развертывание WP. Нажимаете кнопку и cms уже установлена.

WordPress имеет огромное количество тем, плагинов. Расширить функции можно и с помощью настроек.

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

С WordPress вы можете создать уникальный веб-дизайн.

Здесь легко управлять контентом и вносить правки в код.

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

Создайте свой первый сайт

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

Перед покупкой обязательно ответьте на вопросы:
1. Какой тип сайта вам нужен?
2. Сколько сайтов вы будете создавать?

Тип сайта: информационный, личный блог, сайт известной персоны, интернет-магазин, saas, услуги, и тд.. В зависимости от типа можно выбирать и тему. Под личный можно подобрать что-то из бесплатного. Для бизнеса — приобрести готовый шаблон.

Если вам нужен 1 сайт, то выбирайте 1 тему. Если несколько, то желательно чтобы у них был разный дизайн, а значит, и выбирать/покупать нужно под каждый разные темы с разным внешним видом.

Как выбрать тему

Перед покупкой тщательно просмотрите характеристики темы:

• универсальность шаблона (есть темы с цветовыми схемами и блоками главной страницы под разные ниши),
• количество установок/скачиваний,
• отзывы,
• совместимость,
• наличие плагинов в установщике (необходимых, стандартных),
• когда было последнее обновление (покупайте только актуальные),
• наличие тех.поддержки и тех.документации.

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

Плагины WordPress

Плагины упрощают работу с WP.  Для создания посадочных страниц есть билдеры страниц, например, специальный плагин Visual Composer, Elementor (и ряд других).

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

Если есть сложности с доработкой, используем Css hero.

Плагины, обязательные к установке

Jatpack

В бесплатной версии есть:

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

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

Kama WP Limit Login

Еще один плагин для безопасности. Информирует о количестве попыток авторизоваться.
https://wp-kama.ru/id_2943/ogranichivaem-kolichestvo-popyitok-avtorizovatsya-v-obhod-sredyi-wordpress.html

Akismet anti-spam

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

Sucuri Security

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

• Лог всех попыток входа в админку с ip-адресами и логинами, под которыми пытались войти.
• E-mail уведомления по важным изменениям внутри плагинов и контента.
• Если вижу, что за сутки было много попыток входа чужих заходов на сайт, то предпринимаю меры по защите сайта от взлома.
• Проверка на подозрительные javascript, iframes, редиректы, попадание в черные списки поисковиков и антивирусов.

Yoast SEO

Плагин с широкими возможностями для seo-оптимизации:

• редактирование файлов robots.txt, htaccess,
• подсказки по оптимизации конкретной страницы,
• редактирование meta-тегов title, description, robots, canonical, open graph, twitter card,
• управление правилами индексации разных типов страниц.

Есть платная расширенная и бесплатная версия.

Contact Form 7 + Flamingo

Форма для сбора заявок с сайта и форма из учета. Просто настраивать.

EWWW Image Optimizer

Оптимизация скорости загрузки картинок.
Автоматическое сжатие размера при загрузке, не теряя качества.

Imagify

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

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

W3 Total Cache

Оптимизация скорости загрузки страниц за счет кеширования, сжатия файлов css, js, подсключения cdn.

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

updraftPlus

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

Быстрое решение для создания бэкапов.
Наиболее актуально создание.
Лучше комбинировать с WP Rollback. Он помогает откатывать плагин или тему к конкретной версии
таким образом если что-то пошло не так, то можно откатить до стабильной версии.

Pretty Links

Удобное решение для создания и отслеживание редиректов с партнёрскими ссылками. Создавайте красивые ссылки с вашим доменом. Только статистику по кликам лучше смотреть по самостоятельно настроенному событию в Google и Метрике. В плагине статистика не настолько точная.

Rus To Late

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

Дополнительные плагины

Posts Modified Date. Отображение даты изменения статьи.

WP Rocket. Оптимизация скорости. Широкие возможности.

Google Tag Manager for WordPress. Этот плагин помещает фрагменты кода контейнера GTM, так что вам не нужно добавлять его вручную.

Disqus comment system или Commento? Встройте системы комментариев Facebook к статьям.

Enhanced Category Pages. Создание отдельной страницы для страницы категории. Полезная штука. По умолчанию в WP страница категорий — это архив всех постов из категории. Lанный плагин позволяет создать авторскую страницу, разместить на ней нужную вам информацию.

Redirection. Создание редиректов, в тч массовых редиректов в админке.

TinyMCE Advanced. Расширение стандартных возможностей текстового редактора. Лично не пользуюсь. Добавила в список по совету коллег.

WP Post Raitings. Рейтинг со звездочками в конце или начале статей.

Site Reviews. Идеальная форма для сбора отзывов.

PW WooCommerce Affiliates. Отслеживать продажи по партнерским ссылкам.

Webp express. Снижение скорости загрузки из-за больших изображений — типичная проблема.  Плагин создает автогенерированные изображения webp в браузерах, которые его поддерживают, в то же время обслуживая файлы jpeg и png в браузерах, которые не поддерживают webp.

Instagram feed wordpress. Отображение Instagram сообщений из ваших учетных записей Instagram, либо в одной и той же ленте, либо в нескольких разных.

Smush — Lazy Load Images, Optimize & Compress Images. Еще плагин для оптимизации изображений.

Democracy Poll. Как правило, опросы создают с его помощью. Удобный. Есть своя встроенная статистика.

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

Sassy Social Share. Плагин устанавливает соц.значки, чтобы пользователи могли делиться вашим контентом.

Autoptimize. Плагин для кеширования страниц. Если предыдущие вам не подошли.

Easy social icons. Вдруг вам хочется создать свой значок? Вы можете загрузить свой собственный социальный значок или шрифт. Потрясающие социальные иконки.

Contextual Related Posts. Позволяет отображать список связанных постов на вашем сайте и в вашей ленте.

GS facebook comments. Плагин для добавления комментариев в стиле Facebook.

jQuery Pin It Button for Images. Плагин для тех, кто развивает блог с Pinterest.

Easy VKontakte Connect. Плагин для тех, кто развивает блог с ВКонтакте.

Simple Lightbox. Простой и настраиваемый лайтбокс.

Mailchimp for WP. Бесплатный плагин для развития e-mail маркетинга. От вас потребуется только вспомнить английский язык, тк интерфейс на русском отсутствует.

Digiproveblog. Уведомление об авторских правах с зубами! Докажите право собственности, защитите свои авторские права и защитите от копирования. Получите сертификат содержания каждого поста wordpress с цифровой подписью и отметкой времени (для подтверждения авторских прав). Вставляет комбинированное уведомление о сертификации, авторском праве, лицензировании и атрибуции в конце поста. По вашему выбору, url-адрес вашего поста будет показан на digiprove.com (будет гиперссылка для подписчиков Digiprove) на ваш пост. Дополнительная функция защиты от кражи для защиты от копирования вашего контента и записи ip-адресов покушавшихся воров. Поддержка нескольких пользователей. Поддерживает новый редактор WordPress на основе блоков.

Easy Google AdSense plugin. Добавить лайтбокс для монетизации блога.

Опыт создания сайтов

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