Руководство для начинающих по созданию веб-сайта WordPress

Опубликовано: 2022-03-10
Краткий обзор ↬ Пошаговое руководство для новых пользователей WordPress по установке и запуску WordPress от начала до конца.

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

Эта статья предназначена для тех из вас, кто плохо знаком с WordPress или является постоянным пользователем, который хочет узнать о том, как лучше всего запустить веб-сайт WordPress. Мы узнаем о работе с доменами, установке WordPress, управлении контентом и использовании отличных плагинов и тем для защиты нашего веб-сайта и придания блеска нашему контенту.

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

Еще после прыжка! Продолжить чтение ниже ↓

Оглавление

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

  • Все о доменных именах
  • WordPress.com и WordPress.org
  • Выбор пакета хостинга
  • Настройка домена
  • Установка WordPress
  • Примечание о WordPress
  • Выбор темы и плагинов
  • Основные плагины
  • Обеспечение безопасности WordPress
  • Основные страницы
  • Аналитика сайта

Все о доменных именах

Доменное имя идентифицирует ваш сайт для пользователей. Доменное имя Smashing Magazine — smashingmagazine.com . Доменное имя не следует путать с URL-адресом — доменные имена являются частью URL- адресов.

Чтобы углубить наше понимание, давайте проанализируем URL-адрес, который имеет все компоненты, и посмотрим, что к чему.

 https://www.blog.mywebsite.com:80/post/awesomeness.php?edit=false&view=true#comment-5

Этот URL состоит из пяти отдельных частей:

  • https:// — это протокол, который сообщает браузерам, как получать данные. Некоторые известные из них — это http , https и ftp .
  • blog. это поддомен, который позволяет вам сегментировать ваш сайт на разные части. Вы также можете использовать mywebsite.com/blog/ ; это действительно зависит от того, чего вы пытаетесь достичь.
  • mywebsite.com — это доменное имя. www (который стоит перед поддоменом, если таковой имеется) не является обязательным; вам нужно решить это. По большей части это вопрос предпочтений, но это может повлиять на большие веб-сайты. Конец доменного имени (в данном случае .com ) называется доменом верхнего уровня (TLD). Другие — .net и .org , специфические для страны, такие как .co.uk , .hu и .me , и совершенно новые, такие как .xyz , .news и .media .
  • 80 — это номер порта, используемый для получения доступа к ресурсу на сервере. По умолчанию это 80 для HTTP и 443 для HTTPS, поэтому вы можете опустить его в URL-адресах. Порты чаще всего встречаются в локальных средах разработки.
  • /post/awesomeness.php — путь к ресурсу на сервере. В этом случае вполне может быть папка с именем awesomeness.php articles но путь не обязательно указывает на фактический файл на сервере. Чаще всего сервер и/или код выясняют, что вам нужно, на основе URL-адреса, а не URL-адреса, связанного с реальным файлом.
  • ?edit=false&view=true — это параметры — на самом деле их два. Первому параметру "ключ-значение" предшествует вопросительный знак; всем последующим парам предшествуют амперсанды. Код на стороне сервера улавливает эти значения, и эти значения можно использовать, например, для изменения представлений или сохранения данных.
  • #comment-5 — это якорь, который можно использовать, чтобы сразу направить пользователя в определенное место на странице. Если вы перейдете по ссылке выше, вы попадете ниже на страницу к конкретному комментарию.

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

Выбор правильного имени

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

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

У журнала Smashing Magazine длинное доменное имя, но маловероятно, что из-за этого будет потеряно много трафика, или можно будет получить больше, перейдя на smashingmag.com . Брендинг, в конечном счете, является наиболее важным фактором. Короткое и приятное доменное имя — это здорово, но, в конце концов, важно то, что вы с ним делаете.

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

Покупка доменного имени

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

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

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

Большинство хостов имеют простой интерфейс для покупки доменных имен: просто найдите что-нибудь и следуйте инструкциям на экране. При покупке домена помните о двух вещах.

Если вы серьезно относитесь к брендингу и у вас есть средства, вы можете купить несколько TLD с одним и тем же именем. То есть, если вы регистрируете mydomain.com , вы можете купить .net , .org , .info , а также локальную версию (например, .co.uk ).

У вас также будет возможность выбрать продолжительность вашей регистрации, по умолчанию это один год. Были некоторые споры и неопределенность в отношении того, как возраст домена и регистрация влияют на поисковую оптимизацию (SEO). Мэтт Каттс, инженер Google, сказал: «Я бы не слишком беспокоился об этом», что, вероятно, означает, что вам действительно не следует этого делать. Опять же, если у вас есть средства, регистрация на пять или шесть лет намного удобнее.

Веб-сайт Wordpress: количество доменов в моей корзине Media Temple
Количество доменов в моей корзине Media Temple. (Посмотреть большую версию)

Отличие хостинга и регистрации домена

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

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

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

WordPress.com и WordPress.org

Если вы новичок в этом, вас может смутить разница между WordPress.com и WordPress.org. Чтобы прояснить это, давайте начнем с того, что такое WordPress.

WordPress — это пакет программного обеспечения с открытым исходным кодом , который бесплатен для всех во всем мире.

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

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

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

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

Это так же, как WordPress.com. Вы не платите за использование программного обеспечения WordPress. Вы платите за использование поддомена, размещение файлов и управление программным обеспечением (которое обновляется автоматически).

Если вы хотите прощупать почву и начать работу с WordPress с минимальными усилиями, тогда WordPress.com — отличный способ!

Планы доступны на WordPress.com
Планы доступны на WordPress.com. (Посмотреть большую версию)

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

Выбор пакета хостинга

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

Есть три способа пойти, если вы ищете хороший пакет:

  • Общий хостинг,
  • VPS хостинг,
  • управляемый хостинг WordPress.

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

Общий хостинг

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

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

Поскольку сотни веб-сайтов работают на одном и том же оборудовании, что произойдет, если в одном из них возникнет ошибка кода, из-за которой он будет использовать до 80% доступной памяти? Остальные веб-сайты (а их могут быть сотни) остановятся и могут стать недоступными. Та же проблема возникает с безопасностью; некоторые атаки нацелены на один веб-сайт и в конечном итоге затрагивают все другие веб-сайты на том же сервере.

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

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

Если вы считаете, что виртуальный хостинг подходит вам, то на выбор есть несколько компаний. Рекомендую протестировать службы поддержки этих компаний; с общими хостами они могут быть вашим самым важным активом.

  • инмоушен хостинг,
  • МедиаТемпл
  • Маленький апельсин
  • СайтЗемля

Мы сотрудничаем с InMotion Hosting, чтобы предложить вам отличные цены на их быстрые и надежные услуги хостинга. Хостинг InMotion предоставляет WordPress бесплатно и легко устанавливается на любой из их планов. Перенос существующего веб-сайта также прост! Нажмите здесь или в любом месте, где в этой статье говорится о виртуальном хостинге, чтобы ознакомиться с их планами и приступить к работе!

VPS-хостинг

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

Другая учетная запись на том же сервере не может использовать до 80% ресурсов. Если на сервере четыре аккаунта, каждый может использовать только 25% активов. Это эффективно решает проблемы непредсказуемости.

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

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

Хотя некоторые учетные записи VPS стоят 5 долларов, обычно вы платите от 15 до 20 долларов в месяц. Если у вас есть деньги , то определенно выбирайте либо управляемый хостинг WordPress, либо VPS вместо общей среды.

VPS дает вам максимальную гибкость из всех возможных. Если вы планируете попробовать другие системы управления контентом, такие как Joomla, Drupal или Laravel, то об управляемом хостинге WordPress не может быть и речи, поскольку он поддерживает только WordPress.

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

Существует множество провайдеров VPS. Вот некоторые из лучших обзоров:

  • Вультр
  • МедиаТемпл
  • Маленький апельсин
  • Линод
  • СайтЗемля

Управляемый хостинг WordPress

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

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

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

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

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

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

Хосты WordPress становятся все более популярными. Наиболее известные и высоко оцененные из них:

  • Кинста
  • WPEngine
  • Маховик
  • Пантеон
  • МедиаТемпл

Настройка домена

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

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

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

Форма модификации сервера имён с помощью Media Temple
Форма модификации сервера имён с помощью Media Temple. (Посмотреть большую версию)

Ваш хост скажет вам, какие серверы имен указать. Моя учетная запись SiteGround содержит следующую информацию:

 ns1.am20.siteground.biz (107.6.152.202) ns2.am20.siteground.biz (181.224.143.216)

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

Я обнаружил, что если сервер находится в США, а я в Европе, веб-сайт будет нормально работать в течение нескольких часов при просмотре из США. Изменениям обычно требуется больше времени, чтобы распространиться за границу.

Веб-сайты и домены

В настоящее время, особенно с управляемым хостингом WordPress, вы можете немного запутаться в том, как добавить веб-сайт на свой хост. Возможно, вы сможете добавить несколько установок WordPress, даже не увидев экран с вопросом «Какой домен вам нужен?»

Это может работать разными способами. Давайте рассмотрим конкретный способ понять разницу между веб-сайтами и доменами.

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

Как только этот веб-сайт создан, к нему уже можно получить доступ, обычно через поддомен, например wnub234.wpengine.com . Это позволяет вам полностью настроить веб-сайт, даже не имея домена.

Если вы хотите ссылаться на веб-сайт со своим собственным доменом, например, awesomesite.com вместо уродливого wnub234.wpengine.com , вам нужно будет добавить домен и назначить его веб-сайту.

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

Установка WordPress

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

Создание нового сайта на Kinsta
Создание нового сайта на Kinsta. (Посмотреть большую версию)

Если у вас общая учетная запись или учетная запись VPS, у вас есть два варианта: установка в один клик или ручная установка. Многие хостинги предлагают инструменты для установки WordPress, чтобы свести к минимуму работу на этом этапе.

Приложения, доступные для автоматической установки
Приложения доступны для автоматической установки. (Посмотреть большую версию)

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

Кодекс WordPress содержит полное руководство по установке. Если вы застряли или вам нужна помощь в создании базы данных, взгляните на нее, и все будет готово в кратчайшие сроки!

Рекомендуемая литература : Перенос веб-сайта на WordPress проще, чем вы думаете

Примечание о WordPress

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

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

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

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

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

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

Выбор темы и плагинов

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

В теме есть части, которые вы, возможно, и не подумали бы протестировать, такие как страница 404, страница поиска, архив и так далее. Кроме того, некоторые темы могут похвастаться множеством функций, таких как поддержка WooCommerce, bbPress и так далее.

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

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

Электронная коммерция

WooCommerce стал стандартным плагином для электронной коммерции. Он содержит все необходимое для начала онлайн-бизнеса прямо из коробки.

WooCommerce — одно из самых мощных решений для электронной коммерции.
WooCommerce — одно из самых мощных решений для электронной коммерции. (Посмотреть большую версию)

Форумы

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

Базовая реализация форума в теме Twenty Fifteen
Базовая реализация форума в теме Twenty Fifteen. (Посмотреть большую версию)

Социальная сеть

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

Базовый вид BuddyPress с использованием темы Matheson
Базовый вид BuddyPress с использованием темы Matheson. (Посмотреть большую версию)

Выбор темы

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

Если вы используете bbPress, создайте несколько форумов, тем и ответов. Создайте несколько пользователей и отвечайте на разные вопросы с каждым из них. Если вы используете WooCommerce, добавьте товары с красивыми изображениями и заполните данные.

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

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

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

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

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

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

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

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

Премиум и бесплатные темы

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

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

Рекомендуемая литература : Как создать и настроить дочернюю тему WordPress

Основные плагины

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

Рекомендуемая литература : Как ускорить ваш сайт WordPress

Все в одном пакете SEO

Если вы хотите оптимизировать свой контент, чтобы максимизировать любовь поисковых систем, вам понадобится SEO-плагин, и All in One SEO Pack — отличный выбор.

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

Некоторые настройки постов в All in One SEO Pack
Некоторые настройки публикации в All in One SEO Pack. (Посмотреть большую версию)

Резервное копирование и восстановление Dropbox

Резервное копирование и восстановление будут значительной частью ваших усилий, связанных с безопасностью. Dropbox Backup & Restore автоматизирует эту задачу за вас. Он создает полную резервную копию всех ваших файлов и базы данных либо локально, либо в Dropbox.

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

Dropbox Backup & Restore в действии
Dropbox Backup & Restore в действии. (Посмотреть большую версию)

VaultPress

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

Он связан со службой резервного копирования, которая позаботится обо всем автоматически. Вам даже не нужно нажимать «Резервное копирование»; задача выполняется по расписанию, и вы можете восстановить все одним щелчком мыши.

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

Панель инструментов VaultPress
Панель VaultPress. (Посмотреть большую версию)

Акисмет

Akismet поставляется со всеми установками WordPress. Это плагин, связанный со службой, которая гарантирует, что раздел комментариев вашего сайта останется свободным от спама.

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

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

Статистика Akismet по борьбе со спамом
Статистика Akismet по борьбе со спамом. (Посмотреть большую версию)

Общий кэш W3

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

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

W3 Total Cache — это известное и высокопроизводительное решение для кэширования, которое максимально эффективно использует ваш веб-сайт.

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

Количество подстраниц показывает, сколько вариантов есть!
Количество подстраниц показывает, сколько вариантов есть! (Посмотреть большую версию)

Реактивный ранец

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

От контактных форм до кнопок социальных сетей и улучшенных галерей — Jetpack предлагает огромный набор функций.

Галерея в стиле Masonry, включенная Jetpack
Галерея в стиле Masonry, включенная Jetpack. (Посмотреть большую версию)

Ниндзя Формы

Если вы хотите добавить контактную форму или любую форму для сбора информации на свой веб-сайт, у вас есть несколько вариантов, один из которых — Ninja Forms.

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

Контактная форма на моем сайте создана на основе Ninja Forms.
Контактная форма на моем сайте работает на Ninja Forms. (Посмотреть большую версию)

Безопасность iThemes

Одним из аспектов безопасности является резервное копирование; другой активно предотвращает угрозы. Вот тут-то и появляется плагин, такой как iThemes Security.

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

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

16-безопасность-опт-маленький
iThemes Security ранжирует оповещения в соответствии с приоритетом. (Посмотреть большую версию)

Список можно продолжить

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

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

Обеспечение безопасности WordPress

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

Хакеры всегда идут по пути наименьшего сопротивления. Они ищут общие недостатки, которые легко использовать. На самом деле, вы, вероятно, сможете добиться всего, если будете следовать этим двум простым правилам:

  1. Всегда обновляйте WordPress, все плагины и темы.
  2. Всегда используйте надежные пароли и меняйте их каждые пару месяцев.

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

В Smashing Magazine есть довольно обширная статья о защите вашего сайта WordPress. Если вы беспокоитесь о безопасности или хотите сделать больше, взгляните.

Основные страницы

Now that everything is set up, you can finally start adding content! While what you add is up to you, there are some usual bits of content, even some that you may be forced to have by law.

Домашняя страница

The home page is the most difficult to make. WordPress allows you to create a static page or a dynamic page. The default is a dynamic page that lists your ten most recent posts.

If you're creating an online resume or a corporate website, then you might prefer to present details about yourself or the company. In this case, create a page in WordPress and set it as the home page in the “Settings” → “Reading” section.

About Page

An “About” page appears on almost all websites. For a personal website or blog, it can be used to tell your story, allowing users to get to know you. For a corporate website, it would contain more information about the company.

Don't underestimate the power of this page! While you might not think that the information on there is fun, important or useful, your followers and fans might well think otherwise.

If you're applying for a job or working as a freelancer, your employer might just have a look. If they are looking for someone detail-oriented, then they will look at every nook and cranny of your website to make sure it all holds up!

Контактная страница

If you want people to reach you, then a contact page could well be the way to go. You can use Ninja Forms to create a form and show your basic contact information.

Many pages use Google Maps to indicate a location. This is available via a plugin such as Simple Google Maps Short Code, or you can use Google Maps' embedding functionality.

Required E-Commerce Pages

If you want to sell products online, you might be required by law or by your payment processor to publish certain pages. These usually include the following:

  • terms of service,
  • refund policy,
  • privacy policy,
  • contact details.

Some of this information can be added to a single page, but one thing's for sure: Many payment providers will not approve your website unless they see this information somewhere.

In addition to appeasing payment processors, you should actually give this content a close read and make sure you can deliver on your promises. Visitors will feel safer knowing they are protected by a privacy and refund policy.

Cookie Handling

In the European Union, a “cookie law” has been passed that requires websites to provide visitors with information about how cookies are used. You could phrase it to convey that usage of the website implies consent, but an information page about cookies is a good idea.

If you need information about the cookie law, Optanon's page has everything you need to understand and comply with this law.

A bunch of plugins display a cookie information bar on your website without much hassle. Take a look and implement one if you're based in the EU.

Website Analytics

Analytics for websites are a multi-pronged tool. They can be used to approach potential advertisers, to increase the value of your website and to provide insight into your visitors (which can lead to optimization) — and they're fun!

Advanced tools such as Google Analytics track the number of visitors, where they come from, how long they stay, how many pages they visit and so on.

Location analytics in Google Analytics
Location analytics in Google Analytics. (Посмотреть большую версию)

You can create an account with Google Analytics for free and use a plugin such as Google Analytics Dashboard for WP to add your tracking code and to display analytics data right there in the back end.

Using Analytics Data

Using analytics data and acting on it could be (and is) the subject of multiple books. Instead, I just want to share some basic thoughts on how to start using it.

Once some data is coming in, you'll start to notice trends. You'll see when your website tends to get the most visits and when it gets the least. Use this data to your advantage. Post new content when you get a lot of visitors, and schedule maintenance and downtime during off periods.

If you've made a change to your website or published a particularly promising bit of content, keep track of your statistics to see the effect. If visits go up, then you know you've done something right; if they go down, something might be wrong.

If you're interested in learning more, Smashing Magazine has a guide to Google Analytics ready for you!

Резюме

Creating the perfect website is not an easy task, nor is it a done deal. The perfect website requires time and continual work to keep it that way.

There's always something to optimize, trends to keep up with, security issues to worry about. If you plan on being in business for years to come, prepare yourself. Your website will go down at some point for some unknown reason; the code and design will get old at some point; and you will find bugs with time.

Perfecting a website entails putting services in place to handle such problems: a content and database backup, a maintenance theme, a good developer and designer, and so on.

Don't worry if you don't have everything in place to make your website perfect. Start out as best as you can. Above all else, a perfect website requires experience, which you can only get by giving things a go and sticking around.