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

Хотите создать сайт? Что ж, WordPress.org — отличная система для использования. WordPress, один из гигантов Интернета, поддерживает около 40% веб-сайтов в мире, и не зря. Он существует уже несколько десятилетий, бесплатный и открытый, и вокруг него существует огромное и активное сообщество.

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

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

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

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

01. Купить доменное имя и хостинг

Мы используем Hostgator , но доступны и другие хосты … (Изображение предоставлено Hostgator)

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

Вам также необходимо купить доменное имя: веб-адрес, по которому люди могут получить доступ к вашему сайту. (Например, доменное имя сайта, который вы сейчас просматриваете, — creativebloq.com.) Большинство хостинговых компаний продадут вам пакет, который включает как хостинг, так и доменное имя, что значительно упрощает работу.

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

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

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

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

В нашем случае нам повезло. В то время как 99percentmedia.com был недоступен, 99percentmedia.net был. И этого для нас было достаточно.

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

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

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

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

Купив наш хостинг, мы отключены ! (Изображение предоставлено Hostgator)

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

Совершенно очевидно, что вам нужен левый вариант здесь (Изображение предоставлено Hostgator)

Нажав на опцию WordPress, мы попадаем на экран ниже.

Нажмите «Установить WordPress» в нижней части правый столбец (Изображение предоставлено Hostgator)

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

Еще одна форма для заполнения, и все готово (Изображение предоставлено: Hostgator)

Название блога не требует пояснений: это заголовок, который будет отображаться на главной странице вашего сайта. Это может быть то же самое, что и имя вашего домена, но не обязательно. Пользователь с правами администратора — это в основном ваше имя пользователя для входа в WordPress. Мы выбрали «admin», но это может быть ваше имя, ваш псевдоним или что-нибудь еще, что запомнилось.

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

Ура! Наконец-то вы находитесь в панели управления WordPress, где можете приступить к созданию своего сайта. Примечание. В будущем вы сможете зайти сюда в любое время, указав URL своего сайта и «/ wp-admin». В нашем случае это http://99percentmedia.net/wp-admin/.[19459003visible[19459043sizes03Начнитесоздаватьсвойсайт

Ваша панель управления WordPress находится там, где вы ' Я создам свой веб-сайт (Изображение предоставлено WordPress)

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

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

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

Измените настройку постоянных ссылок с Custom Structure на Название сообщения (Изображение предоставлено WordPress)

Хорошо, хотите увидеть, как ваш сайт выглядит в данный момент? Затем наведите курсор на его название в верхней части страницу и щелкните Посетите сайт . Сейчас он будет выглядеть примерно так:

Так выглядит сайт WordPress в самом простом виде (Изображение предоставлено WordPress )

Довольно просто, верно? Итак, пришло время добавить немного стиля.

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

04. Выберите тему

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

Как только вы найдете в Интернете понравившуюся тему, сначала вам нужно загрузить ее в виде zip-файла. Затем на панели управления перейдите в Внешний вид и нажмите Темы > Добавить новую > Тема загрузки .

Перейдите к zip-файлу на вашем компьютере, затем нажмите Установить затем Активировать .

05. Начать настройку

Наш сайт с темой Twenty Seventeen ] (Изображение предоставлено wordpress)

Как вы можете видеть выше, мы решили использовать собственную тему WordPress Twenty Seventeen . теперь нам нужно сделать это, но, что наиболее очевидно, изображение по умолчанию не имеет отношения к нашей теме. Итак, давайте изменим

Нажимаем Внешний вид > Настроить > Заголовок . Затем мы прокручиваем вниз до Изображение заголовка выбираем Добавить новое изображение и меняем изображение нашего главного героя на более подходящее из Adobe Stock.

(Изображение предоставлено WordPress)

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

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

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

Альтернативы WordPress

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

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

Не хотите тратить деньги ? Затем подумайте, действительно ли веб-сайт вам нужен. Например, если вам нужно место для демонстрации своей творческой работы в Интернете, может ли такая платформа, как Dribbble или Behance, или, возможно, просто бизнес-страница в Instagram или Facebook, справиться с этой задачей? Также обратите внимание, что Adobe Portfolio предоставляется бесплатно, если вы уже платите за Creative Cloud.

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

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

Подробнее: