Последнее обновление: 11 марта 2020 г. от редакции WebsiteSetup.Как создать вебсайт



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

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

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

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

Contents

Вещи, которые вам нужны для создания сайта

  • Доменное имя (ваш пользовательский веб-адрес, www.YourSite.com)
  • Хостинг сайтов (сервис, на котором размещен ваш сайт)
  • WordPress (бесплатная, часто используемая платформа сайта)

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

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

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

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

Готов? Давайте начнем…


Оглавление (шаги по запуску сайта):

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

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

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

Шаг № 1: Выберите доменное имя


Для создания сайта самое первое, что вам нужно, это доменное имя..

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

Доменное имя этого сайта websitesetup.org. Твой может быть что угодно.

Доменные имена могут стоить от 10 до 50 долларов в год. Обычный ценник составляет около 15 долларов.

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

  • Если вы делаете сайт для бизнеса, Ваше доменное имя должно соответствовать названию вашей компании. Например: YourCompanyName.com
  • Если вы планируете создать персональный сайт тогда для себя YourName.com может быть отличным вариантом.
  • Используйте «общее» расширение имени домена, такое как .ком, .сеть или .организация если ваша цель – международные посетители. Используйте «локальное» расширение имени домена, такое как .де, .фр, или .RU если ваша цель – ориентированные на страну посетители.

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

Если у вас еще нет доменного имени, его не нужно регистрировать..

Я покажу вам, как получить доменное имя бесплатно в течение первого года (шаг 2):

Шаг № 2: Получить веб-хостинг и зарегистрировать домен


Помимо доменного имени вам также потребуется хостинг веб-сайтов (веб-хостинг).

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

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

Независимо от веб-хостинга, в котором вы регистрируетесь, убедитесь, что у него есть следующие функции:

  • БЕСПЛАТНОЕ доменное имя с SSL (для безопасности)
  • Установка одним щелчком для WordPress (бесплатно)
  • Пользовательские учетные записи электронной почты
  • Неограниченная или неизмеренная пропускная способность (без ограничений трафика)
  • Поддержка клиентов, предпочтительно круглосуточный чат

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

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

Хостинг-планы Bluehost начинаются с $ 3,95 / мес ($ 2,75 / мес с нашей ссылкой со скидкой) и предлагает все необходимые функции для создания веб-сайта.

1) Чтобы получить учетную запись веб-хостинга, просто посетите Bluehost и нажмите «Начать сейчас».

Bluehost

2) Затем выберите свой план веб-хостинга (выбор plus полностью неограничен, а базовый лучше всего подходит для новых сайтов):

выбрать план веб-хостинга

3) Далее выберите и зарегистрируйте доменное имя (бесплатно на первый год):

зарегистрировать доменное имя

Имейте в виду, что Bluehost не предлагает окончания доменов для конкретной страны, такие как.де, .фр, или .RU. Если они вам нужны, вы можете купить их на Domain.com или GoDaddy.com отдельно.

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

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

Экран приветствия Bluehost

Шаг № 3: Настройка сайта WordPress (через веб-хостинг)


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

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

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

Если вы не используете Bluehost в качестве веб-хостинга, не беспокойтесь. Многие провайдеры веб-хостинга имеют «установку WordPress», расположенную где-то в хостинге cPanel. Если вы имеете дело с веб-хостингом, который не предоставляет «установка в один клик«Попробуйте установить WordPress вручную.

1) Установка сайта WordPress на Bluehost

  1. Войдите в свой аккаунт Bluehost
  2. Нажмите «Мои сайты», а затем «Создать сайт»Экран Bluehost My Sites при обучении созданию сайта
  3. Укажите основную информацию о вашем сайте, и начнется установка WordPress. Это все произойдет на автопилоте.
  4. Когда настройка будет завершена, Bluehost покажет вам установку и данные для входа. Обязательно сохраните эту информацию в безопасном месте.

Детали установки Bluehost

2) Протестируйте свой сайт, введя адрес своего домена

С установленным WordPress вам следует проверить, все ли работает..

Самый простой способ сделать это – ввести свое доменное имя в веб-браузер..

Если WordPress установлен правильно, вы увидите очень простой веб-сайт, подобный следующему:

Как создать сайт: Fresh WordPress Install

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

3) Проверьте настройки SSL / HTTPS

Короче говоря, SSL-сертификат гарантирует, что ваш сайт надежно доставлен вашим посетителям..

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

  1. Войдите в свой портал Bluehost
  2. Нажмите на «Мои сайты»
  3. Найдите свой сайт и нажмите «Управление сайтом»
  4. Перейти на вкладку «Безопасность»
  5. В разделе «Сертификат безопасности» вы найдете свой «Бесплатный сертификат SSL».

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

Это может занять несколько часов, прежде чем SSL будет полностью настроен, но это не должно помешать вам продолжать создавать свой веб-сайт.

Шаг № 4: Настройка дизайна и структуры вашего сайта


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

Начиная с:

1) Выберите тему для вашего сайта

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

Самое главное, что в Интернете доступны тысячи бесплатных и платных тем WordPress..

популярные темы WordPress

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

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

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

Мы собираемся использовать эту тему в этом руководстве в будущем.

2) Установите понравившуюся тему

Зайдите в ваш админ интерфейс WordPress. Вы можете найти его на YOURSITE.com/wp-admin. Используйте имя пользователя и пароль, которые вы получили при установке WordPress.

  1. На боковой панели перейдите к «Темы → Добавить новый».Как создать сайт: добавить темы
  2. В поле поиска введите «Neve» и нажмите кнопку «Установить» рядом с названием темы:Как создать сайт: установить тему
  3. После завершения установки нажмите кнопку «Активировать», которая появится вместо кнопки «Установить».
  4. Вы увидите сообщение об успехе, которое сообщает, что установка прошла как ожидалось.

3) Импортировать дизайн (только для пользователей Neve Theme)

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

Вы увидите это приветственное сообщение:

Neve добро пожаловать

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

новые сайты

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

Для целей данного руководства мы выберем первый в списке – «Оригинал».

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

Нажмите на кнопку «Импорт», чтобы все заработало. Примерно через минуту вы увидите сообщение об успехе..

новый успех

Затем перейдите к «Внешний вид → Neve Options», чтобы увидеть, что еще можно сделать с темой.. neve начало работы

Мы собираемся изучить некоторые из этих вариантов ниже:

4) Добавить логотип

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

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

Как только у вас будет готов логотип, вы можете добавить его на свой сайт. Перейдите к «Внешний вид → Neve Options» и нажмите на ссылку с надписью «Загрузить логотип».

Как создать сайт: загрузить логотип

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

логотип настройщика

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

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

добавлен логотип

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

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

Когда закончите, нажмите кнопку «Опубликовать» (верхний левый угол), а затем нажмите кнопку «X», чтобы выйти из настройщика..

5) Изменить цветовую схему и шрифты сайта

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

  1. Чтобы начать, снова перейдите в «Внешний вид → Опции». Мы собираемся сосредоточиться на следующих двух вариантах:Как создать сайт: изменить цвета и шрифты
  2. Сначала нажмите «Установить цвета».
  3. Большинство тем WordPress определяются цветовой схемой, которую они используют для различных элементов дизайна..
  4. Чаще всего это цвета ссылок, текстов на сайте и фонов.
  5. Вы можете изменить цветовые назначения для темы Neve через настройщик.
  6. Чтобы переключить любой из цветов, просто нажмите на него и выберите новый цвет.изменить цвета
  7. Нажмите «Опубликовать» и «X», когда вы закончите.

Смена шрифтов работает аналогично:

  1. Нажмите на ссылку «Настройка шрифтов» на панели «Внешний вид → Параметры Neve»..
  2. Neve позволяет выбирать из целого каталога системных шрифтов и Google Fonts.
  3. Просто нажмите на поле «Семейство шрифтов» и выберите понравившийся шрифт..изменить шрифты
  4. После этого вы можете настроить отдельные шрифты, используемые для ваших заголовков.

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

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

6) Добавить боковую панель

Еще одна вещь, которую вы можете сделать на панели «Внешний вид → Neve Options», – настроить внешний вид боковой панели. Нажмите «Контент / Боковая панель», чтобы начать.

У вас есть три основных варианта здесь: нет боковой панели, боковая панель слева, или боковая панель справа. Боковая панель справа – это классическая раскладка для большинства сайтов. Вы также можете установить ширину содержимого. После внесения изменений нажмите «Опубликовать» и «X».

7) Добавить виджеты (бесплатные дополнения WordPress)

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

Чтобы настроить виджеты, перейдите в «Внешний вид → Виджеты». Вы увидите это: 

Как создать сайт: настройщик

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

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

8) Экспериментируйте с темой, которую вы создали

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

Чтобы увидеть их все, перейдите в «Внешний вид → Настройка». Это запустит основной интерфейс настройщика со всеми его настройками и пресетами..

Как создать сайт: настройщик

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

Шаг № 5: Добавить контент / страницы на ваш сайт


Страницы – это сущность вашего сайта. Трудно представить сайт без каких-либо страниц на нем, верно?

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

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

Большинство веб-сайтов найдут следующие страницы необходимыми:

  • домашняя страница – это первая страница, которую видят ваши посетители при переходе на ваш сайт
  • Около страница – страница, объясняющая, о чем ваш сайт
  • контакт страница – страница, позволяющая посетителям связаться с вами
  • Блог страница – список ваших последних сообщений в блоге; если вы не планируете вести блог, вы можете использовать страницу блога в качестве места для новостей и объявлений вашей компании
  • Сервисы страница – если сайт, который вы создаете, предназначен для бизнеса, используйте эту страницу, чтобы продемонстрировать свои услуги
  • Магазин страница – для компаний, которые хотят запустить магазин электронной коммерции

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

1) Создание домашней страницы

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

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

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

Для этого просто нажмите кнопку «Редактировать с помощью Elementor» в верхней панели. 

редактировать с Elementor

То, что вы увидите, это интерфейс конструктора страниц Elementor.

Как создать сайт: Elementor

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

тип заголовка

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

стиль заголовка

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

Элементор блоки

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

Вы увидите список всех доступных блоков контента.

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

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

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

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

2) Создание страниц, таких как «О нас», «Услуги», «Контакт»

Создание классических веб-страниц в WordPress даже проще, чем работа на домашней странице. Зайдите в «Страницы → Добавить новый». Вы увидите этот интерфейс:

Как создать сайт: добавить страницу

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

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

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

о блоках страниц

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

о редактировании страницы

Когда вы закончите, нажмите кнопку «Опубликовать» в правом верхнем углу экрана..

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

Просто выберите разные блоки страниц из библиотеки шаблонов. Например, они должны отлично работать на Сервисы страница:

блоки услуг

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

добавить блок

Любой выбранный вами блок будет добавлен внизу вашей страницы. Вот как выглядит новый блок абзаца:

заказы

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

Как всегда, не забудьте нажать «Опубликовать», когда вы закончите.

3) Создать страницу блога

На странице блога можно найти список самых последних сообщений в блоге..

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

список страниц блога

Нажмите на ссылку «Просмотр», чтобы увидеть страницу своего блога в действии..

Добавление новых сообщений в блоге:

Чтобы добавить новые сообщения в блоге, просто перейдите в «Сообщения → Добавить новый».

добавить пост

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


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

Перейдите в «Внешний вид → Меню» и оттуда нажмите «Создать новое меню».

Как создать сайт: создать меню

Вот как шаг за шагом создать свое первое меню:

Процесс создания меню WordPress

  1. Начните с добавления заголовка. Название меню на самом деле не имеет значения, но оно помогает распознать ваше меню среди других меню (да, вы можете иметь более одного).
  2. Выберите страницы, которые будут добавлены в ваше меню. Вы также можете добавить другие элементы в меню – например, сообщения или пользовательские ссылки.
  3. Нажмите кнопку «Добавить в меню», чтобы добавить выбранные страницы в ваше меню..
  4. Перетащите элементы меню, чтобы расположить ссылки в порядке важности.
  5. Выберите место отображения меню. Это отличается от темы к теме, в этом случае, установите ваше меню в «Основное» место будет отображать меню в заголовке.
  6. Наконец, сохраните ваше меню.

На этом этапе вы увидите свое меню на главной странице во всей красе..

Шаг № 7: Добавить интернет-магазин / eCommerce


Последнее, что мы сделаем в этом руководстве, – это создадим себе интернет-магазин.

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

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

Как работает электронная коммерция WordPress

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

Все это делается с помощью плагина под названием WooCommerce..

WooCommerce – самое популярное, функциональное и, честно говоря, лучшее решение для электронной коммерции для WordPress..

�� У нас есть отдельное руководство о том, как запустить WooCommerce на вашем сайте WordPress. Мы приглашаем вас прыгнуть туда и прочитать подробные инструкции по установке. Выполните шаги 3 и 4 а потом возвращайся сюда.

… Итак, с установленным на вашем сайте WooCommerce и добавлением продуктов в ваш каталог, вы заметите, что в процессе WooCommerce автоматически создает новые страницы. Эти страницы:

  • «Корзина» – корзина вашего магазина
  • “Проверять, выписываться” – страница оформления заказа, где клиенты могут совершать покупки
  • “Мой счет” – профиль каждого клиента; хранит прошлые заказы, текущие данные и другую личную информацию; клиент всегда может редактировать свою информацию
  • «Магазин» / «Продукты» – главная страница магазина – та, где перечислены ваши товары

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

телега

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

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

На этом этапе ваш магазин электронной коммерции полностью функционирует. Это означает, что ваши клиенты могут прийти и сделать покупки. Вы увидите их заказы в админке WordPress в разделе «WooCommerce → Заказы». 

заказы

Поздравляем – вы готовы к запуску!

Чтобы быстро суммировать шаги, которые вы узнали:

Оглавление

  1. Получить хостинг и зарегистрировать домен:
    Выбор доменного имени
    Выбор хостинга сайта
  2. Настройте свой сайт через веб-хостинг:
    Установка WordPress
  3. Разработка вашего сайта:
    В поисках темы
    Установка темы
    Кастомизация и твики
  4. Готово, добавив контент (страницы):
    Добавление и редактирование страниц
    Настройка меню навигации

Последнее, но не менее – продолжайте улучшать свой сайт!

Поздравляю, вы только что выяснили, как создать сайт самостоятельно! ��

Следующие два шага в вашей повестке дня должны быть:

  • Привлекайте трафик на ваш сайт… �� вот список из 50+ способов привлечения трафика на сайт
  • Монетизировать свой сайт … �� вот 33 способа монетизации сайта

Если вы успешно завершили наше руководство, рассмотрите возможность оставить свой отзыв на нашу электронную почту – [электронная почта защищена]!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me