Как сделать сайт

Шаг 1: Выберите платформу для создания веб-сайта

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

Что такое платформа для создания веб-сайта?

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

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

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

Вот почему вы должны использовать WordPress для своего сайта

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

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

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

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

Шаг 2: Выберите домен и веб-хостинг

Для того, чтобы настроить Ваш сайт WordPress (или любой другой тип веб-сайта, если на то пошло), вам нужно две вещи:

1. Доменное имя (веб-адрес, например yourwebsite.com) 
2. Веб-хостинг (сервис, который размещает ваш сайт в интернете)

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

Если у вас есть некоторое представление о доменном имени (пример: yoursite.com) вы хотели бы использовать, вы должны проверить, чтобы убедиться, что он доступен:

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

Где получить бесплатное доменное имя с веб-хостингом

Я лично использую и рекомендую BlueHost.com для веб-хостинга и регистрации доменов.

Мне нравится BlueHost по нескольким причинам:

  • Они зарегистрируют ваше доменное имя бесплатно при покупке веб-хостинга.
  • Они предлагают бесплатную автоматическую установку WordPress.
  • Они включают бесплатные профессиональные учетные записи электронной почты (например: YourName@yoursite.com)
  • Они имеют хорошее обслуживание клиентов и предлагают гарантию возврата денег, если вы не удовлетворены по какой-либо причине.

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

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

1. Нажмите здесь, чтобы получить BlueHost по сниженной цене $2,75 в месяц, а затем нажмите кнопку “Начать работу сейчас”.

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

3. Поместите нужное доменное имя в левое поле и нажмите кнопку “Далее”, чтобы подтвердить, что оно доступно для регистрации.

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

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

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

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


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

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

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

Возникли проблемы с установкой WordPress? Позовите помощь .

 

Шаг 3: Настройка нового веб-сайта

Теперь, когда вы установили WordPress, мы можем перейти к самой интересной части: настройка вашего сайта!

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

Доступ к панели мониторинга можно получить, посетив yourdomain.com/wp-admin/ (заменить yourdomain.com с именем вашего домена) и введите свое имя пользователя и пароль.

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

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

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

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

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

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

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

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

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

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

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

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

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

Давайте попробуем установить новую тему.

Нажмите на” внешний вид “и” темы “на боковой панели, затем нажмите кнопку” Добавить новый».

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

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

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

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

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

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

Страницы формируют структуру вашего сайта и содержат контент, который вы, скорее всего, не будете редактировать очень часто.

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

Сообщения (также известные как записи в блоге) — это содержимое, которое добавляется в блог, расположенный на странице.

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

Добавление Новой Страницы
Чтобы добавить новую страницу на свой сайт, нажмите кнопку “страницы” и “добавить новую” на панели мониторинга.

Вы должны увидеть редактор страниц, похожий на Microsoft Word или Apple Pages.

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

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

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

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

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

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

Добавить Новый Пост На Свой Сайт
Чтобы добавить новое сообщение на свой сайт, нажмите кнопку «сообщения” и» добавить новое » на боковой панели панели Панели.

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

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

Самая большая разница между редактором страниц и редактором сообщений-это поля категории и теги.

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

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

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

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

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

Чтобы добавить теги в свой пост, просто введите теги в поле и нажмите кнопку “Добавить».

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

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

Установите Некоторые Плагины
Одна из вещей, которая отличает WordPress от своих конкурентов, — это большой выбор плагинов, доступных для загрузки. В настоящее время в каталоге плагинов WordPress более 40 000 плагинов, которые можно установить всего за несколько секунд. В большинстве случаев, все, что вам нужно сделать, это найти плагин, который вы хотите установить, нажмите кнопку “Установить сейчас”, затем нажмите кнопку “Активировать”.

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

Вы можете проверить каталог плагинов, нажав “плагины” и “добавить новый” на боковой панели панели Панели.

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

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

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

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

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

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

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

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

Давайте практиковать с помощью плагинов, установив плагин Yoast SEO.

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

После того, как вы установили плагин, вы должны иметь новый элемент в боковой панели под названием SEO и новую быструю ссылку в верхней строке меню. Вы также должны иметь новую запись на странице установленных плагинов. Вы можете просмотреть эту страницу, нажав “плагины” и “установленные плагины” на боковой панели.

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

Изменение общих параметров сайта
Если вы не указали заголовок сайта в процессе установки или хотите изменить его, вы можете сделать это на странице общие параметры. Нажмите на кнопку” Настройки “и” общие » в боковой панели.

На этой странице вы можете редактировать название сайта и слоган .

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

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

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

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

Изменение параметров главной страницы сайта
Последнее, что мы рассмотрим в этом уроке, — это настройки вашей главной страницы.

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

Чтобы изменить настройки главной страницы, нажмите «Настройки” и «чтение» на боковой панели.

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

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

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

Что дальше?

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

Но все это лишь верхушка айсберга!

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

Вот некоторые идеи, которые вы можете попробовать:

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

Удачи!