Шаг 1: Выберите идеальный домен
Выбор домена — это самое важное решение, которое вы можете принять для своего сайта. Оно буквально говорит о том, каким вы хотите быть представленным миру. Это адрес вашего сайта и то, как люди будут помнить, кто вы такой. Кстати, шаблоны сайтов доступны на странице специализированного сайта.
Хотя многие из лучших доменов уже заняты, это не значит, что вы не сможете найти идеальный домен для вашего бренда.
При мозговом штурме хороших доменных имен учитывайте следующие элементы:
- Легко произносится. Потенциальные посетители должны иметь возможность произносить ваше доменное имя вслух, не спрашивая дважды, как оно пишется.
- Коротко и привлекательно. Мы рекомендуем не более 14 символов. Вам не нужно слишком длинное доменное имя, которое трудно запомнить и произнести.
- Выбирайте .com, .org или .net. Хотя существует множество систем доменных имен, лучше придерживаться проверенной системы. В конце концов, вы хотите, чтобы люди могли его запомнить.
- Используйте свое имя. Особенно отличный выбор для личного блога, веб-сайта или портфолио.
- Избегайте цифр и дефисов. Из-за этого URL-адрес выглядит странно. Плюс людям сложнее сообщать ваш URL-адрес другим.
Мой совет — будьте аккуратны, креативны и гибки. Вы сможете найти тот, который доступен по разумной цене.
Шаг 2: Получите веб-хостинг и бесплатную регистрацию домена
Для работы веб-сайту нужны всего две вещи: доменное имя и веб-хост.
Вы только что выбрали свое доменное имя. Теперь пришло время использовать его с хорошим веб-хостингом.
Я рассуждаю так, что единый тарифный план общего хостинга не включает бесплатный домен, в то время как премиум и бизнес-планы предоставляют. Поскольку для создания веб-сайта вам нужно доменное имя, подавляющее большинство пользователей, желающих создать сайт, захотят, чтобы домен и хостинг были объединены вместе.
После выбора срока действия вашего соглашения о размещении заполните остальную информацию на странице.
- Зарегистрируйте учетную запись. Вы можете использовать адрес электронной почты или зарегистрироваться через существующую учетную запись Google, Facebook или GitHub. Что бы вы ни выбрали, сделайте это электронной почтой или учетной записью, которую вы регулярно проверяете, поскольку именно так Hostinger будет сообщать вам о любых возникающих проблемах.
- Введите платежные данные.
- Нажмите “Отправить”.
Как только ваш платеж пройдет, и вы подтвердите свой адрес электронной почты, вы сможете приступить к настройке вашего сайта.
Шаг 3: Получите свой бесплатный домен
Вы получите приветственное электронное письмо от Hostinger, как только ваш платеж будет обработан. Оттуда вы можете просто следовать инструкциям по адаптации, чтобы войти в систему и завершить создание своей учетной записи.
Если вы зарегистрировались на платный или бизнес-хостинг, у вас будет возможность получить свой бесплатный домен уже сейчас.
У вас также будет возможность приобрести дополнительные домены или подключить любые домены, которые у вас уже есть. Если вы подключаете существующий домен и хотите сменить доменное имя на что-то новое, сейчас самое подходящее время сделать и это.
Ваш домен свободен только на один год, и он будет автоматически продлеваться по более высокой ставке. Это обычная практика для каждого хостинг-провайдера, который предлагает бесплатные домены.
Просто следите за ценой продления при выполнении этого шага, чтобы избежать каких-либо сюрпризов в будущем.
Шаг 4: Установите WordPress с помощью Hostinger
Теперь пришло время выбрать вашу CMS (систему управления контентом), и WordPress — моя главная рекомендация.
У вас будут другие варианты на выбор с помощью Hostinger. Но если у вас нет особых причин для этого, WordPress является лучшим вариантом для подавляющего большинства новых веб-сайтов. Это просто, доступно и дает вам полный контроль над созданием вашего сайта.
Создайте новую учетную запись WordPress и выберите свою тему.
Тема — это, по сути, макет вашего сайта, который определяет его внешний вид и ощущения.
Не слишком задумывайтесь об этом прямо сейчас. Вы всегда можете изменить свою тему и настроить макет позже. Вскоре мы рассмотрим эти шаги более подробно.
Но пока просто подтвердите, что ваша информация верна, чтобы продолжить.
Внимательно все перепроверьте. Если Hostinger разместил ваш сайт в неправильном регионе, вы можете изменить его, щелкнув значок редактирования карандашом.
Нажмите Завершить настройку, как только убедитесь, что все выглядит правильно. Процесс настройки займет около пяти минут.
Поздравляю! Теперь у вас есть часть Интернета!
Шаг 5: Откройте WordPress на панели управления Hostinger
Hostinger предлагает вам очень удобную панель управления вашим сайтом. Она известна как hPanel и очень приветлива к новым пользователям, что касается панелей управления веб-сайтом.
И если у вас возникнут какие-либо замешательства, Hostinger имеет огромную поддержку в том, как перемещаться по hPanel.
Вам будет предложено использовать WordPress для создания вашего сайта. Если вы пропустили подсказки или пропустили их по какой-либо причине, вы всегда можете войти в WordPress, используя выпадающую панель слева на панели мониторинга:
Нажмите на WordPress в левой части экрана. Вы увидите новый экран, который включает кнопку для редактирования веб-сайта. Нажмите на него, введите свои учетные данные, если потребуется, и начните настраивать свой новый веб-сайт.
Шаг 6: Создайте свой веб-сайт с настраиваемыми темами
Вы уже выбрали тему WordPress для создания своего сайта, и если вы довольны тем, как это выглядит, отлично!
Если вы хотите посмотреть, что еще там есть, вы можете изучить десятки тысяч тем на WordPress.org . Многие из них бесплатны. За некоторые также нужно заплатить.
Совет профессионала: не слишком беспокойтесь об этом разделе. Легко поддаться перфекционизму и подумать, что вам нужно правильно подобрать тему с первого раза. Это неправда.
Самое важное, что вы можете сделать, это выбрать базовую тему и использовать ее. Вы всегда можете изменить свою тему позже.
Перейдите на панель администрирования вашего веб-сайта WordPress. Вы можете сделать это через панель управления Hostinger или вы можете использовать URL [название вашего веб-сайта].com/wp-admin. Затем просто используйте имя пользователя и пароль, которые вы получили на предыдущем шаге.
Как только вы окажетесь на панели администратора, перейдите на боковую панель и нажмите Внешний вид> Темы> Добавить новую тему.
Это позволит вам добавить любую тему, которую вы хотите, из библиотеки WordPress. Выберите одну прямо сейчас.
Найдите тему с помощью строки поиска. Как только вы найдете ее, нажмите Установить.
После завершения установки нажмите на кнопку Активировать . Это позволит внедрить тему на ваш веб-сайт.
Теперь вы можете настроить тему по своему вкусу, нажав на кнопку Настроить .
Теперь вы сможете изменить любой аспект вашего веб-сайта по своему усмотрению. Это включает в себя такие вещи, как цвета вашего веб-сайта, параметры меню, изображения заголовков и многое другое.
После нажатия кнопки настроить вы увидите обзор вашего веб-сайта по мере его настройки, а также левую боковую панель с различными вариантами настройки.
Каждая тема предлагает разные варианты, но между темами есть много совпадений. Мы собираемся более подробно рассказать о том, что делает каждый вариант — и является ли он жизненно важным:
- Идентификатор сайта. Важно. В этой области вы сможете изменить заголовок вашего сайта, а также подзаголовок или слоган. В большинстве случаев вы также сможете загрузить значок сайта. Это изображение, которое появляется на новых вкладках браузера, когда пользователи заходят на ваш веб-сайт.
- Цвет. Необязательно. Измените цветовую палитру вашего веб-сайта. Для OceanWP этот раздел позволяет изменять цвет только текста заголовка.
- Меню. Очень важно. Это позволяет вам создать меню навигации для вашего веб-сайта. Ваш читатель будет использовать это меню для поиска определенных страниц вашего веб-сайта и перехода к ним. Вы также сможете выбрать, где появится меню (например, вверху, в нижнем колонтитуле, на боковой панели).
- Виджеты. Необязательно. Это различные инструменты, которые вы можете разместить на своем веб-сайте, такие как архивы, календари, панели поиска и многое другое. Совершенно необязательно, но может быть полезно в зависимости от того, какой у вас веб-сайт.
- Настройки домашней страницы. Необязательно. Это определяет, есть ли у вас статическая домашняя страница или на вашем веб-сайте автоматически отображаются ваши последние записи в блоге. Опять же, это совершенно необязательно и зависит от потребностей вашего веб-сайта.
- Дополнительный CSS. Необязательно. Здесь вы можете добавить дополнительные параметры настройки, используя код CSS. Это может быть невероятно эффективным, если у вас есть необходимые ресурсы и знания для изменения вашего веб-сайта.
- Общие параметры. Важно. Этот раздел позволяет вам настроить множество различных аспектов вашего веб-сайта. Он включает в себя такие параметры, как размер вашего заголовка, значки, которые вы можете использовать, заголовки ваших страниц, макеты и многое другое.
- Типография. Важно. Здесь вы можете настроить все, что связано со шрифтом. Это включает в себя размер шрифта, тип шрифта, который вы хотите использовать, и где эти шрифты будут отображаться. Например, вы можете захотеть использовать Helvetica для своих заголовков H2, но вы можете захотеть использовать Comic Sans для своего заголовка (пожалуйста, на самом деле не делайте этого; это просто пример).
- Верхняя панель. Необязательно. Это отредактирует верхнюю часть вашего веб-сайта. Вы можете добавить сюда ссылки на социальные сети, кнопки на другие страницы и многое другое.
- Заголовок. Важно. Позволяет полностью настроить область заголовка вашего веб-сайта. Добавьте изображения или логотипы, измените шрифт и цвета или что еще вы хотите сделать, чтобы сайт стал вашим.
- Блог. Необязательно. Это позволяет вам изменять макет вашего блога, а также то, какие публикации отображаются на главной странице вашего веб-сайта.
- Боковая панель. Необязательно. Вы можете добавить боковую панель на свой веб-сайт. Это совершенно необязательно, поскольку ваши читатели могут просто использовать верхнюю панель навигации для навигации по вашему сайту.
- Виджеты нижнего колонтитула. Необязательно. Добавьте инструменты и настройте свой нижний колонтитул.
- Нижний колонтитул. Необязательно. Это часть веб-сайта с авторскими правами и контактной информацией. Это потенциально важно, особенно если вы ведете бизнес.
Теперь настройте свой веб-сайт по своему желанию. Как только вы закончите, нажмите Опубликовать, и вуаля! Ваш веб-сайт автоматически обновится, чтобы отразить ваши изменения.
Ваш веб-сайт по-прежнему будет выглядеть немного убого. Нам нужно создать для него несколько страниц.
Шаг 7: Создайте архитектуру вашего веб-сайта
Если ваш веб-сайт — это дом, то в настоящее время это пустующий участок. У него прочный фундамент и он подключен к основным коммуникациям, но для этого нужны стены и помещения.
Для их создания вам нужно создать веб-страницы. Это документы в Интернете, к которым читатели получают доступ через ваш веб-сайт.
Но вы должны думать о них как о комнатах вашего дома. Это области, которые посетители увидят и познакомятся с вами и вашим сайтом.
Хотя существует множество различных типов веб-страниц, наиболее важными из них являются:
- Домашняя страница. Это главная страница вашего веб-сайта. Это то, что читатели видят в первую очередь, поэтому это очень важно.
- Контактная страница. На этой странице показано, как ваши пользователи могут связаться с вами. Это может быть жизненно важно, в зависимости от вашего бизнеса.
- О странице. Эта страница рассказывает новым посетителям все о вашем веб-сайте и / или бизнесе. Обычно компании размещают здесь свою “историю бренда” о том, как они появились.
- Интернет-магазин. Здесь ваши читатели могут приобретать у вас товары и услуги. Интернет-магазин также может быть жизненно важен в зависимости от вашего бизнеса.
- Страница в блоге. Страница в блоге. На этой странице размещаются все ваши записи в блоге. Если вы планируете публиковать статьи для ознакомления читателей (что вам и следует сделать — 61% покупателей принимают решения о покупке на основе контента блога), это будет очень важной частью вашего веб-сайта.
Создание страниц на WordPress занимает всего несколько кликов. Давайте перейдем к тому, как вы можете создать самую важную страницу для своего веб-сайта прямо сейчас.
Как создать домашнюю страницу
Два разных способа создания домашней страницы:
- Ваши последние публикации. На вашей домашней странице представлены ваши последние записи в блоге.
- Статическая страница. Вы создаете страницу, которая станет вашей домашней страницей.
Первый вариант прост: создайте записи в блоге, и на главной странице автоматически появятся все ваши последние записи в блоге.
Вот почему мы хотим познакомить вас с созданием статической страницы для вашего веб-сайта. Это может быть особенно полезно для компаний, которым просто нужна брендированная страница, чтобы познакомить свою аудиторию с веб-сайтом.
Он также гораздо более настраиваемый, чем страница с вашими последними публикациями в блоге.
Сначала вернитесь на панель управления вашего веб-сайта WordPress и нажмите на Страницы> Добавить новый.
Теперь вы перейдете в режим редактора страниц WordPress. Эта область позволяет вам создать страницу, добавив текст, изображения, видео, мемы или что-либо еще, что вы хотите продемонстрировать на своей домашней странице (или любой другой странице, если уж на то пошло).
В поле Добавить заголовок вы можете создать — как вы уже догадались — заголовок для своей домашней страницы. Вверху будет отображаться большой фрагмент текста. Ниже находится поле содержимого, в которое вы можете добавить текст или мультимедиа.
В левом верхнем углу вы можете нажать на кнопку + , чтобы добавить новые блоки контента.
Это очень важная область, которая позволяет вам легко добавлять медиа, цитаты, извлекать кавычки, новые абзацы, заголовки и многое другое.
В правом верхнем углу вы увидите пять кнопок:
- Сохраните черновик. Это позволяет сохранять ваш прогресс при редактировании домашней страницы.
- Предварительный просмотр. Это дает вам представление о том, как будет выглядеть ваша страница после ее публикации.
- Опубликовать. При этом фактически публикуется черновик.
- Настройки (значок шестеренки). В этой области можно выполнить ряд действий, включая редактирование размера шрифта для каждого блока (в разделе Блок ). Вы также сможете настроить видимость своей домашней страницы, запланировать время публикации страницы, изменить URL-адрес, установить рекомендуемое изображение и разрешить комментарии (в разделе «Страница «).
- Дополнительные инструменты (три точки). Это меню включает в себя ряд дополнительных инструментов, которые вы можете использовать для изменения визуализации вашего редактора страниц.
Создайте базовую домашнюю страницу прямо сейчас, добавив заголовок и содержимое. Она не обязательно должна быть вычурной. Мы просто делаем это в качестве тестового запуска. Вы всегда можете изменить ее позже.
Как только вы это сделаете, нажмите Опубликовать в правом верхнем углу. Теперь веб-сайт будет запущен!
Но это еще не значит, что это ваша домашняя страница. Перейдите к внешнему виду> Настроить на боковой панели.
Затем перейдите в Настройки домашней страницы. Теперь вы можете нажать на статическую страницу под своей домашней страницей, отображающую настройки. Это позволит вам выбрать домашнюю страницу, которую вы только что создали, в выпадающем меню под домашней страницей.
Выберите эту страницу, затем нажмите на Опубликовать вверху.
Поздравляю!! Вы только что создали свою самую первую домашнюю страницу.
Как создать страницу «О компании», «Контакты», «Целевая страница» или любую другую страницу
Создание любой другой страницы для вашего веб-сайта будет состоять в основном из тех же шагов, что и ваша домашняя страница.
Сначала вернитесь на панель управления вашего веб-сайта WordPress и нажмите на Страницы> Добавить новый.
И в редакторе страниц создайте страницу, которую вы хотите создать. Это действительно так просто.
Однако, если вы позволите своим читателям легко находить эту веб-страницу, вам придется создать для них некоторые навигационные элементы.
Шаг 8: Соедините свои веб-страницы с меню
Создание меню будет отличаться от темы к теме.
На панели управления WordPress нажмите Внешний вид> Настроить.
Затем нажмите Меню> Создать новое меню.
Здесь вы сможете присвоить своему меню название и выбрать, где бы вы хотели, чтобы оно отображалось.
Сейчас мы собираемся использовать очень креативное название “Новое меню” и выбрать для расположения меню верхнюю панель . Вы всегда можете изменить это позже. Затем нажмите Далее.
Теперь пришло время добавить несколько ссылок. Нажмите + Добавить элементы, чтобы начать создавать свое меню.
Отсюда вы можете добавлять страницы с помощью уже созданных вами страниц, пользовательские ссылки на различные веб-сайты, записи в блогах, категории, теги и многое другое.
Сейчас мы собираемся добавить в меню страницы «Главная», «Контакты» и «О компании» (которые мы создали в предыдущих частях).
Для этого нажмите на страницы в разделе Страницы .
Теперь они появятся в меню верхней панели вашего основного веб-сайта.
Следует отметить одну вещь: вы можете создавать выпадающие меню для более крупных категорий, какие только сможете придумать.
Допустим, мы хотим добавить страницу контактов в раздел «О компании». Вы можете сделать это, перетащив меню контактов под раздел «О компании» при настройке меню.
В вашем меню «О программе» теперь будет выпадающий список, из которого посетители смогут получить доступ к вашей странице контактов.
Как только вы закончите создавать меню, нажмите на Опубликовать вверху.
И готово! Вы только что создали свой самый первый веб-сайт.
Посмотрите на свой новый веб-сайт во всей его красе:
Хорошо, мы признаем: прямо сейчас это немного не впечатляет — но это потому, что вы еще не занялись его брендированием или добавлением какого-либо реального контента!
Мы показали вам, как запустить ваш веб-сайт. Теперь ваша очередь создавать его с помощью контента.
Шаг 9: Создайте привлекательный контент для вашего веб-сайта
То, что вы в конечном итоге решите включить в свой веб-сайт в качестве контента, полностью зависит от вас.