Вы хотите сделать сайт? Запуск веб-сайта может быть пугающей мыслью, особенно если вы не разбираетесь в технологиях. Не волнуйтесь, вы не одиноки.
Помогая более чем 400 компаниям создать веб-сайт с помощью WordPress, мы решили создать наиболее полное пошаговое руководство о том, как создать веб-сайт WordPress, не изучая программирование.
Это руководство полезно для пользователей любого возраста и уровня подготовки. Однако, если вам нужна помощь, вы можете связаться с нашей командой экспертов, чтобы бесплатно настроить ваш веб-сайт.
→ Нажмите здесь, чтобы получить бесплатную настройку веб-сайта WordPress! ←
Если вы хотите сделать это самостоятельно, продолжайте следовать нашему руководству для начинающих о том, как создать веб-сайт.
Вот обзор от начала до конца всех шагов, которые мы проведем вас в этом руководстве.
- Как найти и зарегистрировать доменное имя бесплатно
- Как выбрать лучший веб-хостинг
- Как установить Вордпресс
- Установка шаблона и настройка дизайна вашего сайта
- Создание страниц в WordPress.
- Настройка WordPress с помощью надстроек и расширений
- Ресурсы для изучения WordPress и получения поддержки
- Идя дальше, создавайте веб-сайты с большим количеством функций (магазины электронной коммерции, сайты членства, продажа онлайн-курсов и многое другое).
Прежде чем мы начнем создавать веб-сайт, давайте рассмотрим некоторые из наиболее часто задаваемых вопросов, которые мы получаем.
Во-первых, вам НЕ нужно быть веб-разработчиком, чтобы создать собственный веб-сайт. Наше руководство написано для нетехнических пользователей, и мы покажем вам решение без кода для создания веб-сайта.
С учетом сказанного давайте рассмотрим все, что вам нужно для создания веб-сайта.
Что мне нужно для создания сайта?
Вам понадобятся следующие три вещи, чтобы начать свой сайт WordPress.
- Доменное имя — это имя вашего веб-сайта, например weelp.ru.
- Хостинг WordPress — это место, где хранятся файлы вашего сайта. Советуем выбрать этот хостинг handyhost.ru
- 45 минут вашего безраздельного внимания.
Сколько стоит сайт на WordPress?
Ответ на этот вопрос действительно зависит от того, какой веб-сайт вы пытаетесь создать. Мы написали подробное руководство из 2000 слов, объясняющее, сколько на самом деле стоит создание веб-сайта .
Разработка Landinga в нашей студии стоит всего 40 000 рублей. Стоимость бизнес-сайта может варьироваться от 70 000 - 200 000 рублей
Мы рекомендуем всем нашим партнёрам начинать с малого, а затем добавлять дополнительные функции на свой веб-сайт по мере роста бизнеса. Так вы сэкономите деньги и сведете к минимуму возможные потери, избежав при этом перерасхода средств.
В этом руководстве мы покажем вам, как создать веб-сайт менее чем за 1500 рублей .
Мы также покажем вам, как улучшить его, добавив в него дополнительные функции в будущем.
Какая лучшая платформа для создания сайтов?
Существует множество конструкторов веб-сайтов , которые помогут вам настроить веб-сайт. Мы рекомендуем использовать собственный WordPress в качестве платформы для вашего сайта.
WordPress — самая популярная платформа для веб-сайтов в мире. Он поддерживает почти 43% всех веб-сайтов в Интернете.
WordPress является бесплатным , с открытым исходным кодом и поставляется с тысячами готовых дизайнов и расширений веб-сайтов. Он чрезвычайно гибкий и работает практически со всеми сторонними инструментами и службами, доступными владельцам веб-сайтов.
Мы используем WordPress для создания всех наших веб-сайтов.
Как извлечь максимальную пользу из этого руководства по дизайну веб-сайта?
Это пошаговое руководство по созданию веб-сайта. Мы разделили его на несколько этапов и проведем вас через все от начала до конца. Просто следуйте инструкциям, и в итоге у вас будет профессионально выглядящий веб-сайт.
Мы также укажем вам правильное направление, как вывести ваш сайт на новый уровень в зависимости от ваших потребностей.
Получайте удовольствие, создавая свой веб-сайт WordPress.
Помните, если вам нужна помощь, вы можете связаться с нами , и мы бесплатно настроим ваш сайт.
Давайте начнем.
Шаг 1. Настройка сайта
Одна из самых распространенных ошибок новичков — выбор неправильной платформы для сайта. К счастью, вы здесь, поэтому вы не совершите эту ошибку.
Для большинства пользователей автономный сайт на WordPress является идеальным решением. Он поставляется с тысячами дизайнов и надстроек, которые позволяют вам создавать любые веб-сайты, о которых вы только можете подумать.
Если WordPress бесплатен, то откуда берется цена?
WordPress бесплатен, потому что вам придется организовать собственное доменное имя и провайдера веб-хостинга, что стоит денег.
Доменное имя — это адрес вашего сайта в Интернете. Это то, что ваши пользователи будут вводить в своих браузерах, чтобы попасть на ваш сайт (например, weelp.ru).
Далее вам понадобится хостинг веб-сайтов. Все веб-сайты в Интернете нуждаются в веб-хостинге для хранения файлов своих веб-сайтов. Это будет дом вашего сайта в Интернете.
Доменное имя обычно стоит в среднем 200 руб. в год, а стоимость хостинга начинается от 1000 рублей в месяц.
Это не много для большинства людей, которые только начинают.
К счастью, handyhost.ru согласился предложить нашим пользователям бесплатное доменное имя и скидку на годовой веб-хостинг.
handyhost.ru — одна из крупнейших хостинговых компаний в России. Они также являются хостинг-партнером, рекомендованным для WordPress.
Примечание. В Weelp мы верим в прозрачность. Если вы покупаете хостинг по нашей реферальной ссылке, то мы получаем небольшую комиссию без дополнительных затрат для вас. Фактически вы получите скидку на хостинг + бесплатный SSL + бесплатное доменное имя. Мы получили бы эту комиссию за рекомендацию любой хостинговой компании, но мы рекомендуем только продукты, которые мы лично используем и верим, что они добавят ценности нашим читателям.
Давайте продолжим и купим доменное имя и хостинг.
Во-первых, вам нужно перейти на веб-сайт handyhost.ru в новом окне браузера и нажать на раздел «Хостинг сайтов».
Это приведет вас на страницу с ценами, где вам нужно будет выбрать план хостинга для вашего сайта. Планы «vHOST-0» и «vHOST-1» являются наиболее популярными среди наших пользователей.
Вам нужно будет нажать «Выбрать», чтобы выбрать план, который вам нравится, и перейти к следующему шагу.
В идеале вы должны подобрать доменное имя .ru заранее. Убедитесь, что оно связано с вашим бизнесом, легко произносится и пишется по буквам, а также легко запоминается.
После внесения данные и вашем email и ФИО можно будет выбрать автоматическую установку WordPress на указанное доменное имя. Оформить которое можно будет в процессе на самом хостинге.
Шаг 2. Установите WordPress
Когда вы зарегистрируетесь в handyhost по нашей ссылке , вы сможете автоматически установить WordPress. Установщик запустит WordPress в один клик, чтобы упростить создание своего веб-сайта для нетехнических пользователей. Доступы от WordPress вышлют на указанный email.
После установки WordPress вы готовы настроить дизайн своего веб-сайта, выбрав новый шаблон и создав новые страницы.
Разве это не было легко?
Теперь давайте перейдем к следующему шагу и выберем дизайн для вашего сайта.
Шаг 3. Выберите тему
Внешний вид вашего сайта WordPress контролируется темой WordPress.
Темы WordPress — это профессионально разработанные шаблоны, которые вы можете установить на свой сайт, чтобы изменить его внешний вид.
По умолчанию каждый сайт WordPress поставляется с базовой темой. Если вы зайдете на свой сайт, то он будет выглядеть примерно так:
Это не очень привлекательно для большинства пользователей.
Но не волнуйтесь, есть тысячи бесплатных и платных тем WordPress , которые вы можете установить на свой сайт.
Вы можете изменить свою тему из панели администратора WordPress. Посетите страницу Внешний вид »Темы и нажмите кнопку «Добавить новую».
На следующем экране вы сможете выполнить поиск среди 9600 бесплатных тем WordPress, доступных в официальном каталоге тем WordPress.org. Вы можете сортировать их по популярным, последним, избранным, а также другим фильтрам (например, по отрасли, макету и т. д.).
Для этого руководства мы будем использовать Bento . Это популярная многоцелевая бесплатная тема WordPress с гибкими вариантами дизайна для всех типов веб-сайтов.
Другими хорошими темами WordPress, которые мы рекомендуем, являются Astra или Divi .
Если вы хотите создать полностью настраиваемую тему WordPress, мы рекомендуем использовать Divi для WordPress.
Как установить тему в WordPress
Если вы знаете название бесплатной темы, которую хотите установить, то вы можете найти ее, введя ее название в поле поиска.
WordPress покажет вам тему в результатах поиска. Вам нужно будет навести указатель мыши на тему, а затем нажать кнопку «Установить».
После того, как вы установили свою тему, вы можете настроить ее, щелкнув ссылку «Настроить» в меню «Внешний вид».
Это запустит настройщик темы , где вы сможете изменить настройки темы с предварительным просмотром вашего веб-сайта.
Если вы используете одну из новых тем для полного редактирования сайта , вы увидите другую версию настройщика сайта.
Настройщик WordPress по умолчанию и полное редактирование сайта не предлагают настоящую настройку с помощью перетаскивания.
Вот почему многие профессионалы веб-сайтов и владельцы малого бизнеса предпочитают использовать плагин для создания страниц WordPress, такой как SeedProd , для настройки любой темы для обновления шрифтов, изменения стилей, цветов и других элементов в соответствии с потребностями вашего веб-сайта.
Вы даже можете создать полностью настраиваемую тему WordPress без кода.
Помните, что вам не нужно сразу выполнять все настройки темы. Вы сможете настроить его намного лучше, как только у вас будет некоторый контент на вашем веб-сайте.
Давайте посмотрим, как добавить контент на ваш сайт WordPress.
Шаг 4. Добавьте контент на свой сайт
WordPress поставляется с двумя типами контента по умолчанию, которые называются постами и страницами . Сообщения являются частью функциональности блога и отображаются в обратном хронологическом порядке (более новые элементы отображаются первыми).
С другой стороны, страницы предназначены для статического «одноразового» контента, такого как ваша страница «О нас», страница контактов, политика конфиденциальности, настраиваемая целевая страница и т. д.
По умолчанию WordPress показывает сообщения вашего блога на главной странице вашего сайта. Вы можете изменить это и заставить WordPress отображать любую статическую страницу в качестве домашней страницы вашего веб-сайта (мы покажем вам, как это сделать позже в этом руководстве).
Вы можете создать отдельную страницу для своего блога или раздела новостей, чтобы показывать свои последние сообщения. Кроме того, вы можете создать веб-сайт вообще без раздела блога.
Сказав это, давайте добавим некоторый контент на ваш сайт.
Вы начнете с добавления нескольких страниц на свой сайт WordPress. Не волнуйтесь, если у вас недостаточно контента для этих страниц в данный момент. Вы всегда можете отредактировать и обновить их.
Перейдите на Страницы »Добавить новую страницу в админке WordPress. Это приведет вас к экрану редактора страниц, который будет выглядеть примерно так, в зависимости от вашей темы:
Сначала вам нужно указать заголовок для своей страницы, назовем эту страницу «Главная».
После этого вы можете добавить контент в текстовом редакторе ниже. Вы можете добавлять текст, ссылки, изображения, вставлять видео , аудио и т. д.
После добавления контента на свою страницу вы можете нажать кнопку публикации, чтобы опубликовать его на своем веб-сайте.
Вы можете повторить процесс, добавив больше страниц для разных разделов вашего сайта. Например, страница о нас, свяжитесь с нами и страница блога для отображения сообщений в блоге.
Теперь давайте также добавим несколько сообщений в блоге.
Перейдите к Posts »Add New в вашей административной области WordPress, где вы увидите экран, очень похожий на тот, который вы видели ранее при добавлении страниц.
Вы можете добавить заголовок сообщения, а затем добавить контент в визуальном редакторе сообщений. Вы также заметите некоторые дополнительные параметры на боковой панели, такие как форматы сообщений, категории и теги .
Вы можете нажать кнопку «Сохранить», чтобы сохранить сообщение как черновик, или нажать кнопку «Опубликовать», чтобы сделать его видимым на вашем сайте.
Шаг 5. Настройка и настройка вашего сайта
Теперь, когда вы создали некоторый контент для своего собственного веб-сайта, вы сможете настроить его и привести в красивый презентабельный вид для ваших пользователей.
Давайте начнем с настройки статической главной страницы (также известной как домашняя страница).
Настройка статической главной страницы
Вам нужно посетить страницу Настройки » Чтение в панели администратора WordPress. В разделе «Отображение главной страницы» щелкните статическую главную страницу, а затем выберите «Страницы», которые вы создали ранее для домашней страницы и страницы блога.
Не забудьте нажать кнопку «Сохранить изменения» внизу страницы, чтобы сохранить изменения.
Теперь WordPress будет использовать страницу под названием «Главная» в качестве главной страницы вашего сайта, а страницу «Блог» — для отображения сообщений в блоге.
Изменить название сайта и слоган
Во время установки вы можете выбрать название вашего сайта. WordPress автоматически добавляет строку тега к заголовку вашего сайта, которая гласит: «Просто еще один сайт WordPress».
Вы можете в любое время изменить как заголовок, так и слоган своего сайта, посетив страницу Настройки » Общие .
Название вашего сайта будет названием вашего сайта, например WPBeginner. Строка тега обычно представляет собой одну строку, описывающую ваш сайт.
Вы также можете оставить поле тега пустым, если хотите, потому что SEO-плагины WordPress , такие как AIOSEO , Yoast SEO и другие, переопределяют его для лучшей поисковой оптимизации (подробнее об этом позже).
Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки.
Настройте параметры комментариев
WordPress поставляется со встроенной системой комментариев, позволяющей вашим пользователям оставлять комментарии к вашим сообщениям. Это отлично подходит для взаимодействия с пользователями WordPress, но также является мишенью для спамеров.
Чтобы справиться с этим, вам нужно включить модерацию комментариев на вашем сайте.
Перейдите на страницу Настройки » Обсуждения и прокрутите вниз до раздела «Перед появлением комментария». Установите флажок рядом с параметром «Комментарий должен быть одобрен вручную».
Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки.
Создание навигационных меню
Меню навигации позволяют вашим пользователям просматривать различные страницы или разделы вашего веб-сайта. WordPress поставляется с мощной системой меню навигации, и ваша тема WordPress использует эту систему для отображения меню.
Давайте добавим навигационное меню на ваш сайт.
Во-первых, вам нужно посетить страницу Внешний вид »Меню . Введите имя для своего навигационного меню и нажмите кнопку «Создать меню».
Теперь WordPress создаст ваше меню навигации. Но в данный момент он будет пуст.
Затем вам нужно выбрать страницы, которые вы хотите отобразить в своем меню, а затем нажать кнопку «Добавить в меню».
Вы заметите, что выбранные вами страницы заполняют пустую область меню навигации. Вы можете перемещать эти пункты меню вверх и вниз, чтобы изменить их положение в меню.
Теперь вам нужно выбрать место отображения. Эти местоположения определяются вашей темой WordPress. Обычно большинство тем WordPress имеют основное меню, которое отображается в заголовке вашего сайта вверху.
Наконец, нажмите кнопку «Сохранить меню», чтобы сохранить меню навигации.
Теперь вы можете посетить свой веб-сайт, чтобы увидеть меню в действии.
Шаг 6. Установка плагинов в WordPress
Плагины WordPress похожи на приложения для вашего сайта WordPress. Они позволяют добавлять функции и настройки на ваш сайт WordPress. Подумайте о контактной форме, фотогалереях и т. д.
Вы можете установить плагины с панели управления WordPress, нажав на страницу «Плагины».
В настоящее время для WordPress доступно более 59 000 бесплатных плагинов. Существуют также платные плагины, продаваемые сторонними веб-сайтами и разработчиками.
С таким количеством плагинов, как вы находите, какие плагины установить? Мы также обеспечим вас этим, ознакомьтесь с нашим руководством о том, как выбрать лучший плагин для WordPress .
Вот наш список основных плагинов, которые вы должны установить на свой сайт прямо сейчас. Все они бесплатны.
Функции
- WPForms Lite — позволяет добавить контактную форму на ваш сайт WordPress. Все профессиональные веб-сайты отображают свою контактную информацию на той же странице, что и контактная форма.
- MonsterInsights — подключите свой веб-сайт к Google Analytics и наблюдайте, как посетители находят и используют ваш веб-сайт, чтобы они возвращались на ваш сайт снова и снова.
- SeedProd — Конструктор страниц с помощью перетаскивания для создания полностью настраиваемых дизайнов и макетов без каких-либо технических ноу-хау.
Оптимизация сайта
- Все в одном SEO — улучшите SEO WordPress и получите больше трафика от Яндекс и Google.
- WP Super Cache — бесплатный плагин для кэширования WordPress , который помогает повысить скорость вашего сайта.
- PushEngage — помогает увеличить трафик веб-сайта, позволяя вам общаться с посетителями после того, как они покинут ваш сайт. Push-уведомления входят в топ-5 источников трафика для WPBeginner.
Безопасность
- Updraft Plus или Duplicator — создавайте автоматические резервные копии вашего сайта по расписанию.
- Sucuri — аудит безопасности веб-сайтов и сканер вредоносных программ
Дополнительно
- WP Simple Pay — для удобного приема платежей кредитными картами в WordPress.
- WooCommerce — создайте веб-сайт электронной коммерции с помощью WordPress. Упрощает создание интернет-магазина и продажу физических товаров.
- MemberPress — позволяет легко создавать и продавать онлайн-курсы и цифровое членство.
- Smash Balloon — упрощает добавление виджетов социальных сетей.
- OptinMonster — помогает вам получить больше подписчиков электронной почты и оптимизировать коэффициент конверсии веб-сайта с помощью динамических всплывающих окон, модальных окон и других интеллектуальных функций персонализации.
- HubSpot — добавьте бесплатный чат для поддержки клиентов, электронный маркетинг для информационных бюллетеней и CRM на свой веб-сайт WordPress. Без проблем работает с OptinMonster.
- Uncanny Automator — помогает настроить автоматизированные рабочие процессы, чтобы оптимизировать рабочие процессы малого бизнеса и сэкономить время.
- WP Mail SMTP — исправляет проблемы доставки электронной почты WordPress с конфигурациями PHP Mail на управляемых хостинг-провайдерах WordPress.
- Envira Gallery Lite — Добавьте красивые галереи изображений на свой сайт WordPress.
Шаг 7. Продолжаем
До сих пор мы показали вам, как создать веб-сайт WordPress, добавить новую тему, добавить новые веб-страницы и установить необходимые плагины.
Хотите пойти еще дальше?
Используя WordPress, вы можете создавать мощные нишевые веб-сайты, способные делать гораздо больше.
- Добавить магазин электронной коммерции
- Запустите свой собственный подкаст
- Создать членский веб-сайт
- Создать веб-каталог
- Создать сайт купонов
- Создайте сайт отзывов
- Создавайте многоязычные веб-сайты
- Создать сайт доски объявлений
- Создать сайт вопросов и ответов
- Создайте сайт вики-базы знаний
Для получения дополнительных примеров ознакомьтесь с нашим списком из 19 типов веб-сайтов, которые вы можете создать с помощью WordPress.
Часто задаваемые вопросы (FAQ)
Помогая тысячам людей создать сайт, мы ответили на довольно много вопросов. Ниже приведены ответы на наиболее часто задаваемые вопросы о создании сайта.
Является ли WordPress единственным способом создания веб-сайта?
Нет, существует множество других конструкторов веб-сайтов. Но мы считаем, что WordPress — лучшая и самая простая платформа для создания веб-сайтов, которые работают как на настольных компьютерах, так и на мобильных устройствах.
Другие отраслевые эксперты тоже согласны с нами, поэтому более 43% всех веб-сайтов в Интернете используют WordPress.
Можно ли создать сайт с нуля на WordPress?
Да, вы абсолютно можете использовать WordPress для создания полностью индивидуального веб-сайта с нуля, используя плагин для создания страниц без кода, такой как Divi .
Сколько трафика может обрабатывать WordPress?
WordPress может обрабатывать практически неограниченный трафик веб-сайта, в зависимости от вашей хостинговой платформы и настроек кэширования.
Как мне создать веб-сайт, на котором я могу продавать товары?
Вы можете легко добавить интернет-магазин на свой сайт WordPress. Мы создали список лучших плагинов электронной коммерции для WordPress . Вы также можете следовать нашему пошаговому руководству о том, как открыть интернет-магазин .
Хотя существует множество других платформ электронной коммерции, таких как Shopify , BigCommerce и т. д., мы рекомендуем использовать плагин WooCommerce для WordPress.
Это дает вам больше удобных функций по еще более доступной цене. Вот почему WooCommerce является самой популярной платформой электронной коммерции на рынке.
Если вы хотите продавать цифровые продукты, мы рекомендуем использовать Easy Digital Downloads . Это то, что мы используем для продажи наших цифровых продуктов в WordPress.
Нужно ли мне знать HTML/CSS для создания и настройки моего веб-сайта?
Нет, вам не нужно знать, как использовать HTML/CSS для создания сайта на WordPress. Вы можете использовать один из множества плагинов для создания страниц WordPress с помощью перетаскивания, чтобы легко настроить свой веб-дизайн.
Мы рекомендуем использовать Divi, потому что он позволяет создавать полностью настраиваемые темы WordPress с нуля без какого-либо кода.
Как я могу запустить сайт бесплатно?
Некоторые конструкторы веб-сайтов могут предлагать бесплатные варианты, но мы настоятельно не рекомендуем использовать эти решения для создания веб-сайтов. Часто они размещают на вашем веб-сайте свою рекламу, которая выглядит непрофессионально и предлагает ужасный пользовательский опыт.
Всегда лучше приобрести собственное доменное имя и хостинг, чтобы вы полностью владели своим сайтом.
Мы надеемся, что это руководство помогло вам научиться создавать веб-сайты, не нанимая веб-дизайнера.