Как создать свой сайт на wordpress: полное руководство для новичков по установке и настройке

Содержание

Как создать сайт на WordPress в 2021 году: полная инструкция

👍 Научим создавать сайты на WordPress бесплатно за 11 уроков. Подробнее →

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

Знакомство с WordPress

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

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

Преимущества WordPress:

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

Регистрация домена и выбор хостинга

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

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

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

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

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

Установка WordPress на хостинг

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

Шаг 1. Перейдите по адресу https://ru.wordpress.org/ и загрузите последнюю версию WordPress.

Шаг 2. Выясните корневой каталог на сервере хостинга, в котором будут хранится файлы сайта. Обычно он называется public_html или site.ru (название домена вашего сайта).

Шаг 3. Распакуйте архив и загрузите все содержимое на хостинг. Это можно сделать через файловый менеджер в админ-панели хостинга или использовать FTP-клиент (например, FileZilla).

Шаг 4. Запустите установку WordPress. Для этого нужно в браузере перейти на главную страницу своего сайта (например, http://site.ru). Тут система сообщает, что вы должны знать имя базы данных, имя пользователя базы данных, пароль к базе данных и адрес сервера базы данных. Эту информацию можно выяснить у компании-хостинга. Нажмите кнопку Вперед!.

Шаг 5. Укажите необходимые данные и нажмите кнопку Отправить.

Шаг 6. Если все данные введены верно, то установщик перейдет к следующему шагу. Для этого нажмите кнопку Запустить установку.

Шаг 7. Укажите название сайта, имя, e-mail пользователя, пароль и нажмите кнопку Установить WordPress.

Шаг 8. Установка WordPress завершена. Осталось впервые зайти в админ-часть сайта. Для этого нажмите кнопку Войти.

В итоге главная страница сайта свежеустановленного WordPress будет выглядеть так:

Основные настройки сайта

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

Основными настройками являются:

  • название и описание сайта,
  • язык сайта,
  • настройка главной страницы,
  • постоянные ссылки.

Для каждой из настроек в админке WordPress выделен отдельный раздел.

Чтобы изменить указанные при установке название, описание и язык сайта, перейдите Настройки -> Общие, где присутствуют соответствующие опции.

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

Настроить постоянные ссылки можно, перейдя в админ-раздел Настройки -> Постоянные ссылки.

Выбор, установка и настройка темы

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

Процесс установки бесплатных и премиум-тем одинаковый. Любая тема поставляется в виде архива со всеми необходимыми файлами для ее работы. Его нужно лишь распаковать и скопировать в каталог /wp-content/themes. После этого тема станет доступна в админ-разделе Внешний вид -> Темы.

Настройка любой темы осуществляться в админ-разделе Внешний вид -> Настроить.

Расширение функционала с помощью плагинов

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

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

Создание контента

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

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

Выводы

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

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

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

Мне нравится14Не нравится1

Если Вам понравилась статья — поделитесь с друзьями

Стоит ли делать сайт на WordPress — ответ готов!

 

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

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

WordPress.com и WordPress.org — это разные вещи

WordPress.com — это бесплатный веб-хостинг, на котором вы можете создать и разместить свой блог. Доменное имя вида “ваше_имя.wordpress.com” предоставляется бесплатно. Если у вас уже есть домен, использовать его можно, дополнительно уплатив 13$. Третий вариант — купить домен (.com предлагаются за 18$ в год).

WordPress.org — здесь вы можете бесплатно скачать последнюю версию платформы WordPress, чтобы залить ее на свой хостинг.

Еще раз,

в чем разница.

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

Преимущества и недостатки Вордпресса

Сайт на wordpress обладает рядом преимуществ:

  • Бесплатный «движок». использование в личных и коммерческих целях обеспечивается благодаря открытому и понятному соглашению, имеющее лицензию;
  • Обширные возможности. К ним относят создание интернет — магазина, блога, продаваемый проект, хранилище информации и галерею.
  • Гибкая настройка оформления. В свободном доступе находятся шаблоны, они есть с предоставление денежных средств и без них.
  • Для администрирования не нужны дополнительные узконаправленные умения, весь труд выполняется при помощи метода тыка.
  • В течении пяти минут можно создать сайт на wordpress с нуля и выложить первый контент.

Несмотря на воздушные преимущества, при создании сайта на wordpress в 2019-ом году вам придется столкнуться с перечнем недостатков:

  1. Подходит только для новичков.
    Так как у серьезных, а также более или менее больших компаний сайты самописные. Все права принадлежат администратору — создателю, а не платформе.
  2. Для создания подходящего и уникального внешнего вида потребуется затраты ресурсов.
  3. Тяжел в процессе оптимизации.
  4. Требует дополнительные плагины и модули.
  5. Имеет низкую загрузку сайта.

Что выбрать?

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

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

Сделать сайт на WordPress — просто?

Да, просто для тех, кто уже прошел эту процедуру много раз: для тех, у кого уже есть знания и опыт, потребуется только время.
А для тех, у кого опыта нет, потребуется очень много времени. “Просто, но очень долго” автоматически превращается в “сложно”. Смотрите сами.

Страница “С чего начать” официальной справки Вордпресс достаточно объемная. Приведем некоторые самые главные моменты.

Этап установки
  1. Купить хостинг.
  2. Установить WordPress на сервер.
  3. Купить домен.
  4. Настроить домен на хостинге.
  5. Найти и установить тему (шаблон внешнего вида сайта, есть платные и бесплатные варианты).

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

Этап настройки
  1. Настроить внешний вид сайта.
  2. Внутренние настройки WordPress.
  3. Установка и настройка дополнительных модулей.

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

Внутренние настройки — права доступа, формат URL, параметры отображения записей, комментариев, изображений и др.

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

Установили и настроили, что дальше?

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

Продвижение сайтов на WordPress

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

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

Создание сайта на шаблоне WordPress сперва может показаться хорошей идеей. Но! Хороший и качественный сайт не может быть создан на основании шаблона, так как весь контент будет похожим на аналогичный ресурс. Создание своего индивидуального требует дополнительные затраты, и, если бы речь шла только о времени. В этом ключе подразумевается и финансовая сторона. На первый взгляд может показаться, что все не так плохо, ведь шаблон сайта на wordpress может стоить от двух тысяч гривен до пяти тысяч; создание дополнительного уникального дизайна начинается от четырех тысяч гривен и до восьми; самопис же стоит от десяти тысяч гривен. С другой стороны стоит задуматься о том, зачем поступать нерационально, тратить больше сил, времени и денег на усовершенствование, если можно выложить сумму чуть больше сразу и изредка корректировать мелочи. “Скупой платит дважды” — прописная истина. 

Гораздо дальновиднее будет сделать сайт на самописной CMS

, которая будет подогнана нашими специалистами под нужды каждого клиента индивидуально. Она гибкая, быстрая, легко продвигаемая. Давайте сравним — WordPress и Нашу CMS систему FRAST:

  1. Не нагружает сайт
  2. Не требует знаний программирования
  3. Проста и понятна в использовании
  4. Автоматическая генерация карты сайта, управление индексацией сайта, встраивание таг менеджера и многое другое прямо из админ панели
  5. Комфортное наполнение сайта, без необходимости лезть в код
  6. Мультиязычность сайта в два клика
  7. Расширяемость функционала
  8. Связь с разработчиком из админки
  9. Разграничение прав пользователей

 

Стало уже ясно, что со стороны кажется простым запустить сайт на “банальной” системе WP — не так уж и легко. Стоит подготовиться и учитывать вариант того, что это отнимет у вас львиную долю времени и сил,по прогнозам увеличенную в два или три раза, чем при самом пессимистичном прогнозе.
Делать wordpress сайт с нуля можно и, даже, нужно, если целью создания является наличие собственного блога, сайта-визитки или потребность «набить руку» в создании красивых сайтов.

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

Резюме

Вы уже поняли, что запустить сайт на “простой” системе WP — ох как непросто. Будьте готовы к тому, что это отнимет у вас времени и сил в 2-3 раза больше, чем ваш самый пессимистичный прогноз. Но дорогу осилит идущий.
Делать сайт на Вордпресс можно и нужно, если вы хотите создать личный блог или потренироваться в создании сайтов “на кошках”.
Делать сайт на Вордпресс не нужно, если вы планируете серьезный коммерческий проект. Выбирайте специлизированную CMS под ваш тип сайта (существуют, например, прекрасные платные и бесплатные платформы для интернет-магазинов) или самописную CMS, которую программисты смогут настроить конкретно под ваш проект с учетом всех нюансов.

➤ Как создать сайт на WordPress подробная инструкция

 

Содержание страницы:


— Плюсы WordPress
— Так как же создать свой собственный сайт?
— Приобретите хостинг
— Настройте SSL-сертификат
— Запустите движок WordPress
— Установите опциональные настройки
— Выберите шаблон оформления для сайта
— Плагины и зачем они нужны
— Дополнительные опции
— Делаем начальное наполнение сайта
— Политика конфиденциальности
— Меню (структура сайта)
— Рубрики
— Метки
— Записи (статьи)

 


 

WordPress – это удобная площадка для разработки качественных веб-ресурсов. Это бесплатная и довольно простая система управления контентом (CMS). Сегодня на базе WordPress работают около 30% сайтов в мире.

 

Плюсы WordPress

 

—Простые настройки

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

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

—Разнообразие дизайна и большой набор плагинов

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

—Удобство для продвижения

WordPress обладает встроенной оптимизацией под поисковые запросы. Шаблоны сайтов постоянно изменяются в соответствии с современными требованиями.

 

Так как же создать свой собственный сайт?

 

1. Для начала выберите тематику

Занимайтесь тем, что вам действительно интересно, о чем вы можете увлеченно рассказывать часами. Если вы эксперт в своей области, это повысит ваши шансы. Найти вдохновение и интересные идеи помогут рейтинги проектов Яндекса, Рамблера, LiveInternet.

 

2. Выберите домен и хостинг. Пройдите регистрацию

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

Проверить, свободен ли желаемый домен, можно на сервисе https://timeweb.com/ru/services/domains/

 

 

 

 

 

 

 

 

 

 

 

 

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

Как проследить историю? Первый способ – зайти на сайт https://web. archive.org Введите придуманное вами доменное имя и посмотрите у какого веб-ресурса оно уже было. В некоторых случаях этот сервис показывает, как выглядело оформление прежнего сайта и какие на нем размещались материалы.

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

3. Приобретите хостинг

 

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

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

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

Когда сайт «перейдет во взрослую лигу» и на него начнут заходить больше тысячи пользователей в день, потребуется более дорогой тариф или VDS-хостинг. Это — аренда виртуального выделенного сервера. Он подходит для профессиональных веб-ресурсов с высокой нагрузкой.

 

Регистрация хостинга: пошаговый алгоритм

—Найдите вкладку «Хостинг»

—Установите тариф

—Укажите адрес электронной почты и ФИО (для регистрации)

—Дождитесь получения логина и пароля

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

 

Регистрация хостинга: порядок действий

—Найдите на панели управления хостингом вкладку «Домены и поддомены»

—Выберите пункт «Зарегистрировать домен»

—Укажите доменное имя

—Дождитесь уведомления о том, что домен свободен

—Нажмите кнопку «Зарегистрировать»

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

—Оплатите пользование доменом и дождитесь активации.

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

 

4. Настройте SSL-сертификат

 

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

Наличие сертификата подтверждает подлинность сайта, ему начинают доверять.

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

Сайт, защищенный цифровой подписью, открывается по ссылке https://

Бесплатный сертификат можно найти в админке самого хостинга.

 

5. Запустите движок WordPress

 

Главный плюс движка WordPress – встроенный механизм SEO-оптимизации. Установив движок, вы получите возможность указывать для каждой статьи ее название, тег с кратким описанием, блок ключевых слов для keywords и для облака тегов, а также  сможете публиковать материалы задним числом или в будущем.

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

 

 

 

 

 

 

 

 

 

 

 

 

 

6. Установите опциональные настройки

 

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

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

 

 

 

 

 

 

 

 

 

 

 

7. Выберите шаблон оформления для сайта

 

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

Бесплатный набор шаблонов легко найти на официальной странице https://ru.wordpress.org/themes/ Большая коллекция покупных шаблонов с русскоязычной админкой лежит на Root и JournalX. Огромная галерея с шаблонами, которые придется устанавливать по-английски, доступна на ThemeForest.

 

 

 

 

 

 

 

 

 

 

 

 

 

Что нужно учитывать при выборе шаблона?

1. Посмотрите, корректно ли отображается лента материалов

2. Изучите описание шаблона и решите, какие настройки вам потребуются после установки

3. Устанавливайте бесплатный шаблон с осторожностью. Чтобы не подхватить вирус, скачивайте его через админ-панель «Внешний вид – Темы»

4. Настраивайте платный шаблон после ознакомления с отзывами

5. Не используйте старые шаблоны, которые давно не обновлялись

 

Настройте выбранный шаблон

Единого стандарта настроек нет, у каждого шаблона они свои. Где найти список настроек темы? В специальной вкладке «Внешний вид – Настроить» или в отдельной рубрике с названием темы.

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

 

8. Плагины и зачем они нужны

 

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

 

Как установить плагин

 

 

 

 

 

 

 

 

 

 

 

 

 

Выберете раздел «Плагины» в админке и опцию «Добавить новый». Дальше, по своему усмотрению, воспользуйтесь готовым или добавьте свой собственный.

Выбор плагина – настоящий простор для творчества, но есть и «золотые пять», которые должны быть всегда под рукой. Во всяком случае, с ними лучше быть знакомыми. Речь идёт о «Clearfy Pro», «Yoast SEO», «WP Super Cache», «Akismet» и «All In One WP Security». Разберём каждый по порядку.

 

Плагин «Clearfy Pro»

 

 

 

 

 

 

 

 

 

 

 

 

Оговоримся сразу: «Clearfy Pro» — платный, но это того стоит. Его основное преимущество – сочетание легкости (он практически невесом для системы) и эффективности в работе. Этот плагин способен обеспечивать и поддерживать  жизнеспособность вашего ресурса, ем можно доверить SEO, освобождение ресурса от неизбежно возникающего мусора и зоркий контроль за сохранностью контента.

Раздобыть плагин можно здесь: https://wpshop.ru/plugins/clearfy

В качестве альтернативы можно рассмотреть «Cyr to Lat enhanced» (вот тут: https://wordpress.org/plugins/cyr3lat/)

 

Плагин «Yoast SEO»

 

Этот плагин пригодится нам для того, чтобы навести порядок с SEO. Например, он поможет прописать Заголовок и Описание для всех разделов сайта, не упустив ни одной рубрики. Он же пригодится при разработке карты ресурса XML – крайне привлекательного элемента сайта для поисковых механизмов.

Yoast SEO водится тут: https://ru.wordpress.org/plugins/wordpress-seo/

 

Плагин «WP Super Cache»

 

 

 

 

 

 

 

 

 

 

 

Этот плагин пригодится для кэширования – полезной опции, ускоряющей загрузку сайта. Механизм кэширования сводится к тому, что страницы не загружаются каждый раз заново, а «запоминаются» плагином.

Плагин можно скачать здесь: https://ru.wordpress.org/plugins/wp-super-cache/

Или «W3 Total Cache» в качестве альтернативы: https://ru.wordpress.org/plugins/w3-total-cache/

 

Файл robots.txt

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

Защита вашего интернет-ресурса

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

Akismet

Безупречно справляется с доверенной ему задачей – борьбой со спамом.

Ссылка, где взять: https://ru.wordpress.org/plugins/akismet/

All In One WP Security

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

Скачать можно здесь: https://ru.wordpress.org/plugins/all-in-one-wp-security-and-firewall/

 

9. Дополнительные опции

 

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

 

Плагин для контактной формы

Обратная связь – это важно, и правильно подобранная контактная форма значит действительно многое. Порекомендовать можно, к примеру, «Contact form 7».

Ссылка: https://ru.wordpress.org/plugins/contact-form-7/

Форма подписки на рассылку

Формирование базы подписчиков станет важным этапом в продвижении вашего ресурса. Для начала нужно зарегистрироваться на соответствующем сервисе. Их много, назовём самые удобные и функциональные: «MailChimp», «SendPulse»,  «Getresponse», «MailerLite», «Unisender». Порядок работы с формой подписки довольно прост: регистрируетесь на одном из перечисленных сервисов, формируете список адресов вашей рассылки и помещаете на сайт созданную форму или её код.

 

 

 

 

 

 

 

 

Попап, или модальные окна

Этот плагин точно пригодится для совершенствования навигации сайта. С его помощью можно перенаправить пользователя на новую страницу, упомянутую в тексте – например, если речь идёт о розыгрыше подарков или возможности оформить подписку.

Бесплатный и удобный плагин – Popup Maker, скачать его можно здесь: https://wordpress.org/plugins/popup-maker/

Картинки в модальном окне

Одна из самых частых причин перехода пользователя на другую страницу – механизм, открывающий изображение в новой вкладке. Как показывает печальный опыт, возвращается к прочтению исходного текста далеко не каждый. Чтобы избежать подобной участи, воспользуйтесь плагином, открывающим картинки в модальном окне. Иногда эта опция прописана сразу в рабочем шаблоне, но в случае, если она отсутствует, установить её можно по ссылке: https://ru.wordpress.org/plugins/easy-fancybox/

Рейтинг

Плагин рейтинга даёт возможность посетителям оценить текст и сориентироваться, насколько высоко о нём отозвались их предшественники. Один из вариантов — https://ru.wordpress.org/plugins/wp-postratings/

Похожие записи

Один из удобных способов предложить посетителю продолжить чтение, оставаясь на сайте – прикрепить блок со ссылками на идентичные тексты.  C позиции SEO это даст дополнительные плюсы для внутренней перелиновки ресурса. Опция прикрепления «похожих записей» включена почти что в каждый шаблон премиум-класса, но добавить её можно и при помощи плагина — https://wordpress.org/plugins/wordpress-23-related-posts-plugin/

Кнопки соцсетей

Наверняка у вашего проекта есть не только сайт, но и поддерживающие соц.сети. Узнать о них должен каждый посетитель портала. Нет ничего проще, чем оформить ссылки на аккаунты в VK, Instagram и Facebook (и любые другие, разумеется, тоже) при помощи плагинов-кнопок. Опять же, если вы пользуетесь шаблонами премиум-класса, то эта опция доступна по умолчанию. Если приходится активировать её самостоятельно, то сделать это можно, например, здесь: https://ru.wordpress.org/plugins/social-icons-widget-by-wpzoom/

Баннеры

Баннеры – ещё один способ эффективно привлечь внимание пользователя к контенту любого характера: будь то реклама, конкурс или Youtube-канал.

Онлайн чат

Не нужно пренебрежительно относиться к этой форме общения, считая её старомодной. Онлайн-чат оживит ресурс и позволит пользователям создать внутреннюю коммуникацию, оставаясь при этом на вашем ресурсе. Если вы всё ещё не уверены в том, что эта опция действительно пригодится, попробуйте бесплатную тестовую версию (сроком две недели) программы Jivosite. Для этого чата предусмотрены как бесплатная, так и платная версии – выбирайте сами: https://www.jivosite.ru/?partner_id=22657&pricelist_id=105&lang=ru

AMP и Турбо страницы

Скорость работы он-лайн ресурса напрямую коррелирует с его успешностью и востребованностью у пользователей. От неё же зависит и благосклонность поисковых механизмов. Именно поэтому существуют такие разработки, как AMP страницы (Google) и Турбо страницы (Яндекс). Они мгновенно адаптируют ресурс для просмотра с мобильных устройств, предельно упрощая (и ускоряя) его. Сайты, снабжённые этими плагинами, поисковые системы благосклонно выводят в топ, что является ещё одним поводом задуматься и выбрать себе наиболее подходящий плагин.

Выбор тут будет действительно широк: можно попробовать разобраться в этом вопросе самостоятельно, поискав информацию по запросу «Настройки Yoast SEO WordPress». Подробные инструкции и видео-уроки помогут Вам сделать правильный выбор.

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

 

10. Делаем начальное наполнение сайта

 

Итак, если все предыдущие пункты реализованы – переходим к следующему, а именно содержательному наполнению ресурса.

 

11. Политика конфиденциальности

 

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

 

12. Меню (структура сайта)

 

Один из вариантов структуры сайта – горизонтальное меню. Рассмотрим его в качестве рабочего примера. При заданной структуре сайт содержит главную страницу (собственно, где и размещается меню) и остальные, рабочие. Количество и тематика страниц – вопрос сугубо индивидуальный, но можно выделить и пункты, встречающиеся почти что на каждом ресурсе.

 

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

—Обо мне / О сайте — страница, содержащая смысловой посыл;

—Блог / Новости —возможно вынести в отдельный пункт, если лента новостей не размещена на главной;

—Контакты — живые контакты и ссылки на соц.сети.

 

Данные пункты – основные, и расширять их список можно бесконечно:

 

—Примеры работ / Портфолио — примеры выполненных работ и задач;

—Услуги — расскажите о спектре своих навыков. Здесь же можно привести и прайс-лист;

—Реклама — перечислите доступные рекламные опции, политику размещения рекламы на портале;

—Бесплатно — в этот раздел можно вынести материалы в открытом доступе;

—Курсы / Обучение / Магазин — описание доступных курсов или он-лайн магазин сайта;

—Полезные ссылки — любые ссылки, которые покажутся вам уместными;

—Видео — обучающий или развлекательный – любой уместный видео-контент;

—Инфографика — если вы богаты инфографикой – обязательно поделитесь ею с пользователями!

 

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

Страницы

Не откладывайте создание первой страницы ресурса в долгий ящик – начните прямо сейчас. Адаптируйте меню для созданных страниц. Сделать это несложно: зайдите в панель «Страницы» и выберите пункт «Добавить новую». После выбора названия, приступайте к информационному наполнению. Опубликуйте. Для того чтобы сделать страницу видимой пользователям, добавьте её в меню. Этот же механизм поможет вам создать остальное наполнение сайта.

 

13. Рубрики

 

Чётко структурированные разделы сайта удобны  и пользователям, и редакторам. На помощь в этом деле приходит опция «Рубрики», активировать которую можно с панели «Записи». Создайте статью в редакторе и определите тематическую рубрику, которая будет закреплена за ней.

 

14. Метки

 

«Метки» — ещё одна опция структурирования материалов на сайте. В её основе лежит принцип объединения по ключевым словам. Она доступна в редакторе при работе с текстом либо в панели «Записи». Рекомендуем  обратить внимание на тематические метки – при соответствующем запросе они значительно облегчат поиск читателем нужных материалов.

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

 

15. Записи (статьи)

 

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

Добавить статью несложно: следует зайти в панель «Записи» и активировать там опцию «Добавить новую».

Выбор редактора

Вне всякого сомнения, выбор редактора – дело вкуса и удобства. Для начала рекомендуем ознакомиться с последним обновлением редактора статьей Gutenberg, который значительно разнится в использовании с исходной версией  и работает по принципу конструктора. Если инновационный вариант редактора – не ваш, активируйте классическую версию, скачав официальный плагин: https://ru.wordpress.org/plugins/classic-editor/

 

Заключение

 

И в качестве закрепления материала ещё раз перечислим все пункты разработки сайта на WordPress, которые мы сегодня изучили:

1. Определимся с тематикой ресурса. В случае затруднений пользуемся всевозможными каталогами;

2. Ищем домен и обязательно знакомимся с его историей;

3. Регистрируем ресурс;

4. Решаем, с каким типом SSL-сертификата мы будем иметь дело: платным или нет;

5. Загружаем CMS WordPress;

6. Адаптируем базовые настройки ресурса;

7. Работаем с шаблоном оформления: приобретаем или выбираем из вариантов в свободном доступе;

8. Решаем, какие именно SEO плагины подходят нашему ресурсу. Обращаем внимание на Дополнения и Защиту;

9. Определяемся с дополнительными опциями для сайта, памятуя о правиле золотой середины;

10. Работаем с базовым наполнением страниц;

11. Обращаемся к вопросу конфиденциальности и сбора данных;

12. Разрабатываем меню;

13. Продумываем рубрики;

14. Пишем систему меток для статей;

15. Создаем наш первый тексовый контент (статью).

 

Поздравляем! Вы только что создали свой первый сайт на WordPress!

Как создать сайт на WordPress с нуля

Итак, вы захотели иметь собственный сайт? Прекрасно. Если думаете, что без большого объема знаний и опыта у вас ничего не получится, то зря. Прочитав этот пошаговый план создания сайта на WordPress с нуля, вы сможете за 5 минут установить вполне работоспособный веб-ресурс на самой популярной CMS (система управления, движок) в мире.

Причины популярности WordPress

Новички и профессионалы предпочитают выбирать WordPress (сокр. WP), потому что:

  1. Это самый распространенный движок, и под него постоянно ведется разработка новых готовых решений по расширению функциональности. Поэтому создание сайта на WordPress – это очень практично.
  2. Кроме того, что WP самый популярный, он же еще и самый универсальный. На WordPress можно создать блог, новостной веб-ресурс, интернет-магазин, сайт-визитку и пр. То есть WP как конструктор, из которого можно собрать разные варианты.
  3. Под WP разработаны тысячи разнообразных шаблонов, что позволяет легко придать создаваемому сайту желаемый внешний вид.
  4. У WP самый дружественный интерфейс, что позволяет новичкам без особого труда управлять ресурсом.
  5. Добавить на сайт статью или новость в WP не сложнее, чем набрать и сохранить документ в привычном всем Word.

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

Регистрация хостинга и домена перед созданием сайта на WordPress

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

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

Рекомендации по выбору хостинга и домена:

  1. Хостинг желательно выбирать в том регионе, где планируют продвижение. То есть если сайт для россиян, то физические сервера должны быть в России, из-за чего связь будет лучше, и все страницы будут быстрее грузиться.
  2. При регистрации домена стараются выбирать такое имя, которое больше всего соответствует тематике сайта. Придумав название, смотрят, или оно свободно. Если да, регистрируют, если нет, то система обычно предлагает схожие названия. К примеру, если сайт о Форекс брокерах, то хорошее имя для него brokers-fx.ru. Если о туризме, то, например, tourizmania.com. Ну, и в таком духе. Желательно, чтобы домен не был очень длинным.
  3. Как показывает статистика, люди обычно доверяют адресам с понятной доменной зоной – это буквы, стоящие непосредственно после имени, т. е. различные: «.com», «.ru», «.ua», «.by», «.net», «.org».

Зарегистрированное доменное имя привязываем к сайту через панель управления веб-хостинга. В зависимости от того, какая используется панель, нужный для привязки раздел может называться: «Сайты и домены», «Дополнительные домены», «WWW-домены».

Хостинг бывает платный и бесплатный:

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

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

Устанавливаем WordPress

Новички могут для начала установить CMS WordPress к себе на компьютер после создания локального сервера Wamp или инсталляции приложения Instant WP. Это позволит поиграться с сайтом, изменяя внешний вид, ковыряясь в файлах CSS, правя программный код и пробуя себя в разработке плагинов, тем и пр. Но в рамках этого гайда мы рассмотрим установку сразу на хостинг. Кстати, некоторые компании могут сразу автоматически поставить вам на арендованный хостинг движок WP.

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

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

Загрузив файлы движка, открываем сайт в браузере по основному адресу и видим:

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

Сделав все это, жмем «Установить WordPress» и видим оповещение о том, что настройка завершена, и оказываемся в панели управления сайтом:

При этом по основному адресу открывается главная страница созданного сайта:

Чтобы с главной перейти в «Консоль» для настройки, жмем на название сайта вверху слева или вводим в адресную строку: доменное имя/wp-admin.

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

Выбираем и устанавливаем тему оформления для движка WP

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

Как установить тему: пошаговая инструкция

Вариант первый – в «Консоли» выбираем раздел «Внешний вид» и ищем вкладку «Темы». По умолчанию там будет несколько вариантов, но если они не устраивают, то жмем «Добавить новую»:

Откроется каталог, в котором при помощи фильтров или строки поиска в шапке можно найти подходящие варианты:

Наведя курсор на эскиз с темой, появятся кнопки «Установить» и «Просмотреть». Если нажать первую, то выбранная тема будет тут же установлена, а если выбрать вторую, то включится режим предварительного просмотра. И тогда, если владельца устроит, как выглядит его сайт с новой темой, то он может ее установить, а если нет – перейти к дальнейшему поиску.

Второй вариант установки состоит в том, чтобы скачать архив с темой на компьютер, а затем выбрать «Внешний вид» – «Темы» – «Загрузить тему»:

Третий вариант – распаковать скачанный архив и через FTP загрузить его на сервер в папку wp-content – themes.

Напоследок хочется добавить: если попалась привлекательная тема на английском языке, то это не проблема. При помощи специального софта наподобие Poedit или плагина Translate Loco темы легко переводятся на русский.

Топовую подборку профессиональных курсов по обучению созданию сайтов с нуля

Настраиваем основные функции сайта

Чтобы сайт работал корректно, для начала делаем два вида настроек:
– настраиваем CMS WordPress;
– настраиваем понравившуюся тему оформления.

Как настроить движок WP

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

Здесь можно выбрать язык, формат даты, часовой пояс и т. д. Если хостинг российский, то зачастую тут ничего менять не нужно. Обратите внимание на пункт «Членство». Если поставить тут птичку, то новым пользователям придется регистрироваться, а делать это вначале, пока сайт не раскрутится и не станет узнаваемым, точно никто не будет. Так что тут ничего не ставим.

Написание

Следующий раздел «Написание» также можно оставить без изменений. Тут можно задать настройки публикации через email, но этим обычно не пользуются. Обратите также внимание на «Сервисы обновления», где по умолчанию стоит http://rpc.pingomatic.com/. Это значит, что каждый раз после новой публикации, сайт будет отправлять уведомление о появлении новой новости, статьи или других материалов.

Чтение

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

Обсуждение

Настройки в разделе «Обсуждение» стоит изучать и менять только в том случае, если планируют использовать встроенные комментарии движка WP. В таком случае особого внимания заслуживают категории «Модерация» и «Черный список».

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

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

В большинстве случаев тут выбирают «Название записи».

Как настроить установленную тему

У каждой темы могут быть свои настройки в зависимости от ее вида и функциональности. Чтобы приступить к настройке темы, выбираем «Внешний вид» – «Настроить». У нас сейчас активна тема Twenty Twenty, поэтому сразу откроется окно редактирования ее настроек:

Свойства сайта

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

Цвета

Здесь задают цвет фона для основных блоков шаблона. Если оттенки «По умолчанию» не устраивают, то жмем «Пользовательский» и выбираем нужные цвета.

Настройки темы

Здесь устанавливаем, как считаем нужным. Обычно тут ничего не меняют.

Шаблон обложки

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

Фоновое изображение

Если хотим изменить фон в выбранном шаблоне, то заходим в этот раздел, жмем «Выбрать изображение» и загружает картинку, размер которой не должен превышать 2Mb. Такую подложку можно найти самому в интернете или заказать ее создание дизайнеру.

Меню

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

Если хотим добавить свое, жмем «Создать новое меню», придумываем название и затем выбираем область, в которой оно будет располагаться. Наша тема предусматривает 5 мест, где можно вставить меню. Проделав это, жмут «Добавить элементы» и выбирают, что и как будет отображаться в создаваемой менюшке.

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

Виджеты

Здесь при необходимости добавляют нужные виджеты, расширяя функциональность темы:

Настройка главной страницы

Здесь можно настроить в теме то же самое, что мы рассматривали в настройке движка WordPress, раздел «Чтение». То есть тут задаем, что и как будет отображаться на главной странице – статическая страница или последние записи.

Дополнительные стили

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

Выбираем и добавляем полезные плагины

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

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

  1. Обеспечение безопасности.
  2. Борьба со спамом в комментариях.
  3. SEO-оптимизация.
  4. Улучшение юзабилити и расширение функциональности.

Обеспечиваем безопасность

Угроза безопасности исходит с двух сторон:

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

Зачастую нанесенный ущерб исправлять нет смысла, т. к. на это уйдет много времени. Да и разобраться в проблеме без привлечения стороннего специалиста вряд ли удастся, а на это требуются деньги. Поэтому проще всего восстановить последнюю работоспособную версию сайта, а для этого требуется делать регулярные бэкапы (backup).

Чтобы делать работоспособные копии сайта, обычно используют следующие проверенные плагины:

  1. Backup and Restore WordPress.
  2. WP Database Backup.
  3. Back Up WordPress.

Для установки новых расширений придерживаемся следующей пошаговой инструкции:

  • обращаем внимание на пункт меню «Плагины», где есть категория «Добавить новый»;
  • нажимаем на нее;
  • в открывшемся окне вводим в строку поиска (вверху справа) название нужного плагина;
  • как только система найдет его, жмем «Установить».

Как только плагин установится, в том же окне вместо кнопки «Установить», появится «Активировать». Активируем расширение. После этого можем найти плагин в меню, выбрать «Резервное копирование» и сделать бэкап.

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

Как не допустить спама в комментариях

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

  1. Первый состоит в том, чтобы подключить внешнюю систему комментирования, которая сама борется со спамерами. Для этих целей в последнее время используют Disqus.
  2. Второй заключается в установке специальных плагинов, значительно усложняющих автоматизацию спам-рассылок. Для таких целей подойдет плагин Antispam Bee, Akismet Anti-Spam. Первый из них более простой, да еще и на русском, так что новичкам лучше выбирать именно его.

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

Ставим плагины для SEO-оптимизации

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

  1. Добавление и обновление XML-карты сайта.
  2. Определение канонических страниц.
  3. Добавление метатегов Title и Description.
  4. Блокирование от индексации поисковыми алгоритмами дублей страниц.
  5. Оформление микроразметки.

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

Плагины для создания карты

На роль первого из этих плагинов подойдет один из таких:

  1. Simple WP Sitemap.
  2. Google XML Sitemaps.
  3. Sitemap by BestWebSoft.

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

Если решили изменять настройки плагина XML-Sitemap, то учитывайте следующее:

  1. В «Приоритете статьи» можно указать желаемый метод определения приоритетности при индексировании контента.
  2. В категории «Приоритеты» и «Изменить частоты» (Change Frequencies) можно указать поисковым алгоритмам самые, на ваш взгляд, приоритетные виды контента.
  3. В «Дополнительных страницах» вы можете самостоятельно добавить в карту те адреса (урлы), что не добавились автоматом.
Плагины WordPress для SEO-оптимизатора

Уже долгое время при поиске хорошего SEO-плагина рассматривать приходится один из двух вариантов:

  • Yoast SEO;
  • All-in-One-SEO-Pack.

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

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

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

Через All-in-One-SEO-Pack можно подтвердить права на веб-ресурс, чтобы подключить его к инструментам веб-мастера в Yandex WebMaster и Google Search Console. Для этого получаем проверочный код и копируем его в соответствующие поля плагина:

Закончив настраивать все по своему усмотрению, внизу страницы находим и нажимаем кнопку «Обновить настройки».

Плагины для разметки

Чтобы сделать разметку, используют:

  1. WPSSO Core/WPSSO JSON-LD. При помощи первого делают разметку OpenGraph, а при помощи второго Schema.org.
  2. WP SEO Structured Data Schema позволяет использовать JSON-LD, делая разметку Schema.org формата Article, Review, Blog Posting.
  3. Schema App Structured Data тоже позволяет добавлять разные виды разметки Schema.org.
Плагин WPSSO

Рассмотрим, как делается разметка на примере WPSSO Core и WPSSO JSON-LD. Устанавливаем плагины, не забываем их активировать, а затем находим в меню появившийся пункт SSO, наводим на него мышку и жмем Essential Settings.

Здесь указываем общую информацию, которая отображается в шапке, после чего переходим к разделу Schema Markup, где ищем два поля – Organization Logo и Organization Banner. Тут указываем, соответственно, адрес лого сайта и баннера.

Тут же чуть ниже в Advanced Settings установлены базовые виды разметки для отдельных страничек. Открывая выпадающий список, можно изменять вид верстки по своему усмотрению, только эта опция с 2020 года в плагинах WPSSO стала платной:

Выбирая разметку, учитывайте:

  • если на главную страничку будут выводить последние записи, то подойдет разметка Blog;
  • если ставите статическую страницу, то используйте Website;
  • для страничек с записями берем один из двух следующих видов разметки: Blog Posting или Article.

Разметка Blog Posting подходит для небольших заметок, а вот Article лучше для длинных информационных статей, гайдов.

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

Плагин WP SEO Structured Data Schema

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

Устанавливаем и активируем его, а затем при добавлении новой записи пользователь сможет вручную выбирать формат разметки:

Преимущества и недостатки:

  1. При каждом добавлении новой записи придется вручную указывать структурирование и вид разметки.
  2. Плагин поддерживает много разных видов разметки, среди которых: Aggregate Ratings, Review. В WPSSO, к примеру, такого функционала нет.

Улучшаем удобство пользования сайтом и расширяем функциональность

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

К примеру, вы делаете на движке WordPress интернет-магазин. Значит, вам понадобятся плагины для e-commerce. Выберите несколько популярных, сравните их функционал, протестируйте сами, чтобы в итоге оставить один наиболее подходящий именно вам. Далее проанализируйте систему навигации. Тут важно обеспечить пользователю простые и понятные пути, чтобы он понимал, где и что ему искать. В то же время чуть ли не на каждой странице полезно разместить блоки с ссылками на похожие или наиболее интересные материалы. Это задержит пользователя на сайте, что хорошо для ранжирования, т. к. Яндекс отслеживает поведение посетителей. Кроме того, вырастет вероятность, что пользователь выполнит какую-то конверсию.

Обязательно стоит рассмотреть вариант добавления плагинов, которые позволят:

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

После установки сайта посмотрите, какой формат ссылок WordPress ставит для новых страничек. Поисковые системы приветствуют ЧПУ – человеко-понятные урлы. Да, и сами пользователи больше доверия оказывают сайтам и страницам, адреса которых выглядят коротко и понятно. Избегайте также кириллических ссылок. К примеру, взгляните на адрес ссылки:

Он выглядит красиво и понятно. Но представьте, что вы захотели им поделиться. Копируете адрес и отправляете другу, а он видит следующее:

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

Вот как было до установки плагина:

Вот как стало после установки:

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

  • открываем настройки;
  • жмем на Translitera;
  • ставим галочки напротив соответствующих полей;
  • жмем «Транслитерировать».

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

После установки и активации плагина выбирают сервис, при помощи которого будет происходить шаринг (share – делиться) материалов в соцсетях. Для этих целей подойдет, например, популярный конструктор PLUSO.

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

Затем переходим в панель управления WordPress, открываем «Настройки» – Head and Footer», вкладка Posts и вставляем скопированный код с кнопками соцсетей в нужное место. На скрине ниже мы вставили код в блок «После контента»:

Затем жмем «Сохранить», и на существующих страницах происходит автоматическое создание нужных кнопок, через которые пользователи смогут делиться материалами в социальных сетях:

Делаем первые публикации и создаем страницы на сайте с движком WordPress

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

  • создавать страницу с произвольной структурой;
  • добавлять в запись мультимедийные объекты и виджеты;
  • менять расположение блоков.

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

Создаем новую страничку

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

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

К примеру, чтобы добавить блок с картинкой, жмем на «+» и выбираем «Изображение» (Image).

Для блока с изображениями можно выбрать готовые или добавить новые стили отображения:

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

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

Разобравшись со страницами, давайте посмотрим, как происходит создание новых записей.

Создаем первую публикацию

Хотя рассмотренный плагин Gutenberg обладает рядом преимуществ, но при создании публикаций он проигрывает по своей функциональности ранее работавшему редактору WordPress. Поэтому рекомендуется скачать и активировать Classic Editor.

После этого для создания новой публикации переходим в раздел «Записи» и жмем на «Добавить новую»:

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

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

Закончив добавлять и редактировать контент, не забудьте прописать правильные, с точки зрения поисковой оптимизации, Title и Description, а затем жмите кнопку «Опубликовать». Все, с этого момента запись появится в свободном доступе, и если ничто не препятствует индексации, а сайт добавлен в поисковую систему Google и Яндекс, то после обработки нового контента роботами страница будет отображаться в выдаче поисковиков по релевантным запросам.

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

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

Поделитесь материалом в соцсетях — обсудите его с друзьями и коллегами!

С WordPress Page Builders создать сайт легко! — Джино • Журнал

6 октября 2019 г.

Время чтения: 2 минуты

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

Она познакомит вас с очень полезным инструментом, имя которому WordPress Page Builders.

Что такое Page Builders?

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

Зачем вам нужен WordPress Page Builder

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

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

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

Качества, которые нужно искать в WordPress Page Builder

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

Скорость

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

Отклик

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

Особенности

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

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

Совместимость

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

SEO

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

Шаблоны и демо-версии

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

Продолжение следует…

Как сделать сайт на WordPress. Опыт сеошника.

Главная -> Статьи -> Как сделать сайт на WordPress

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


Что такое WordPress и почему именно он?

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

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

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

Вот так выглядит дружественный интерфейс WordPress

Что нужно для того, чтобы сделать сайт на WordPress.

Для того, чтобы создать несложный, но качественный сайт на WordPress, нам понадобятся определённые навыки (они же скилы) и определённые «технические штуки».

Начнём с разбора технических наворотов, которые необходимо иметь, чтобы создать сайт:

  1. Компьютер не супер-топовой комплектации, но достаточной для того, чтобы запустить Photoshop и выйти без лагов в Интернет.
  2. Собственно, доступ в Интернет. При этом, желательно, не с телефона с минимальной скоростью, а добротный, как минимум 10 Мбит/сек., иначе вы проклянёте сайтостроение.
  3. Программа для обработки изображений на вашем ПК. Желательно, чтобы это был не Paint, а Photoshop или Gimp.
  4. Оплаченный хостинг на 100 Мб. и домен в любой понравившейся вам зоне (ru, com, biz и т.п.).

Навыки, необходимые для создания сайта на WordPress:

  1. Компьютерная грамотность уровня «выше чайника». Вы должны уметь включить компьютер, добиться нормальной работы Интернета, уметь написать текст в каком-нибудь редакторе, найти информацию в Интернете, обработать картинку графическим редактором.
  2. Базовые знания о том, как работают сайты. В частности, что такое хостинг и домен, как их получить и как ими пользоваться.
  3. Базовые знания по SEO, касающиеся того, что такое SEO вообще и что должно быть на сайте, чтобы как-то его оптимизировать под поисковые системы.
  4. Навык исследования методом тыка уровня 80+. Это, пожалуй, основной скилл, необходимый для того, чтобы создать сайт на WordPress. Нужно отчётливо понимать, что создание сайтов — это целая вселенная и просто так запрыгнуть в неё с головой и сделать всё круто за полчаса не получится. Вам так или иначе придётся учиться, узнавать новые понятия, разбираться с новыми инструментами.

Как я создавал сайт на WordPress.

Для закрепления всего вышесказанного, постараюсь кратко рассказать, как я создавал сайт на WP.

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

Шаги решения задачи:

  1. Купил домен в зоне ru, название которого относится к юридической тематике и частично отражает направленность сайта: law-consulting.ru.
  2. Выбрал и проплатил на пол-года хостинг с поддержкой MySQL, PHP, SMTP.
  3. Припарковал домен на хостинге.
  4. Прямо из панели управления хостингом развернул WordPress (делается нажатием одной кнопки).
  5. Вместе с заказчиком выбрал и установил из админки WordPress подходящий шаблон для сайта. Выбирали строгий минималистичный шаблон с адаптивной вёрсткой.
  6. Вместе с заказчиком подготовили структуру будущего сайта, обсудили пункты меню, нужный функционал.
  7. Для персонализации шаблона подготовил изображения и текстовый контент.
  8. Разместил изображения и текстовый контент на сайте, настроил меню, создал страницы структуры (пока пустые), настроил ЧПУ для каждой страницы.
  9. Подключил SEO-модуль и настроил мета-теги для всех страниц, сгенерировал карту сайта.
  10. Подключил модуль формы обратной связи, сгенерировал модуль Яндекс.Карты, установил всё это богатство на страницу «Контакты».
  11. Разместил подготовленные заказчиком материалы по всей структуре сайта, исправил замечания и недочёты путём редактирования исходного кода шаблонов.

Ну, вот, пожалуй и всё. Теперь в Интернете появился ещё один сайт с юридическими услугами. Рекомендую: www.law-consulting.ru

Сайт на WordPress в Москве — YouDo

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

Особенности создания интернет-ресурса

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

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

Разработка сайтов на WordPress зарегистрированными на Юду веб-мастерами производится согласно следующему алгоритму:

  • выбор и регистрация домена и хостинга
  • хостинговая настройка
  • загрузка движка WordPress на сервер
  • составление проекта и стиля оформления для каждой страницы ресурса
  • верстка и дизайн сайта – подбираются шрифты, изображения, разрабатываются коды CCS и HTML, создается карта сервиса

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

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

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

  • обсуждение идей относительно будущего сайта
  • разработка технического задания
  • составление плана работ
  • сроки сдачи проекта
  • согласование цены заказа и порядка оплаты услуг

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

Почему выгодно искать фрилансеров на YouDo?

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

За многие годы работы в сфере создания интернет-порталов исполнители YouDo успешно разработали большое количество проектов, о чем свидетельствуют отзывы заказчиков из Москвы и других городов. Заказав услуги зарегистрированных на Юду веб-мастеров, вы получите:

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

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

Исполнители Юду гарантируют:

  • быстрое продвижение интернет-портала
  • уникальное красивое оформление страницы
  • качественное наполнение веб-ресурса
  • недорогое техническое обслуживание
  • оказание полного спектра услуг по работе с движком Вордпресс

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

Зарегистрированные на YouDo квалифицированные программисты предоставят полный комплекс услуг для обеспечения качественной работы интернет-проекта:

  • установка надёжных плагинов, необходимых для корректного функционирования движка WordPress
  • чистка исходного кода страниц
  • создание почтового ящика на домене

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

Сколько стоит создание интернет-ресурса?

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

Стоимость изготовления сайтов WordPress формируют следующие факторы:

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

У нас можно заказать сайт на WordPress любого типа:

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

Окончательное руководство по созданию веб-сайта на WordPress

Мысль о создании собственного веб-сайта может показаться непосильной.

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

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

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

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

WordPress.org против WordPress.com

Разница между WordPress.org и WordPress.com связана с , который фактически размещает ваш сайт.

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

WordPress.com предлагает разместить ваш сайт за вас. Вам также не нужно загружать какое-либо программное обеспечение или управлять сервером. Если вы выберете WordPress.com, URL вашего сайта будет выглядеть так: www.mywebsite.wordpress.com. Однако у вас есть возможность также обновить свою учетную запись WordPress.com и купить собственный домен у стороннего поставщика (это означает, что ваш URL-адрес будет выглядеть так: www.mywebsite.com).

Как выбрать между WordPress.org и WordPress.com

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

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

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

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

WordPress для начинающих: как использовать WordPress

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

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

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

Как создать сайт на WordPress

  1. Выберите тарифный план WordPress (только WordPress.com).
  2. Настройте свое доменное имя и хостинг-провайдера.
  3. Установите WordPress.
  4. Выберите свою тему.
  5. Добавьте сообщения и страницы на свой сайт.
  6. Настройте свой веб-сайт.
  7. Установить плагины.
  8. Оптимизируйте свой сайт, чтобы увеличить скорость загрузки страниц.
  9. Вдохновляйтесь примерами веб-сайтов WordPress.

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

1. Выберите тарифный план WordPress (только WordPress.com).

Чтобы начать создание своего веб-сайта, выберите план WordPress. Как указывалось ранее, с WordPress.org у вас есть только один (бесплатный) тарифный план, но он требует, чтобы вы купили свой домен, хостинг-провайдера, плагины, темы и все остальное, что связано с вашим сайтом WordPress.

На WordPress.com вам придется выбирать между пятью планами, которые они предлагают.

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

2. Настройте свое доменное имя и хостинг-провайдера.

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

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

Думайте о своем доменном имени как о своем домашнем адресе — это то, как посетители могут найти ваш веб-сайт в Интернете.Ваше доменное имя будет выглядеть примерно так: www.example.com.

Ваш хостинг-провайдер похож на ваш дом — там на самом деле хранятся файлы вашего веб-сайта. Без хостинг-провайдера у вашего сайта не было бы места на сервере для «жизни». Некоторые из лучших хостинг-провайдеров WordPress включают WP Engine, Bluehost и Kinsta.

Источник изображения

Как выбрать домен и хостинг-провайдера

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

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

  • PHP версии 7.4 или выше
  • MySQL версии 5.6 или выше ИЛИ MariaDB версии 10.1 или выше.
  • Поддержка HTTPS
Выбирая хостинг-провайдеров для вашего сайта WordPress, убедитесь, что они соответствуют всем вышеперечисленным критериям.

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

Сначала перейдите на веб-сайт Bluehost и нажмите «Начать работу».

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

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

Источник изображения

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

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

3. Установите WordPress.

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

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

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

Для начала войдите в свою учетную запись GoDaddy, щелкните Web Hosting , а затем Manage . Вы попадете на экран с данными вашей учетной записи.

Источник изображения

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

Источник изображения

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

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

Теперь, когда у вас настроен домен и установлен WordPress, вам необходимо настроить свой «Основной домен» в WordPress, чтобы посетители видели ваш веб-сайт при поиске в вашем домене.

В WordPress перейдите на Мой сайт и щелкните Домены . Выберите персональный домен, который вы хотите сделать своим основным доменом.

Источник изображения

Затем щелкните Сделать основным .

Источник изображения

Подтвердите, что вы хотели внести это изменение, нажав Обновить основной домен .

Источник изображения

Убедитесь, что обновление прошло успешно, посмотрев в зеленом поле с галочкой Primary Domain .

Источник изображения

Теперь перейдем к четвертому шагу: как сделать ваш сайт красивым.

4. Выберите вашу тему.

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

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

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

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

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

5. Добавьте сообщения и страницы на свой сайт.

Когда вы добавляете контент на свой сайт WordPress, он обычно отображается в виде сообщений и страниц.

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

Посты и страницы — это основные типы постов в WordPress. Кроме того, есть и другие собственные типы сообщений, а также пользовательские типы сообщений. А пока мы можем просто придерживаться страниц и сообщений.

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

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

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

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

6. Настройте свой веб-сайт.

Помимо выбранной вами темы, существует несколько способов дальнейшей настройки вашего веб-сайта. Рассмотрим несколько вариантов.

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

Теперь давайте настроим разделы для чтения. В разделе «Настройки »> «Чтение » вы можете изменить свою домашнюю страницу на статическую.

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

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

Добавьте панель навигации, перейдя на панель администратора, нажав Внешний вид , а затем Меню .

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

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

7. Установите плагины.
Плагины

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

  • Плагин HubSpot WordPress: с легкостью добавляйте всплывающие окна, формы и чат в реальном времени на ваш сайт WordPress.И в качестве дополнительного бонуса соедините этот плагин или другие плагины CRM с вашей HubSpot CRM.
  • Календарь событий: простой календарь событий, который упрощает планирование событий с вашего сайта.
  • Yoast SEO: плагин, который поможет вам с SEO на странице. Это приложение проверяет, соблюдаете ли вы лучшие практики, прежде чем запускать свой сайт.
  • TablePress: Нужен стол на вашем сайте? Не смотрите дальше.
  • The SEO Framework: еще один плагин, который может помочь вам освоить SEO на вашем сайте.

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

Чтобы добавить новый плагин, нажмите Добавить новый . Найдите нужный плагин и затем нажмите Установить сейчас , подождите несколько секунд, затем нажмите Активировать .

Получите плагин WordPress CRM, который поможет вам организовать, отслеживать и привлекать потенциальных клиентов.

8. Оптимизируйте свой сайт, чтобы увеличить скорость загрузки страниц.

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

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

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

9. Вдохновляйтесь примерами веб-сайтов WordPress.

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

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

Источник изображения

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

Источник изображения

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

Источник изображения

Советы и хитрости для сайта WordPress

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

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

2. Используйте дефисы, а не символы подчеркивания при именовании файлов в WordPress. Google выглядит как символы подчеркивания, а это значит, что ваш файл будет выглядеть как одно большое слово. Это не поможет вам с SEO. Используйте тире, чтобы было видно, что есть отдельные слова. (Например, используйте www.example.com/this-is-an-example, а не www.example.com/this_is_an_example).

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

4. Используйте замещающий текст изображения в своих интересах. Image Alt Text может быть использован для улучшения вашего SEO и рейтинга Google.

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

6. Регулярно делайте резервные копии своего веб-сайта, , чтобы, если вы когда-нибудь потеряете доступ или столкнетесь с техническими проблемами, у вас будет все необходимое для полного восстановления вашего контента.Существует ряд плагинов, таких как Snapshot Pro, созданных специально для резервного копирования вашего контента WordPress.

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

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

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

10. Разместите на своем веб-сайте страницу «О нас» , чтобы показать посетителям, что вы заслуживаете доверия и / или являетесь достойным представителем компании. Страницы «О нас», как известно, занимают второе место по посещаемости на веб-сайтах (после домашних), поэтому важно представиться.

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

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

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

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

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

16. Удалите кнопки «Комментарий» и «Поделиться» с определенных страниц вашего веб-сайта. Вам не нужны (и не нужны) кнопка «Комментарий» или «Поделиться» на странице «О нас» или любой из страниц ваших услуг в этом отношении.

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

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

19. Регулярно обновляйте свой сайт WordPress и плагины . WordPress сообщит вам, когда будут выпущены обновления. Благодаря этому ваш сайт будет выглядеть свежо и работать эффективно.

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

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

Создайте сайт на WordPress

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

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

Бесплатная установка блога WordPress

1 домен + веб-хостинг

Каждому веб-сайту нужен домен и веб-хостинг. Домен — это адрес вашего веб-сайта в Интернете (например, wpbeginner.com). Веб-хостинг — это место, где ваш сайт находится в Интернете.Здесь хранятся ваши файлы, изображения и статьи.

У вас должны быть и то, и другое, чтобы начать блог.

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

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

Это ПОБЕДА ПОБЕДА ПОБЕДА, во всех отношениях.

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

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

Один из старейших веб-хостингов, созданный в 1996 году, Bluehost стал крупнейшим брендом в области хостинга WordPress. Они являются официальным хостинг-провайдером, рекомендованным WordPress. С Bluehost вам никогда не придется беспокоиться о том, что ваш сайт будет медленным, даже при большом трафике.Их экспертная поддержка 24/7 всегда готова помочь, когда вам это нужно, по телефону, электронной почте или в чате. Они занимают первое место в области веб-хостинга для малого бизнеса. Вдобавок ко всему, они предлагают пользователям WPBeginner эксклюзивную скидку 63%, бесплатный домен, бесплатный SSL и бесплатный конструктор сайтов с шаблонами.

SiteGround — один из самых популярных хостинг-провайдеров с самым высоким рейтингом в сообществе WordPress.Они предоставляют уникальные внутренние решения WordPress для скорости и безопасности, чтобы сделать ваш сайт максимально быстрым и безопасным. Они известны лучшей круглосуточной поддержкой в ​​отрасли, поэтому они являются официальным хостинг-провайдером, рекомендованным WordPress. Вот почему мы используем SiteGround для размещения веб-сайта WPBeginner. Возможности SiteGround включают автоматические обновления, ежедневное резервное копирование, встроенное кэширование WP, бесплатный CDN, бесплатный SSL, постановку одним щелчком мыши и контроль версий GIT. Они также являются одной из немногих компаний, предлагающих локальный хостинг с 6 центрами обработки данных в США, Европе, Азии и Австралии.Вдобавок ко всему, у них есть специальная скидка 63% для читателей WPBeginner.

HostGator обслуживает более 10 миллионов доменов и является одним из самых популярных веб-хостов в отрасли. Благодаря установке WordPress в один клик, гарантии 99,9% времени и круглосуточной поддержке, это разумный выбор для каждого владельца веб-сайта. Мы считаем их лучшим веб-хостингом для бизнеса. Они предлагают нашим читателям эксклюзивную скидку 62%, бесплатное доменное имя и бесплатный сертификат SSL.

DreamHost существует уже 18 лет и известен тем, что упрощает веб-хостинг. Вы получаете настраиваемую панель управления, установку WordPress в 1 клик, автоматические обновления WordPress, неограниченное пространство, неограниченную пропускную способность и бесплатные твердотельные накопители, что делает ваш сайт на 200% быстрее. DreamHost поддерживает более 1,5 миллионов блогов и веб-сайтов WordPress. Они также являются официально рекомендованным хостинг-провайдером WordPress.Пользователи WPBeginner получают эксклюзивную скидку 72% и бесплатный домен + бесплатный сертификат SSL.

GreenGeeks стал хорошо известным брендом в индустрии хостинга WordPress благодаря своей невероятно высокой производительности веб-сайтов, круглосуточной поддержке в США и экологически безопасной платформе. Они предлагают автоматическую установку WordPress в один клик, управляемые обновления, повышенную безопасность, бесплатный CDN, бесплатную миграцию сайта и выбор из более чем 5 различных местоположений центров обработки данных.GreenGeeks поддерживает более 600 000 веб-сайтов, и клиенты их любят. Вдобавок ко всему, у них есть специальная скидка 60% для читателей WPBeginner в сочетании с бесплатным SSL и бесплатным доменным именем.

2 Отправьте форму ниже

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

25 лучших бесплатных бизнес-тем WordPress 2021 года

Вы ищете лучшие бесплатные бизнес-темы WordPress?

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

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

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

Создание бизнес-сайта на WordPress

WordPress — самый популярный конструктор сайтов для создания бизнес-сайтов.

Доступны два типа WordPress. WordPress.com — это платформа для хостинга с ограниченным доступом, а WordPress.org — популярная самостоятельная платформа WordPress.

Связано: Разница между WordPress.com и WordPress.org (Полное сравнение)

Мы рекомендуем использовать для своего веб-сайта автономный WordPress.org. Он дает вам доступ ко всем функциям и функциональности WordPress прямо из коробки.

Для создания веб-сайта вам потребуется доменное имя и веб-хостинг.Доменное имя — это адрес вашего сайта в Интернете, например wpbeginner.com или google.com . Веб-хостинг — это хранилище для всех файлов вашего сайта.

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

Более того, Bluehost предлагает читателям WPBeginner огромную скидку на хостинг, а также бесплатное доменное имя и бесплатный сертификат SSL.

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

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

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

1. Astra

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

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

2. OceanWP

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

Тема eCommerce готова к запуску интернет-магазина за несколько кликов. У него самое быстрое время загрузки страницы и встроенные функции SEO (поисковая оптимизация) для увеличения посещаемости вашего сайта.

3. Неве

Neve — это легкая многоцелевая тема WordPress, подходящая для веб-сайтов малого бизнеса и магазинов электронной коммерции.

Он имеет минималистичный макет с красивыми цветами и продвинутой типографикой. Он интегрируется с популярными конструкторами страниц, такими как Beaver Builder, для легкой настройки.

4. Тема для Guten

Guten Theme — это готовая к Gutenberg тема WordPress, которую вы можете использовать для создания своего бизнес-сайта. Он поставляется с поддержкой дополнительных блоков Гутенберга, которые вы можете использовать для создания красивых макетов для своего веб-сайта.

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

5. Сидней

Sydney — мощная бизнес-тема WordPress. Он поставляется с полноразмерным слайдером изображений, настраиваемым логотипом, неограниченными вариантами цвета и доступом ко всем шрифтам Google.

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

6.Гипнотизировать

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

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

7.Zelle

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

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

8. Bento

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

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

9. Гестия

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

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

10. Богатый

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

Affluent интегрируется с популярными плагинами WordPress, такими как All in One SEO, WooCommerce и WPML, для расширения своей функциональности.

11. Foodica

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

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

12. Avant

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

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

13. Всего

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

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

14. Хьюман

Hueman — бесплатная и многоцелевая бизнес-тема WordPress. Он легко настраивается и поставляется с простой в использовании панелью параметров темы.

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

15. Посейдон

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

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

16. Customizr

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

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

17. Марка

Make — это тема WordPress, удобная для создания страниц с функцией перетаскивания, которая позволяет быстро создавать бизнес-сайт. Он имеет несколько вариантов макета и полностью адаптивный дизайн.

Make также включает полноразмерные баннеры и галереи изображений для демонстрации вашего бизнес-портфолио.

18. Vantage

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

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

19. ColorWay

ColorWay — стильная бизнес-тема WordPress с простыми в использовании функциями и опциями.Он поставляется с настраиваемым фоном, несколькими вариантами макета, поддержкой Google Analytics и многим другим.

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

20. Башня

Pinnacle — это смелая тема WordPress, предлагающая плоский дизайн с полностью адаптивным макетом. Он имеет полноразмерное фоновое изображение заголовка с настраиваемым логотипом и меню навигации.

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

21. Просторный

Spacious — бесплатная бизнес-тема WordPress с минималистичным оформлением. Он поставляется с слайдером изображений, настраиваемыми виджетами и разделами домашней страницы для избранного контента.

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

22. Мезия

Moesia — адаптивная бизнес-тема WordPress с полной поддержкой параллакса.Он поставляется с предопределенными блоками, которые вы можете использовать для создания своей домашней страницы.

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

23. Гравировка Lite

Engrave Lite — мощная бизнес-тема WordPress. Он демонстрирует полноразмерный слайдер изображений и настраиваемые разделы на главной странице.

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

24. Полный кадр

Full Frame — это полноформатная тема WordPress для бизнес-сайтов. Он поставляется со встроенным слайдером избранного контента, кнопкой призыва к действию, настраиваемыми виджетами и несколькими макетами страниц.

Тема поддерживает WooCommerce для преобразования вашего бизнес-сайта в интернет-магазин.

25. Минамазе

Minamaze — это минималистичная бизнес-тема WordPress.Он имеет красивое сочетание черного и белого цветов для фона, шрифтов и границ. Тема имеет полноразмерный слайдер, 2 меню навигации и собственный логотип.

Minamaze оптимизирован для SEO, чтобы увеличить посещаемость вашего сайта.

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress.Вы также можете найти нас в Twitter и Facebook.

Как создать веб-сайт на WordPress: пошаговое руководство для начинающих

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

Пожалуйста, потерпите меня! Вот почему:

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

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

И последнее, но не менее важное: подход «Сделай сам» (без навыков программирования), который мы здесь представляем, невероятно экономичен.Фактически, вы можете создать и запустить свой веб-сайт всего за ~ 35 долларов в год.

Вот как сделать сайт самостоятельно, шаг за шагом:

Спешите? Вот ваши ярлыки действий, чтобы создать сайт менее чем за час:

  1. Найдите доменное имя для своего сайта.
  2. Зарегистрируйтесь на веб-хостинге (мы рекомендуем Bluehost).
  3. Установите WordPress через интерфейс Bluehost.
  4. Выберите бесплатную тему WordPress из онбординга Bluehost.
  5. Получите несколько обязательных плагинов WordPress, которые помогут в росте вашего сайта.
  6. Начните создавать свои страницы и сообщения в блогах.

Когда вы будете готовы зарегистрировать учетную запись веб-хостинга, убедитесь, что вы используете одну из ссылок Bluehost на этой странице. Прохождение через них приведет к двум вещам: (1) — это партнерские ссылки, что означает, что мы получаем небольшую комиссию, если вы покупаете через них, (2) он разблокирует по цене 2,75 доллара против 3,95 доллара со скидкой с бесплатный домен для вас .Вы не получите эту скидку, если посетите сайт Bluehost каким-либо другим способом.

Как сделать сайт — с высоты птичьего полета

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

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

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

Шаг 1. Выберите WordPress в качестве платформы вашего веб-сайта

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

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

Но хватит технических подробностей! Как я уже сказал, существует множество CMS — на самом деле, более 100, как указано в Википедии.

К счастью, выбрать лучший очень просто. На вершине горы только один король — WordPress.

WordPress используется более чем на 34% всех веб-сайтов (по данным). Опять же, это всех веб-сайта!

Или, иначе говоря, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.

Вот основные сведения о WordPress:

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

Теперь одно важное различие; «WordPress», о котором мы здесь говорим, — это «WordPress, программное обеспечение». Вы можете найти его, если зайдете в WordPress.орг.

Существует также другая разновидность WordPress — «WordPress, коммерческая служба», которую вы можете найти, перейдя на сайт WordPress.com. Мы описываем различия между ними здесь.

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

🎯 Действие. На данный момент вам не нужно выполнять никаких действий.Шаг 1 — это просто ознакомление с инструментом, который вы собираетесь использовать для создания своего сайта на следующих этапах.

Шаг 2. Выберите имя для своего сайта, купите домен и хостинг

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

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

Однако! Есть еще кое-что, что вам нужно понять, чтобы настроиться на успех в будущем.

Во-первых, в сети насчитывается почти 2 миллиарда (!) Веб-сайтов (на момент написания). Это означает, что оставаться оригинальным может быть довольно сложно.

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

Короче говоря, хорошее доменное имя должно быть:

  • brandable — уникальное звучание, не похожее ни на что другое на рынке
  • легко запомнить
  • короткие — их тоже легче запомнить
  • легко набирать и сложно перепутать — вы же не хотите, чтобы люди задавались вопросом, как написать название вашего сайта
  • , включая ключевые слова, относящиеся к нише — например, если вы делаете что-нибудь с пиццей, было бы здорово иметь слово «пицца» где-нибудь в названии сайта; То же самое работает и в отраслях, не связанных с пиццей.🍕

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

Если вы не знаете, какой домен вы хотите получить, перейдите прямо к нашему генератору №1 — Domain Wheel и посмотрите, как он может вам помочь.

Начните с ввода ключевого слова, которое хорошо определяет ваш веб-сайт.

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

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

а) Покупка доменного имени и хостинг

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

🧙 Примечание для новичков: что вообще такое хостинг?

Проще говоря, веб-хостинг (он же веб-сервер) — это то, без чего не может жить ни один веб-сайт.Это место, где ваш веб-сайт находится и ждет, пока его посетят.

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

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

На практике все намного проще, чем кажется, что вы увидите через минуту.

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

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

Мы собираемся использовать Bluehost. Вот почему:

  • Bluehost — это авторитетный веб-хостинг, который оптимизирован для WordPress и позаботится о том, чтобы ваш веб-сайт работал без сбоев.
  • — одна из немногих компаний, рекомендованных на официальном сайте WordPress.сайт организации
  • дешево (от 2,75 $ в месяц)
  • прост в использовании и удобен для новичков
  • вы получаете доменное имя бесплатно

Вот что теперь будет:

  1. Мы собираемся перейти на Bluehost и выбрать план хостинга для нашего веб-сайта.
  2. Мы также собираемся зарегистрировать доменное имя в Bluehost (домен бесплатный).
  3. Мы скажем Bluehost установить и настроить чистую версию WordPress на нашем новом хостинге.
  4. Мы выйдем со 100% работающим веб-сайтом WordPress!

Приступим — вот как сделать сайт:

Сначала нажмите здесь, чтобы перейти в Bluehost. Оказавшись на странице, нажмите кнопку «Выбрать план».

В большинстве случаев, если вы запускаете новый сайт, достаточно самого дешевого тарифного плана — Базового. Это всего лишь 2,75 доллара в месяц:

.

На следующем шаге введите доменное имя, которое вы решили получить для своего сайта:

Далее укажите свои личные данные:

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

Примечание; вы получите самую низкую цену, если купите пакет хостинга как минимум на 12 месяцев.

На этом этапе вы можете нажать «ОТПРАВИТЬ» и завершить покупку.

б) Указание Bluehost установить для вас WordPress

Поскольку теперь вы зарегистрировались в Bluehost и подготовили настройку хостинга, единственный элемент, который отсутствует, — это WordPress.

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

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

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

Кроме того, вы также можете установить WordPress, перейдя в раздел Мои сайты и нажав кнопку Create Site :

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

Шаг 3. Ознакомьтесь с пользовательским интерфейсом WordPress

Вы можете войти в свою пользовательскую панель WordPress, если зайдете по адресу www.YOURDOMAIN.com/wp-admin/

Вот что вы увидите:

Используйте учетные данные для доступа, которые вы установили в Bluehost на предыдущем шаге («скриншот установки WordPress» выше).

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

  • (1) Приветственное сообщение — Некоторые из наиболее важных областей панели администратора, перечисленные как ссылки быстрого доступа — обычно это ваши ярлыки для создания веб-сайта.
  • (2) Текущее состояние вашего сайта и что с ним происходит.
  • (3) Сообщения — перейдите сюда, чтобы создавать сообщения в блоге.
  • (4) Медиа — здесь можно загружать изображения и другие медиафайлы и управлять ими.
  • (5) Страницы — перейдите сюда для создания дополнительных страниц.
  • (6) Комментарии — здесь вы можете модерировать комментарии.
  • (7) Внешний вид — измените здесь дизайн своего сайта и / или настройте способ отображения определенных элементов в текущем дизайне.
  • (8) Плагины — здесь устанавливайте новые плагины.
  • (9) Пользователи — управление учетными записями пользователей, которые могут получить доступ к панели администратора сайта.
  • (10) Настройки — основные настройки.

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

а) Установить постоянные ссылки

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

Наиболее оптимизированная структура — это наличие заголовка страницы в URL-адресе. Например, ваша страница «О нас» (подробнее на этой странице позже) должна быть доступна под чем-нибудь таким простым, как YOURSITE.com/about . Правильная установка постоянных ссылок позволит вам добиться этого.

Чтобы установить постоянные ссылки, перейдите в «Настройки » → «Постоянные ссылки » на главной боковой панели на панели инструментов WP.

Оказавшись там, выберите этот параметр:

б) Сделайте свой сайт общедоступным

Думаю, вы хотите, чтобы Google мог найти и проиндексировать ваш сайт.Чтобы убедиться в этом, перейдите в «Настройки » → «Чтение » и убедитесь, что в поле «Не рекомендовать поисковым системам…» стоит , не отмечен .

c) Установите заголовок и слоган вашего веб-сайта

Перейдите в «Настройки » → «Общие» и установите нужные значения в полях Site Title и Tagline .

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

Слоган необязателен — вы можете оставить его пустым, если у вас нет слогана для сайта.

г) Разрешить или запретить комментарии

Хотите ли вы принимать комментарии на своем веб-сайте, решать вам.

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

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

e) Отключить пингбэки и трекбэки

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

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

е) Установите часовой пояс

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

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

Вы можете установить часовой пояс в Настройки → Общие .

Убрав основные настройки, мы можем перейти к интересным вещам:

Шаг 4. Выберите тему / дизайн для своего веб-сайта

Самое замечательное в WordPress то, что он работает со сменными дизайнами — темами .

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

Например, так выглядит веб-сайт WordPress по умолчанию сразу после установки:

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

Вот как:

а) Выберите тему, которая вам нравится

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

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

Существует огромное количество тем WordPress. Просто заглянув в официальный каталог на WordPress.org, там сотни тем.

Но это только верхушка айсберга. В Интернете на сторонних сайтах гораздо больше бесплатных тем, а также есть целый другой мир платных тем, которые распространяются независимыми магазинами тем (например, ThemeIsle или aThemes) и даже торговыми площадками (например, ThemeForest).

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

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

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

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

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

б) Установите свою тему

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

Вот как выполняется установка темы:

Перейдите в Внешний вид → Темы на панели инструментов WordPress и нажмите «Добавить».”

Оттуда введите имя темы, которую вы хотите установить, например:

Вы увидите его в списке под полем поиска. Просто нажмите кнопку «Установить» под желаемой темой:

Через секунду тема будет установлена. Чтобы полностью включить его на вашем сайте, нажмите кнопку «Активировать», которая появится вместо кнопки «Установить».

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

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

Сначала нажмите ссылку «Рекомендуемые действия», чтобы узнать, что доступно.

Из предложенных здесь вариантов давайте пока остановимся только на Orbit Fox Companion. Просто нажмите кнопку «Установить и активировать».

💡 Примечание. Orbit Fox Companion — это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как создать веб-сайт.

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

На этом этапе ваша новая тема активна на вашем сайте.Вы можете увидеть это в действии, просто перейдя на сайт YOURDOMAIN.com .

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

в) Настроить тему

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

Для начала перейдите в Внешний вид → Настройка . Вы увидите основной интерфейс настройщика WordPress.

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

Настройка домашней страницы.

Сделайте следующее:

  1. На боковой панели перейдите в «Настройки домашней страницы».
  2. Выберите параметр «Статическая страница» в настройках отображения домашней страницы.
  3. Нажмите «Добавить», чтобы создать новую страницу в качестве домашней.
  4. Введите название страницы — «HOME» кажется хорошей идеей — и нажмите «Добавить».

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

См. Здесь:

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

Чтобы внести изменения, щелкните значок карандаша рядом с заголовком.

После этого слева появится панель настройки.

Через него можно:

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

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

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

  • Раздел « О » — отличное место, чтобы рассказать о своей истории.
  • Раздел Team , который можно использовать, если в вашем бизнесе работает больше людей, и вы хотите их выделить.

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

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

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

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

Корректировка типографики.

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

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

Цвета.

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

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

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

💡 Примечание. В настройщике WordPress есть еще много настроек, с которыми можно поэкспериментировать. Например, вы можете:

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

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

Плагины для вашего сайта WordPress такие же, как приложения для вашего iPhone. 📱

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

Вот плагины, которые вам следует рассмотреть — лучше всего то, что все они бесплатны:

  • Yoast SEO — помогает настроить поисковую оптимизацию и сделать ваш сайт более доступным для поисковых систем в целом.
  • Google Analytics для WordPress — интегрирует ваш сайт с самым популярным решением для анализа трафика в Интернете.
  • Wordfence Security — повышает безопасность вашего сайта WordPress.
  • UpdraftPlus — делает автоматическое резервное копирование вашего сайта.
  • Optimole — оптимизирует ваши изображения.
  • WPForms — позволяет добавлять интерактивные контактные формы на ваш веб-сайт, которые ваши посетители могут использовать для прямой связи с вами — это намного лучше, чем отображение вашей электронной почты в виде обычного текста на вашем сайте.
  • Также просмотрите этот список самых популярных плагинов WordPress всех времен. Вы тоже можете найти там что-нибудь интересное.

Установка плагинов проста. Если мы имеем дело с бесплатным плагином, все, что вам нужно, — это его название.

Перейдите в панель управления WordPress, а затем в Плагины → Добавить новый . Оттуда введите имя плагина, который вы хотите, в поле поиска, а затем нажмите «Установить» и «Активировать».

Шаг 6: Создайте базовые страницы

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

Но сначала, , как вообще создать страницу :

Для этого просто перейдите на панель управления WordPress, а затем выберите Pages → Add New . Вы увидите этот экран:

  • (1) Место для заголовка страницы.
  • (2) Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому / правому / центру, создание списков и т. Д.).
  • (3) Вы можете добавить изображения, нажав эту кнопку.
  • (4) Переключение между редакторами Text и Visual . Используйте первое только в том случае, если вы хотя бы смутно знакомы с кодом HTML.
  • (5) Раздел Publish . Здесь находится основная кнопка Publish .
  • (6) Обсуждение . Решите, хотите ли вы разрешать комментарии. Параметр «трекбэки и пингбэки» можно не устанавливать.
  • (7) Featured image . Большинство тем WordPress берут это изображение и отображают его где-нибудь на видном месте рядом с вашей страницей.

Когда вы закончите редактировать содержимое страницы, нажмите «Опубликовать».

Теперь, разобравшись с практическими рекомендациями, вот страницы, которые вам следует подумать о создании:

  • Примерно — Я уже упоминал об этом несколько раз, так как это действительно важный вопрос. На странице «О нас» вы можете рассказать историю вашего веб-сайта и почему люди должны обращать на него внимание.Эта страница просто необходима всем, кто хочет научиться создавать веб-сайт.
  • Контакт — здесь вы можете отобразить некоторую контактную информацию вместе с красивой контактной формой, через которую люди могут связаться с вами напрямую (вы можете получить такую ​​форму через вышеупомянутый плагин WPForms).
  • Политика конфиденциальности — эта страница стала чрезвычайно важным элементом в современной сети. Узнайте больше о страницах политики конфиденциальности в WordPress здесь.
  • Портфолио — место, где вы можете продемонстрировать свои прошлые работы.
  • Магазин — незаменимая вещь, если вы хотите что-то продать со своего сайта. Чтобы это работало, вам также понадобится популярный плагин WooCommerce — лучшее решение для электронной коммерции для WordPress.

Когда вы закончите с ними, вы также можете проверить этот список из 12 ценных страниц, которые стоит разместить на своем сайте.

Шаг 7. Рассмотрите возможность создания блога

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

И это говорю не только я; есть необработанные данные, доказывающие, что блоги — превосходный инструмент для онлайн-маркетинга: 55% маркетологов считают ведение блогов своим главным приоритетом входящего маркетинга.

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

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

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

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

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

Вот как выглядит добавление нового сообщения в блог:

Когда вы закончите работу над сообщением в блоге, нажмите «Опубликовать.”

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

  • Для этого сначала перейдите в Pages → Add New и создайте пустую страницу. Назовите это «БЛОГ» — просто чтобы прояснить ситуацию.
  • Затем перейдите в «Настройки » → «Чтение » и выберите вновь созданную страницу блога в качестве «Страницы сообщений», например:

На этом этапе вы можете перейти на эту новую страницу и просмотреть все свои последние сообщения в блоге.

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

Шаг 8. Настройте навигацию по сайту

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

Здесь мы сосредоточимся на двух элементах:

а) Меню

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

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

Сначала перейдите в Внешний вид → Меню на панели инструментов WordPress.

Вы увидите панель по умолчанию:

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

Начнем с выбора пары ключевых страниц и добавления их в меню.Хорошая идея — выбрать «О себе», «Контакты», а также одну или две другие страницы, которые вы считаете важными, и добавить их в меню.

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

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

💡 Примечание. Вы также можете создавать дополнительные меню. Просто нажмите на ссылку «создать новое меню», которая видна на скриншоте выше. Это покажет вам ту же панель создания меню. Каждое меню должно отображаться в другом месте. Итак, для этого нового вы можете назначить его как «Меню нижнего колонтитула».

Когда вы перейдете на свой сайт сейчас, вы увидите меню на месте.

б) Виджеты

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

Обычно такие блоки размещаются на боковой панели или в нижнем колонтитуле сайта.

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

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

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

Например, как вы можете видеть, на моем сайте у меня есть поиск, последние сообщения, архивы и категории на боковой панели (снимок экрана выше). Вот как выглядят эти виджеты, когда я перехожу на страницу «О нас», например:

После того, как вы закончите работу с виджетами и навигацией, ваш сайт в основном готов для всеобщего обозрения!

Видеоверсия этого руководства

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

Заключение

Вот и все! Вы только что узнали, как создать веб-сайт! 🍾🎊

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

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

Если у вас есть какие-либо вопросы о том, как создать веб-сайт с нуля, задавайте их в комментариях ниже!

Бесплатный гид

5 основных советов по ускорению


Ваш сайт на WordPress
Сократите время загрузки даже на 50-80%

, просто следуя простым советам.

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

Как создать веб-сайт на WordPress: 8 простых шагов

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

Конечно, вы можете настроить свой сайт множеством способов, но здесь мы остановимся на четырех основных:

1.Изменение заголовка и слогана сайта

Когда вы настраиваете свой сайт, WordPress автоматически устанавливает заголовок вашего сайта на «Просто еще один сайт WordPress» (мы знаем, что это немного грубо).

Но вы не «просто еще один сайт WordPress», поэтому убедитесь, что вы прояснили это четко!

  1. Войдите в свою панель управления WordPress.
  2. Перейдите в «Настройки», затем «Общие».
  3. Добавьте заголовок вашего веб-сайта рядом с заголовком сайта.
  4. Рядом с «Слоган» добавьте несколько слов, поясняющих, о чем ваш сайт.
  5. Нажмите «Сохранить изменения» ‘

2.Добавить меню навигации

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

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

  1. Вы уже догадались! Войдите в свою панель управления WordPress.
  2. Наведите указатель мыши на «Внешний вид», затем нажмите «Меню».
  3. Добавьте имя для своего меню рядом с «Название меню», затем выберите страницы, которые вы хотите добавить, из списка внизу слева.
  4. Для тем с несколькими опциями меню вы можете увидеть несколько вариантов флажка в разделе «Настройки меню», например «первичный», «вторичный» и т. Д. Лучше всего пока поставить отметку «первичный» — вы всегда можете изменить это, если « re недовольны живой версией.
  5. Нажмите «Сохранить меню», чтобы разместить новое меню на месте!

3. Установите домашнюю страницу

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

В любом случае:

  1. Войдите в свою панель управления WordPress.
  2. Нажмите «Настройки», затем перейдите к «Чтение».
  3. Вы попадете на страницу «Настройки чтения», первая из которых — «Отображение первой страницы».
  4. Выберите «Ваши последние сообщения» или «Статическая страница».
  5. Нажмите «Сохранить изменения», чтобы изменения на главной странице стали активными.

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

Если вы выбрали «Статическую страницу», просто убедитесь, что вы создали страницу под названием «Блог» (или аналогичную), на которой могут храниться все ваши последние сообщения.

4. Изменить настройки комментариев

WordPress поставляется со встроенной функцией комментариев, для которой автоматически устанавливается значение «on» . Комментарии — отличный способ продемонстрировать заинтересованность и построить сообщество на сайте.

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

  1. Войдите в свою панель управления WordPress.
  2. Нажмите «Настройки», затем перейдите в «Обсуждение».
  3. Мы рекомендуем выбрать «Комментарий должен быть одобрен вручную». Таким образом, у вас есть выбор, публиковать комментарий или нет (новые появятся на вашей панели управления).
  4. Не забудьте нажать «Сохранить изменения»!

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

Как создать сайт на WordPress в 2021 году

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

Я начал изучать HTML, CSS и Javascript. Мне это очень понравилось. Пока не столкнулся со своими первыми ошибками. Позже мне поручили сторонний проект: настоящий веб-сайт. Я был в восторге, мои коллеги были рядом, когда я просил о помощи.

Несколько месяцев спустя я работал над бесплатным заданием по WordPress для НПО.

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

Я любитель «сделай сам» и понял, что кривая обучения для изучения кода намного дольше, чем ожидалось. С WordPress все работало иначе.

Забегая вперед, в 2020 году я закончил работу с разработчиками Colibri, Colibri — популярным конструктором страниц WordPress с функцией перетаскивания.

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

Вот шаги:

  1. Выберите ваше доменное имя
  2. Приобрести хостинг веб-сайта
  3. Ознакомьтесь с интерфейсом WordPress
  4. Установить тему WordPress
  5. Создайте свой сайт на WordPress
  6. Установить жизненно важные плагины WordPress

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

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

Сколько стоит сайт на WordPress?

Если мы хотим провести разбивку стоимости веб-сайта WordPress, мы должны включить следующее:

  • Покупка домена: цены могут начинаться от 15 долларов в год
  • Приобретение хостинга: цены начинаются от 8 долларов в год
  • Тема
  • WordPress. Теперь, в зависимости от уровней настройки и количества функций, которые вы хотите включить, вы можете начать с 0 долларов.Если вы не хотите ограничиваться базовым веб-сайтом, годовые планы на тему WordPress будут стоить около 70 долларов.
  • плагинов для WordPress. Многие из них бесплатны, но если вам нужны расширенные возможности, вам нужно будет перейти на платный план.

Это означает, что самый простой веб-сайт будет стоить от 23 долларов в год. В тот момент, когда вам понадобятся расширенные функции темы, стоимость вырастет примерно до 100 долларов в год.

Когда вы обновляете плагины, вы можете платить около 200-500 долларов в год.

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

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

Теперь, когда мы это прояснили, пришло время перейти к сути нашей сегодняшней темы: как создать веб-сайт на WordPress в 2021 году.

1. Выберите доменное имя

Источник: https://unsplash.com/photos/N1XUwR8iOf0

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

Советы и рекомендации по выбору доменного имени веб-сайта

Некоторое время назад я проводил мозговой штурм для домена веб-сайта для бизнеса и понял, что «Wazz» звучит довольно интересно. Коротко, легко запомнить. Но как только я погуглил, ну… позвольте мне сказать, я разразился смехом. На британском сленге это означало «мочеиспускание».Действительно, ребята, проведите свое исследование.

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

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

Теперь давайте взглянем на небольшой контрольный список для выбора доменного имени для вашего сайта WordPress:

  • Составьте список ключевых слов, релевантных вашему бизнесу / продукту.Подумайте, что должны чувствовать пользователи после использования продукта. Допустим, у вас есть линия продуктов для кожи на основе натуральных ингредиентов. Ваш список может содержать такие слова, как «кожа», «уход», «безопасный», «натуральный», «красивый», «свежий» и т. Д. Используйте такие инструменты, как Namelix или Novanym, для создания идей доменных имен.
  • Проверьте значение вашего вновь найденного доменного имени. Я всегда гуглил это так: «{вставить имя здесь} означает». Я закончу со словарными пояснениями. Затем я, , перехожу к изображениям Google и смотрю, как они сопоставляются.Может быть, есть певец с таким именем, персонаж из мультфильма манга и т. Д. Если да, вам нужно будет повторить процесс.
  • Найдите доменное имя в Facebook или LinkedIn , чтобы узнать, есть ли бизнес-страница с таким именем.
  • Проверьте, есть ли в продаже домен веб-сайта . Для многих сайтов лучшим доменом верхнего уровня (TLD) является «.com», за которым следуют «.org», «.net» или «.io».
  • Купите себе доменное имя . Вы можете сделать это через регистратора доменов, например GoDaddy, или через вашего хостинг-провайдера.

И это подводит нас к следующей главе.

2. Приобрести хостинг для веб-сайтов

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

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

Позвольте мне кое-что прояснить, прежде чем мы продолжим. Есть wordpress.com и wordpress.орг. Разница в том, что на WordPress.com вы можете разместить и создать веб-сайт. На WordPress.org вы обычно приобретаете темы и плагины для своего веб-сайта, который размещен в другом месте. Вы можете сравнить планы WordPres.com здесь.

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

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

Итак, вы должны иметь в виду при выборе хостинг-провайдера: каковы ваши бизнес-цели?

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

Управляемый хостинг — это своего рода услуга «à la carte».Вы получите свой собственный физический сервер, и вы увидите повышение производительности и безопасности.

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

Далее, когда будете анализировать планы, присмотритесь к:

  • Стоимость
  • Хранилище
  • Поддержка
  • Производительность

У некоторых хостинг-провайдеров есть некоторые дополнительные функции, такие как предложение домена (например, Namecheap), конструктор веб-сайтов (например, GoDaddy), возможности электронной коммерции и т. Д.

Вы, наверное, уже заметили, что некоторые веб-сайты используют HTTP или HTTPS. Что с ними?

HTTP — это основа современного Интернета. Он соединяет браузеры и серверы и работает на основе запроса-ответа. Теперь дополнительная буква «s» означает, что соединение с веб-сайтом зашифровано, а данные, передаваемые на веб-сайт, безопасны.

Допустим, пользователь производит оплату на вашем веб-сайте или входит в учетную запись. Информация, которую вводит пользователь, будет частной. В безопасности от взлома.Это происходит с помощью технологии SSL, что означает «Secure Sockets Layer». Для потребителей вид «HTTPS» свидетельствует о доверии, потому что вы можете защитить их данные и конфиденциальность. Это означает, что вам потребуется получить сертификат SSL.

Убедитесь, что выбранный вами план также включает это.

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

Как вы войдете на свой сайт? Очень просто. Просто введите в браузере адрес своего веб-сайта и добавьте к нему «/ wp-admin», как показано ниже.

3. Ознакомьтесь с интерфейсом WordPress

Панель управления WordPress состоит из 9 разделов. Давайте посмотрим на них.

Настройки WordPress

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

  • В разделе « Общие » вы можете настроить заголовок сайта, слоган, URL, часовой пояс, формат времени и даты, а также язык.
  • В разделе « Чтение » вы «указываете» WordPress, какая страница служит домашней страницей, а какая — вашим «блогом». Это важный шаг. Вы также можете выбрать, сколько сообщений в блоге может отображаться на странице или если вы хотите, чтобы ваш веб-сайт был проиндексирован Google.
  • В разделе « Обсуждение » вы собираетесь настроить комментарии в блоге.
  • Внутри « Media » вы можете установить максимальные размеры в пикселях для использования при добавлении изображения в библиотеку мультимедиа.
  • Внутри « Permalinks » вы установите формат своих URL.
  • Вы можете определить страницы своей политики конфиденциальности внутри « Privacy ».

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

WordPress страниц и сообщений

Что вам нужно знать, так это то, что ваш контент будет находиться внутри «страниц» или «сообщений». Здесь вы будете проводить 95% своего времени.

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

Когда вы выберете «Сообщения» на панели управления, вы сможете создавать сообщения, визуализировать все сообщения и управлять тегами и категориями.

Вы можете создать новое сообщение, выбрав «Добавить новый», как показано выше, или перейти к «Все сообщения», а затем выбрать «Добавить новый».

То же самое для страниц.
То, что вы увидите в своих «Все страницы» или «Все сообщения», — это некоторые страницы и сообщения по умолчанию, развернутые вашей темой.

Теперь, как вы можете редактировать сообщение или страницу?

При наведении курсора на страницы и сообщения по умолчанию вы увидите несколько вариантов: редактировать, быстрое редактирование, корзину, просмотр.На скриншоте выше также есть «Редактировать в Colibri». Это потому, что мы установили плагин, который позволяет настраивать страницы с помощью конструктора Colibri WordPress (но об этом мы поговорим чуть позже).

СМИ WordPress

Сюда входят все ваши медиа: изображения и видео. Вы можете перетащить их или загрузить.

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

Комментарии WordPress

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

Меню «Внешний вид»

На этом уровне вы можете:

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

Теперь, когда вы активируете определенные плагины, вы можете увидеть несколько новых пунктов меню под «Внешний вид». В этом случае, поскольку мы активировали тему Skyline, мы видим возможность настроить ее в разделе «Настройки SkylineWP». Каждая тема может иметь свою настройку.

«Установить плагины» — еще один дополнительный пункт меню, добавленный темой Skyline.Здесь вы увидите несколько рекомендаций по плагинам, которые хорошо работают со Skyline.

Это приводит нас к следующему пункту меню.

Плагины

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

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

Пользователей

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

Инструменты

В разделе «Инструменты» у вас будет возможность импортировать и экспортировать данные инструментов в другие системы управления контентом (например, Blogger) и из них.

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

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

На этом мы завершили главу о панели управления WordPress.

Давайте займемся более интересным делом.

4. Как установить тему WordPress

Для этого вам нужно перейти на панель администратора WordPress, нажать «Внешний вид» в левом меню, затем «Темы».

Затем нажмите кнопку «Добавить».
Вы увидите множество отображаемых шаблонов, и вы можете отфильтровать их по последним, избранным, популярным… или по функциям.

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

В момент выбора темы нажмите «Установить», затем «Активировать».

Вы также можете активировать свою тему WordPress, если вернетесь в Внешний вид-> Темы.

Весь процесс установки также объясняется в нашем руководстве.

Теперь вы готовы к рок-н-роллу!

через GIPHY

5. Создайте свой сайт на WordPress

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

Обычно каждая тема WordPress имеет 2 дизайна: один для блога и один для страниц. Цвета ограничены, особых настроек нет. Это означает, что в определенное время плагины пригодятся.

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

Как настроить тему? Просто зайдите в Внешний вид-> Настроить.

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

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

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

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

Вы можете отредактировать свою тему, как и раньше, в меню «Внешний вид» -> «Настроить» или воспользоваться ярлыком, как показано ниже.

Что меняется? Вы получите доступ к большему количеству функций в Настройщике.

Помимо использования настройщика, есть еще один вариант настройки веб-сайта в WordPress — редактор по умолчанию. Вы можете получить к нему доступ из опции «Редактировать» под каждым сообщением и страницей. Кроме того, как только вы добавите новую запись или страницу, вы попадете прямо в редактор по умолчанию (если у вас не активирован конструктор).

Итак, в следующей главе мы подробно расскажем, как:

  1. Создайте веб-сайт WordPress с помощью конструктора страниц WordPress
  2. Создайте сайт WordPress с помощью редактора WordPress по умолчанию

A. Как создать веб-сайт на WordPress с помощью бесплатных конструкторов веб-сайтов

Конструкторы сайтов

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

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

Как изменить настройки веб-сайта в Настройщике

Посмотрите на левую боковую панель. Теперь прокрутите вниз до «Общие настройки».

Здесь вы можете настроить:

  • Название вашего веб-сайта.
  • Общая цветовая схема и типографика вашего сайта.
  • Шаблоны для блога, верхнего и нижнего колонтитула: какой фон использовать, интервалы, границы, тени и т. Д.
  • Интервал: внутри кнопок, столбцов и т. Д.
  • Пользовательский стиль CSS

Как создавать контент в WordPress с помощью конструкторов

Как упоминалось ранее, если вы хотите создать новую страницу веб-сайта, перейдите в «Страницы» и выберите «Добавить новый». Вы будете перенаправлены в редактор WordPress по умолчанию, где вы дадите название своей странице. Затем выберите «Редактировать с помощью Colibri».

Если вы хотите отредактировать существующую страницу WordPress, просто нажмите «Редактировать в Colibri».

Как добавить разделы на свои страницы WordPress

Каждый знак «+» на левой боковой панели открывает окно с блоками и компонентами. Вы можете прокрутить вниз, пока не найдете дизайн, который вам нравится, или просто введите категорию. Вот категории, доступные в конструкторе Colibri: Hero Accent, О программе, Возможности, Контент, Призыв к действию, Блог, Счетчики, Портфолио, Фотогалерея, Отзывы, Клиенты, Команда, Контакт, Часто задаваемые вопросы и Цены.

Это предварительно определенные шаблоны, которые будут соответствовать выбранной вами цветовой схеме.
При выборе одного из блоков и щелчке по значку «+», отображаемому на блоке, блок будет расположен внизу страницы.

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

Также есть опция для «пустых» блоков.

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

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

Как настроить разделы вашей страницы WordPress

Если вы хотите изменить текст в своих разделах, вы можете сделать это в строке, то есть внутри самого раздела, в реальном времени.

Оперативное редактирование текста на кнопках недоступно. Управлять ими можно будет на панели слева.

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

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

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

Давайте рассмотрим их по очереди:

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

Вы также можете настроить интервал между содержимым и то, насколько близко к верху или низу он будет размещен.

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

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

А вот и самое интересное, ребята!

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

Вы можете создавать вариации в зависимости от состояния элемента: нормальное или зависшее.

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

Это означает, что вы можете более детально редактировать.

Говоря о заголовках и более подробных элементах, они называются «компонентами». Посмотрим, как с ними можно поиграть.

Как использовать компоненты на вашем сайте WordPress

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


Как упоминалось ранее, вы можете настроить их на панели слева, выбрав «макет», «стиль» или «расширенный».

Скорость реагирования на мобильные устройства

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

Вы также можете скрыть определенные функции на мобильном телефоне, например, в «расширенных» параметрах.

Как создать меню в настройщике WordPress

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

Здесь вы можете создать свое меню.

После выбора «Создать новое меню» вы можете дать своему меню имя и выбрать для него место размещения (верхний колонтитул, нижний колонтитул, страницы и т. Д.)).

При выборе «Далее» вы сможете добавлять свои страницы в меню с помощью параметра «Добавить элементы». Нет ничего проще.

Как работать с виджетами WordPress

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

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

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

Один из моих любимых виджетов — это тот, который позволяет настраивать редактирование HTML. Я считаю это действительно мощным.

Это как бы то ни было. Поздравляем, ваш сайт WordPress запущен и работает!

Теперь давайте проверим другой метод создания сайтов в WordPress.

B. Как создать веб-сайт WordPress с помощью редактора WordPress по умолчанию (Gutenberg)

Я сделаю это очень быстро. Этот редактор все еще является новым в WordPress (он является редактором WordPress по умолчанию с декабря 2018 года), но он постоянно развивается благодаря вкладу сообщества.

Классический редактор WordPress выглядел так:

Теперь у нас:

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

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

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

Сейчас этот инструмент работает как текстовый редактор с низким энергопотреблением в части стилизации.

Существуют инструменты, такие как Kadence, которые могут вам помочь, но мы еще не достигли этого.

6. Установите важные плагины WordPress

Экосистема WordPress состоит из тем и плагинов

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

Это очень короткое руководство по установке плагина.

Наши рекомендации по плагинам

Тип плагина Что он делает Рекомендация
Конструктор WordPress Предоставляет вашей теме функции перетаскивания Колибри
Плагины SEO для WordPress Минимальные изменения веб-сайта, которые могут помочь ему занять органическое место Yoast SEO
Плагины WordPress для форм Используйте формы для сбора ценных данных пользователей (разумеется, с их согласия). Форминатор
Электронный маркетинг Разрабатывайте маркетинговые кампании, чтобы оставаться на связи со своими подписчиками и клиентами. Mailchimp для WordPress
Плагины безопасности Удаление вредоносных программ и защита от несанкционированного входа. Реактивный ранец
Плагины WordPress для электронной коммерции Чтобы помочь вам создать интернет-магазин. WooCommerce
Менеджер медиабиблиотеки Чтобы помочь вам организовать ваши медиа. FileBird
Антиспам Не позволяйте своему сайту публиковать вредоносный контент. https://akismet.com/
Аналитика Помогает понять ваш трафик и поведение пользователей. Google Analytics

А теперь давайте перейдем к другой теме: скорости страницы.

И ваши посетители, и Google очень заботятся о скорости вашего сайта.

Почему Google?

Скорость — важный фактор, который необходимо учитывать при органическом ранжировании, то есть здесь:

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

Согласно исследованию Google 2018 года, 53% мобильных пользователей покидают сайт, загрузка которого занимает более 3 секунд (Holy Moly!).

И взгляните на это!

Как загрузка страницы влияет на посетителей мобильных устройств (примечание: отказ означает уход с сайта)?
.
Итак, как вы можете это исправить, а также улучшить общую производительность вашего веб-сайта, чтобы вы не получали отрицательные оценки как со стороны пользователей, так и со стороны Google?

Я выбрал 2 непринужденных решения (их гораздо больше, но довольно технических).

● Оптимизировать изображения
Изображения на ваш веб-сайт нельзя загружать в исходном размере. Также попробуйте использовать PNG вместо JPEG (у них меньше цветов).
Smush — наш предпочтительный плагин WordPress для сжатия изображений. Вы не увидите заметного снижения качества, а скорость загрузки страницы будет оптимизирована.

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

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

Хотите узнать больше о том, как работает кеширование? Читайте здесь.

Мы рекомендуем следующие инструменты:
➔ W3 Total Cache (W3TC) улучшает SEO и удобство использования вашего сайта за счет повышения производительности сайта и сокращения времени загрузки.
➔ Колибри. У него также есть некоторые дополнительные функции, которые нам нравятся, например, сжатие файлов Javascript, HTML и CSS.

Теперь, как вы можете проверить, насколько быстро загружается ваш сайт?
У Google есть как раз инструмент, который поможет вам в этом, а также несколько идей по исправлению.

Бонус: советы и рекомендации по UX-дизайну

Помните, как я говорил «нет предела» с конструкторами страниц WordPress?

Ну… всегда есть «но». При разработке веб-сайта вы всегда должны иметь в виду свою аудиторию
или личности покупателя (как любят говорить маркетологи). Вы должны предоставить им отличный опыт на своем веб-сайте, это то, что означает UX (пользовательский интерфейс).

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

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

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

Визуальная иерархия

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

Где бы вы хотели, чтобы ваш пользователь приземлился? Куда вы хотите, чтобы он щелкнул?

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

Исследователи обнаружили, что пользователи, читающие слева направо, просматривают веб-сайты по Z-образной схеме.

Это означает, что именно сюда вы должны направить самую важную информацию.

Простая навигация

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

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

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

Та же цветовая схема (согласованность)

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

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

И еще кое-что, прежде чем перейти к следующему принципу дизайна UX. Цвета имеют значение во всем мире, они связаны с различными эмоциями. Эта инфографика проливает свет на эту тему.

Используйте эффективное письмо

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

Используйте макс. 3 шрифта максимум 3 кеглем — максимум 18 слов или 50-80 символов в строке текста, как рекомендует Smashing Magazine.

Используйте социальное доказательство

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

● Отзывы

● Количество клиентов («вы в хорошей компании»).


● Логотипы клиентов


● Примеры из практики, подтвержденные результатами


● Пресса и награды

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

Выводы

Мы можем назвать это пленкой, не так ли?

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

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

И последнее: если вы любитель DIY, вам определенно нужно испытать наш конструктор Colibri!

Вот видео о том, как создать страницу веб-сайта WordPress с использованием множества функций.

Теперь, если вам понравилась эта статья, и вы хотите узнать больше о том, как создать веб-сайт WordPress, не забудьте подписаться на наш канал Youtube и подписаться на нас в Twitter и Facebook!

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

Как создать веб-сайт с помощью WordPress

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

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

Вещи стали дешевле и удобнее , лот с годами.

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

Пошаговое руководство по созданию веб-сайта на WordPress

Я разбил 9 простых шагов, чтобы создать сайт с нуля.

Это:

  • Шаг 1. Выберите имя и найдите домен для своего веб-сайта
  • Шаг 2: Зарегистрируйте свое доменное имя
  • Шаг 3. Решите, какой сайт вы создаете
  • Шаг 4. Получите хост для своего веб-сайта
  • Шаг 5: Установите WordPress
  • Шаг 6. Укажите свой домен на хост
  • Шаг 7. Установите тему WordPress
  • Шаг 8. Добавьте контент на свой веб-сайт
  • Шаг 9. Продолжайте развивать свой веб-сайт

Вы легко сможете выполнить эти шаги в течение следующих 120 минут.

Шаг 1. Выберите имя и найдите домен для своего веб-сайта

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

Вот как может пройти сеанс именования:

  1. В момент вдохновения мы думаем об удивительном имени .
  2. Мы держимся за это имя месяцами, может быть, даже годами.
  3. Пора начинать бизнес, идем покупать домен.
  4. Домен занят.
  5. Мы пробуем с десяток небольших вариаций нашей первоначальной идеи, и все они взяты.
  6. Ничего особенного, мы подумали об одном блестящем имени, мы подумаем о другом.
  7. Идея резервного копирования №2 = принято.
  8. Идея резервного копирования №3 = принято.
  9. Идея резервного копирования №4 = принято.
  10. Приходит отчаяние.
  11. Мы начинаем рассматривать имена, которые нам на самом деле не нравятся, надеясь, что доступно или .
  12. Мы придумываем 2 или 3 варианта, которые нам совсем не нравятся.
  13. Затем мы проводим неделю, пытаясь придумать имя, которое одновременно будет доступно, и имя, с которым мы сможем жить.
  14. Наконец, мы находим один.

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

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

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

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

Шаг 2: Зарегистрируйте свое доменное имя

Сначала вам нужно узнать разницу между регистратором домена и веб-хостингом.

Регистратор доменов — это компания, специализирующаяся на покупке и регистрации доменов.

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

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

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

Лучшим регистратором доменов является Domain.com . Вот где у меня есть все мои доменные имена.

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

Шаг 3. Решите, какой сайт вы создаете.

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

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

Простые сайты портфолио или «визитки»

Многим компаниям нужен простой веб-сайт, который сообщает людям несколько вещей:

  • Кто занимается этим бизнесом?
  • Чем занимается бизнес
  • Иногда портфолио, демонстрирующее некоторые работы
  • Контактная информация

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

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

Сайты электронной торговли

Если вы планируете создать интернет-магазин для своего сайта, не используйте WordPress.У нас есть целая статья о том, когда использовать WordPress для электронной коммерции, а когда нет. Вкратце: редко имеет смысл использовать WordPress для электронной коммерции.

Можно, если очень хочется, но на самом деле это не самый оптимальный способ сделать это.

Лучшим вариантом, безусловно, снова является Wix. Раньше в области инструментов электронной коммерции была большая конкуренция, но Wix слишком далеко опередил даже Shopify.

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

Блоги

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

Большинство веб-сайтов на самом деле просто блоги. Некоторые из самых крупных и известных веб-сайтов в Интернете — это блоги.WordPress поддерживает более 30% всего Интернета. Так что в наши дни это единственный реальный вариант для создания блога.

А как насчет Joomla или Drupal? Или Typepad?

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

Когда я впервые начал заниматься этим онлайн, сайты на Drupal все еще были довольно распространены. Я сотрудничал со своим другом-инженером, и мы много работали фрилансером по переносу сайтов с Drupal на WordPress.Уже тогда WordPress был явным победителем.

Теперь, когда я натыкаюсь на сайт, использующий любой из этих инструментов, это довольно интересно. Это как найти древний артефакт. « Этот все еще существует !? Как интересно! »

Не используйте ни один из этих инструментов, придерживайтесь WordPress.

Все остальное

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

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

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

Шаг 4. Получите хостинг для своего веб-сайта

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

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

Что касается всего остального, продолжайте следовать этому руководству!

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

Каждый веб-сайт в Интернете находится на веб-узле. И лучшее место для большинства людей — это Bluehost .

У нас есть полное руководство по всем лучшим веб-хостингам.

Планы хостинга

обычно начинаются от 5 долларов в месяц.

Шаг 5: Установите WordPress

Bluehost предлагает отличную функцию установки WordPress в один клик.

Преимущество состоит в том, что интегрировать веб-хостинг с WordPress невероятно просто. Он должен быть четко доступен при входе в BlueHost.

Шаг 6. Укажите свой домен на хост

Давайте подведем итоги.

  • Вы купили домен у регистратора доменов.
  • Вы подписались на тарифный план хостинга.
  • Вы установили WordPress на свой хост.

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

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

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

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

Шаг 7. Установите тему WordPress

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

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

Сейчас я покупаю все свои темы в StudioPress.

Внимание! WP Engine купил StudioPress и теперь включает все темы StudioPress в свои планы хостинга. WP Engine дороже, но идеально подходит для серьезных блогеров. Это отличный способ сэкономить на своей теме, если вы планируете для начала создать большой сайт.WP Engine — еще один из рекомендуемых нами хостов, если вы ищете лучшее. Обратной стороной является то, что WP Engine обычно дороже, чем другие хосты. Скорее всего, это перебор, если вы только начинаете или создаете свой первый веб-сайт.

Вернуться к темам, есть еще варианты?

Ты готов. У ThemeForest и Pixelgrade есть торговая площадка тем WordPress. Есть буквально десятки тысяч тем на выбор. Обычно они находятся в ценовом диапазоне 30–60 долларов. При поиске темы я ранжирую их по самой популярной или самой высокой оценке.Затем я выбираю тот, который мне лично нравится.

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

Загрузите файл .zip, который вы получили при покупке темы.

После загрузки вам также нужно будет нажать «активировать» в теме в WordPress, чтобы она заработала.

Шаг 8. Добавьте контент на свой веб-сайт

Пришло время создать отдельные страницы для вашего сайта.

Вы сделаете это в WordPress.

WordPress имеет два типа контента: страницы и записи.

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

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

На каждом веб-сайте есть несколько стандартных страниц, которые вы должны создать:

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

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

Шаг 9. Продолжайте развивать свой веб-сайт

Теперь у вас есть красивый, полностью функционирующий сайт.

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

Вам не нужно делать ничего лишнего — все это необязательно. Это зависит от ваших приоритетов и целей.

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

Когда вы будете готовы, эти руководства расскажут о дополнительных вещах, которые стоит учесть:

Наш общий взгляд на создание веб-сайта

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

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

WordPress — король

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

Некоторые из крупнейших веб-сайтов в Интернете построены на WordPress. TechCrunch, The New Yorker, Variety и MTV News, и это лишь некоторые из них. Для этого есть причина: это лучшая CMS, без исключений.

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

WordPress используется 33,4% всех веб-сайтов, а доля рынка систем управления контентом составляет 60,3%.

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

Вот руководство о том, как создать свой сайт на WordPress.

Wix для электронной торговли

Что касается электронной коммерции, нам нравится Wix — конструктор веб-сайтов электронной коммерции, который позволяет быстро запустить и запустить интернет-магазин.

Реальность такова, что создание и управление интернет-магазином может быть огромной проблемой. Wix снимает эту боль. Наверное, поэтому они так быстро растут.

Вот руководство о том, как создать свой сайт на Wix.

Десятки других возможностей

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

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

В других (очень) редких случаях может иметь смысл создать собственный веб-сайт.

Дополнительные руководства по созданию и управлению веб-сайтом

Ниже приведен основной список всех наших лучших ресурсов по созданию веб-сайтов.

Для общей информации:

Как спланировать свой новый веб-сайт

Как купить ПРАВИЛЬНОЕ доменное имя — подробное руководство

Как разработать свой первый фирменный стиль с ограниченным бюджетом

5 лучших конструкторов сайтов

5 лучших регистраторов доменов

10 популярных цветовых схем веб-сайта 2019

9 мест для получения изображений веб-сайтов (платных и бесплатных)

Лучшие шрифты для веб-сайтов, сочетающиеся друг с другом в 2019 году

13 Лучшие практики дизайна веб-сайтов

7 причин, по которым вам не нужно нанимать веб-дизайнера

22 ключевых элемента качественного веб-сайта

Сколько копий следует писать на домашней странице?

10 методов, которые заставляют людей связываться с вами с помощью страницы контактов

Как создать важную страницу с информацией

Как создать сайт Wix за 6 простых шагов

Для получения полезной информации по оптимизации, когда ваш сайт начнет работать:

Скорость веб-сайта

Удобство использования веб-сайта

Безопасность веб-сайтов

Оптимизация веб-сайта для мобильных устройств

5 простых шагов по созданию карты сайта для веб-сайта

Стоит ли переключить свой сайт на HTTPS? Плюсы и минусы

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

Подробнее о веб-хостинге:

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

Мы рекомендуем Bluehost для большинства людей. Для опытных пользователей WordPress с сайтами с высоким трафиком может иметь смысл в какой-то момент перейти на WP Engine.

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

Вот несколько дополнительных руководств, которые помогут вам узнать больше о веб-хостинге:

Лучший веб-хостинг для WordPress

Лучший бесплатный веб-хостинг

Лучший дешевый веб-хостинг

Скрытые расходы на хостинг веб-сайтов

Подробнее об аналитике и отчетности:

Инструмент аналитики важен, если вы хотите знать, что происходит на вашем сайте.Он сообщает вам, сколько трафика вы получаете, откуда он и что люди делают на вашем сайте. Google Analytics является стандартом. Это то, что мы используем для Quick Sprout.

Узнайте больше о том, почему Google Analytics является лучшим.

Установить Google Analytics просто. Работа с отчетами немного сложнее.

Вот несколько полезных руководств:

Два инструмента веб-аналитики, которые профессионалы используют в 2019 году

Настройте Google Analytics за 3 шага — Руководство для начинающих

10 важных настроек, которые необходимо внести в Google Analytics

Руководство по надстройке Google Analytics для Google Таблиц

Как отслеживать ваши лиды с параметрами UTM

Подробнее о создании и оптимизации с помощью WordPress:

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

Чтобы помочь вам начать работу, мы рассмотрели все лучшие плагины WordPress в самых популярных категориях.

Вот подробный обзор по каждой категории:

Лучшие плагины SEO для WordPress

Лучший плагин галереи WordPress

Лучший плагин для резервного копирования WordPress

Плагин Best Form WordPress

Лучший плагин для кеширования WordPress

Лучший плагин безопасности WordPress

Лучший плагин календаря WordPress

Лучшие плагины Google Analytics для WordPress

Лучший плагин для всплывающих окон WordPress

Лучший плагин для каталогов WordPress

Лучший плагин для бронирования WordPress

Лучшие плагины членства для WordPress

Лучший плагин WordPress для социальных сетей

Полезная информация для сайтов электронной торговли:

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

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

Получите пошаговые инструкции о том, как открыть интернет-магазин.

Наше руководство по созданию веб-сайта электронной торговли.

Дополнительные полезные руководства по созданию веб-сайта электронной торговли:

WordPress Электронная торговля

Как перенести свой сайт на Shopify

Лучшие темы WordPress для электронной коммерции

Лучший конструктор сайтов электронной коммерции

Разработка процесса оформления заказа

Цветовые схемы для электронной торговли

Как создать печать доверия на странице оформления заказа

Советы по созданию блога:

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

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

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

Как начать блог

Лучшие платформы для ведения блогов / сайты для блогов

Лучшие темы WordPress для блогов

Дизайн блога

11 вещей, которые я хотел бы знать, прежде чем начать свой первый блог

12 главных советов по ведению успешного видеоблога

10 уроков, которые Сет Годин может научить вас ведению блога

100 уроков, извлеченных из 10 лет ведения блога

Создание собственного веб-сайта: вкратце

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

  1. Ваша основная цель — продавать вещи на вашем сайте? Если да, то сосредоточьтесь на Wix, если нет, сосредоточьтесь на WordPress.

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

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