Ми переїхали 🚚 Шукай в розділі послуги на Plerdy Детальніше

0 Вы только узнали
% информации

Как бесплатно создать сайт самому?

Generic selectors
Exact matches only
Search in title
Search in content

 

Простое пошаговое руководство от веб-разработчика.

Вот почему вам понравится это руководство по созданию сайта:

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

Актуальное. Другие руководства устарели или вовсе неправильные. Это – обновляется каждый месяц.

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

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

Здесь можете купить домен для сайта и также на бирже фриланса заказать простенький сайт или можете самостоятельно создать здесь сайт или магазин.

Скачать последнюю версию можете здесь, после нажатия на любую кнопку социальных сетей:

ВСЕГО 3 БЫСТРЫХ ШАГА

Вы узнаете, как…

  • ШАГ 1. Быстро выбрать платформу для самостоятельного и бесплатного создания сайта.
  • ШАГ 2. Выбрать адрес сайта (www.).
  • ШАГ 3. Самостоятельно создать и настроить ваш сайт.

ШАГ 1
ВЫБЕРИТЕ НАИЛУЧШУЮ БЕСПЛАТНУЮ ПЛАТФОРМУ ДЛЯ СОЗДАНИЯ САЙТА С НУЛЯ

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

Что такое платформа?

В далеком 2004, когда веб-разработка только начиналась, большинство сайтов создавались на HTML (код), CSS и даже Flash. Чтобы овладеть ими, нужно было потратить много времени и усилий.

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

В 2016 году системы управления контентом (CMS), такие как WordPress, сделали создание сайтов бесплатным и доступным каждому.

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

Три самые популярные платформы для создания сайтов в 2016

Screenshot_2

Картинка и информация с OpenSourceCMS.com

Как вы видите, почти половина всех сайтов работает на платформе WordPress. Просто взгляните на вот эту статистику от W3 Techs и BuilthWith.

Почему WordPress лучше других?

Потому что она ПОТРЯСАЮЩАЯ! Но, что важнее, она…

  • совершенно БЕСПЛАТНАЯ, со множеством макетов на выбор;

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

  • отлично подходит для тех, кто хочет научиться создавать сайт с нуля;

Если вы знаете, как пользоваться Microsoft Word, то уже умеете добавлять свой собственный контент. Возможности WordPress доступны для расширения с помощью бесплатных плагинов. Это позволит вам самостоятельно создать любой сайт: от роскошной бизнес-страницы и до сайта социальной сети. С плагинами вы сможете добавлять формы обратной связи, формы для подписки, фотогалереи и многое другое – звучит просто, не так ли?

  • большой сайт или маленький? Неважно;

От обычных блогов до красивых бизнес-сайтов и онлайн-магазинов — WordPress’у всё под силу. WordPress используется Facebook, eBay, McAfee, Mozilla, Reuters, CNN, Google Ventures и даже NASA.

  • адаптированная для мобильных и планшетов;

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

  • поддержка платформы просто отличная.

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

На самом деле, даже сайт, который вы сейчас читаете, создан на WordPress! Она неспроста популярна. В частности, 25% всех сайтов созданы на WordPress.

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

Drupal — очень мощная платформа, популярная среди веб-разработчиков и опытных кодеров, но путь обучения очень извилист, поэтому она точно не для новичков.

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

НАЧИНАЮЩИМ МЫ НАСТОЯТЕЛЬНО РЕКОМЕНДУЕМ ИСПОЛЬЗОВАТЬ WordPress.

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

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

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

Запомните: здесь вам обязательно помогут создать собственный сайт!

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

ПЕРЕД СЛЕДУЮЩИМ ШАГОМ НУЖНО:

  • Выбрать платформу для создания сайта. Мы рекомендуем WordPress, она бесплатная и лёгкая в использовании. В этом руководстве вы также узнаете, как создавать сайт самому с помощью WordPress.
  • Сейчас вам не нужно устанавливать/скачивать что-либо. Это ожидает вас на следующих шагах.

ШАГ 2
ВЫБЕРИТЕ НАЗВАНИЕ ДОМЕНА И ХОСТИНГ ДЛЯ ВАШЕГО САЙТА

Чтобы создать новый сайт с нуля, вам нужны две вещи:

Сама по себе платформа WordPress бесплатна, но за название домена и хостинг придётся ежемесячно платить около 3-5 $ (это цена 4-5 чашек кофе, так что вы не станете банкротом).

Собственное название домена выглядит более профессионально, чем сайт под доменом кого-то другого (как, например, blogspot.com), к тому же оно недорого стоит.

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

Где мне достать название домена и хостинг?

Очень часто для хостинга и регистрации домена используют этот сервис.

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

При получении названия домена вы также обретаете собственный e-mail-аккаунт(ы): you@yousite@com. Это выглядит куда профессиональнее, чем шаблонный Gmail или Yahoo-адрес.

Уже есть название домена и хостинг? Продолжайте дальше и переходите к шагу 3, где вы узнаете, как можно самостоятельно создать свой сайт.

Какое название домена нужно выбирать?

Для хорошего начала:

  • Если вы создаете сайт для вашего бизнеса, название домена должно совпадать с именем компании. Например: YourCompanyName.com.
  • Если вы хотите создать сайт для себя, тогда YourName.com станет отличным вариантом.

Названия доменов чаще всего заканчиваются на .com.ua, .org, .net, но в последние месяцы появилось много доменных зон (конец веб-адреса, как, например, .com) от .agency до .pizza.

Что лучше? Предлагаем избегать странных зон и сделать выбор в пользу .com.ua. Только если они идеально описывают то, что вы предлагаете, – и всё же постарайтесь найти более распространённое название.

Тогда как .com.ua используются постоянно, и это лучше для SEO, сумасшедшие доменные зоны ещё не стали мейнстримом, поэтому, если доменная зона слишком отличается, люди попросту могут вас не найти.

Как выбирать название домена?

  • Оно подходит для интернет-рынка? Например, если вы решили создать сайт о поэзии, best-poetry-website.net – не самый лучший выбор, придумайте что-то вроде poetry.com.ua или poetme.com.ua
  • Оно легко запоминается? Короткие, пробивные и понятные названия доменов легче запомнить. Если название вашего домена слишком туманное, длинное или странно пишется, посетители могут его забыть.
  • Оно броское? Вы хотите название, которое легко произносится, точно передает сущность вашего сайта и не выходит из головы? Придумать классное имя, может быть, немного сложно, ведь на данный момент в мире уже существует около 150 миллионов действующих названий доменов, но не отчаивайтесь.

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

ПЕРЕД СЛЕДУЮЩИМ ШАГОМ НУЖНО:

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

ШАГ ТРЕТИЙ
Создайте собственный сайт на WordPress

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

Сейчас пришло время самостоятельно создать и запустить ваш сайт. Сначала нужно установить WordPress на ваш домен.

Установка WordPress

Существует два возможных способа установки WordPress, и один из них НАМНОГО проще другого.

  1.   Установка в один клик для таких сайтов, как WordPress, Drupal, Joomla.

Почти каждая надёжная и солидная хостинг-компания предлагает установку в один клик для WordPress — начать роботу можно уже одним щелчком.

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

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

  1.   Залогиньтесь на вашем хостинг-аккаунте.
  2.   Перейдите к панели управления.
  3.   Найдите изображение WordPress.
  4.   Выберите домен, на котором хотите установить свой сайт.
  5.   Нажмите кнопку «Установить сейчас», и вы должны получить доступ к вашему НОВОМУ сайту WordPress.

Нужно немного больше помощи в установке WordPress? Вот детальное руководство.

  1.   Ручная установка (если понадобится).

Если по какой-то непонятной причине (некоторые компании не имеют установки в один клик для WordPress) у вас не будет возможности наладить WordPress автоматически, это руководство ручной установки вам поможет сделать все правильно:

Ручная установка WordPress

  1.  Скачайте бесплатно WordPress по этой ссылке: http://wordpress.org/download.
  2.  Создайте новую папку на рабочем столе и разархивируйте в ней WordPress.
  3.  Найдите файл под названием wp-config-sample.php и переименуйте его в: wp-config.php.
  4.  Теперь откройте wp-config.php (с помощью блокнота, например) и заполните следующие строки:
  • define(‘DB_NAME’, ‘database_name_here’); – название базы данных (если не знаете, спросите у специалистов поддержки вашего хостинга);
  • define(‘DB_USER’, ‘username_here’); – ваше имя пользователя;
  • define(‘DB_PASSWORD’, ‘password_here’); – ваш пароль доступа к хостингу.

После заполнения всех пропусков сохраните файл.

  1.  Теперь залогиньтесь на ваш ftp-хостинг (для этого скачайте FileZilla). Адрес FTP – чаще всего ftp.yourdomain.com, имя пользователя и пароль те же, что вы использовали для регистрации вашего хостинга.
  2.  Если там есть какой-либо файл под названием index – удалите его. После этого загрузите все файлы с папки WordPress на ваш FTP-сервер. Вы же наверняка умеете использовать функцию «перетаскивания» в FileZilla.
  3. После выполнения всех предыдущих шагов перейдите по адресу yourdomain.com/wp-admin/install.php


Вы должны увидеть вот такую страницу:

Screenshot_3

Просто заполните поля, и всё готово!

Но только тссс… если у них нету установки в один клик, может быть, вы связались с плохим хостингом!

Выбор темы/шаблона вашего сайта

Как только вы успешно установили WordPress на домен, вы увидите очень базовый чистый сайт:

Screenshot_4

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

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

Найти нужную вам тему можно так:

1). Войдите на панель управления WordPress

Если не знаете как, введите http://yoursite.com/wp-admin (замените «yoursite» на ваш домен).

Панель управления WordPress выглядит вот так:

Screenshot_5

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

2). Доступ к БЕСПЛАТНЫМ темам

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

Если вы хотите что-то более профессиональное или утончённое, чем смогли найти здесь, зайдите на ThemeForest.net, где просто МОРЕ тем на различный вкус и по разной цене.

Но перед этим мы всё же советуем вам потратить больше времени на поиск среди бесплатных тем. Многие из них на самом деле сделаны очень профессионально, так что не стоит списывать их со счетов.

Screenshot_6

Как вы видите сверху, установить новую тему на ваш сайт очень просто.

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

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

Просто введите эту категорию как одно из ключевых слов, и всё готово!

3). Установите новую тему.

Если вы облюбовали себе какую-нибудь тему, установить её так же просто, как нажать «Установить», а потом «Активировать».

install_theme

ВАЖНО: смена тем не удалит ваши предыдущие посты, страницы и контент. Можете менять их сколько угодно и не беспокоиться о том, что что-то пропадёт.

Как мне добавить контент и создать новые страницы?

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

Добавление и редактирование страниц.

Создание новой страницы.

Хотите страницу «Услуги» или «Обо мне»?

  1. Найдите на боковой панели WordPress раздел «Страницы» -> «Добавить новую».
  2. После нажатия вы увидите окно, похожее на документ Microsoft Word. Добавляйте текст, картинки и многое другое, чтобы создать желаемую страницу. После окончания сохраните.

Добавление страниц в меню

Если вы хотите, чтобы новая страница была привязана к вашему меню:

  1. Сохраните любые внесённые изменения, нажав «Обновить».
  2. Нажмите «Внешний вид» -> «Меню» на боковой панели WordPress.
  3. Найдите созданную вами страницу и добавьте её в список, отметив галочкой в поле напротив неё, а потом нажмите «Добавить в меню».

Screenshot_7

Добавление и редактирование записей

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

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

Вот что нужно сделать:

Screenshot_8

  1. Создайте новую рубрику в разделе «Записи» -> «Рубрики».

ИЛИ

  1. Создайте запись в блоге в разделе «Записи» -> «Добавить новую». После того как вы закончили писать материал в блог, нужно добавить для него подходящую рубрику.

После создания рубрики просто добавьте её в меню, и всё готово к работе!

Настройки и параметры (виджеты, комментарии и все, что нужно для вас)

В этом разделе мы расскажем о некоторых основных пунктах настройки параметров сайта.

Изменение заголовков и краткого описания

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

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

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

Краткое описание создается после заголовков на каждой странице. Краткое описание этого сайта — «Простое пошаговое руководство».

Для изменения заголовка и краткого описания вашего сайта, зайдите в «Настройки» -> «Общие» и заполните такую форму:

Screenshot_9
Отключение комментариев к записям и страницам

Некоторые сайты (чаще всего сайты компаний и организаций) не хотят, чтобы их посетители могли оставлять комментарии на страницах.

Вот как отключить комментарии на страницах WordPress:

  1. Когда создаете новую страницу, нажмите «Настройки экрана» в верхнем правом углу.
  2. Отметьте галочкой «Обсуждение». Снизу появится опция «Разрешить комментарии».
  3. Заберите галочку «Разрешить комментарии».

Хотите сделать так, чтобы на каждой новой странице комментарии были отключены по умолчанию?

Нажмите «Настройки» -> «Обсуждение» и заберите галочку с «Разрешить оставлять комментарии на новые статьи”.

Screenshot_10

Настройка статической главной страницы

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

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

Для настройки статической главной страницы:

  1. Нажмите «Настройки» -> «Чтение».
  2. Выберите созданную вами статическую страницу. «Главная страница» — это главная страница вашего сайта, «Страница записей» — это главная страница вашего блога (если весь ваш сайт не является блогом).

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

Screenshot_11

Настройка виджетов боковой панели

В большинстве тем WordPress боковая панель находится справа (иногда также слева).

Если вы хотите убрать её или некоторые ненужные вам разделы, такие как, например, «Разделы», «Мета» и «Архивы», которые чаще всего просто не применяются, это можно сделать так:

  1. Нажмите «Внешний вид» -> «Виджеты» на панели управления WordPress.
  2. Здесь вы можете перетаскивать различные «блоки» на боковую панель или удалять ненужные вам.

Здесь есть также «форма HTML» — текстовая форма, в которой можно использовать HTML-код. Но это не для новичков, так что не волнуйтесь – просто перетащите нужные вам элементы на боковую панель.

Установление плагинов для максимального использования WordPress

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

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

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

Как установить новый плагин?

Для начала установки плагинов перейдите к разделу «Плагины» -> «Добавить новый» и просто начните искать.

Примите к сведению, что существует более чем 25 000 различных БЕСПЛАТНЫХ плагинов, поэтому вам будет из чего выбрать.

Установить их очень просто – как только найдёте понравившийся вам плагин, нажмите «Установить».

НО – прежде чем вы просто начнёте устанавливать все бесплатные плагины, советуем вам обратить внимание на:

  1. Бесплатный плагин должен иметь много установок, более 1000. То есть быть популярным.
  2. Время последнего обновления — то есть не более полгода назад.
  3. Хорошие отзывы и оценки о бесплатном плагине.
  4. Он должен быть протестирован в вашей версии WordPress.

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

Yoast SEO для WordPress: если хотите, чтобы SEO вашего сайта была ещё лучше, вы просто обязаны иметь этот плагин. Он бесплатный и просто потрясающий. Сделайте редактирование тегов ваших заголовков, метаописаний и многое другое прямо с этой же страницы. Больше никакой возни с настройками WordPress.

Форум: хотите создать форум на вашем сайте? Найдите плагин под названием bbPress и научитесь им пользоваться, следуя урокам.

Contact Form 7: с помощью этого конструктора можно бесплатно создать контактные формы. Простой и гибкий.

Anti-Spam by CleanTalk: максимальная мощность, все в одном, менее CAPTCHA, премиум-плагин антиспам. Нет спама в комментариях, регистрация без спама, защищает любые WordPress-формы.

Cyr to Lat enhanced: сделает преобразование кириллицы, европейских и грузинских символов в латинские для URL вашей страницы. Полезно для создания удобочитаемых URL.

Duplicate Post:  делает копию любого поста и страницы.

qTranslate-X: многоязычная поддержка контента.

WP Super Cache: плагин кэширования для WordPress.

…вот, собственно, и всё.

Наши поздравления – вы готовы начать!

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

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

И последнее, но не менее важное… Если вам помогло наше руководство, поделитесь им.

Задать вопрос
17 комментаря(иев)
  1. seoonly.ru

    Спасибо за руководство-)

  2. Katya

    На все эти вопросы вы можете найти ответы в наших статьях)

  3. Роман Киричук

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

  4. Александра

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

  5. Денис

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

  6. дарина

    дякую

  7. Николай

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

  8. Олеся

    Як зробити щоб на сайті не висвітлювалась реклама?

  9. Pics_Art

    Привет я ришыла з друзямы зделать сайт.Ми пастараэмся зделать етат сайт классным.

  10. Анонім

    Все зрозуміло. Зробіть статтю, в якій розкажете, як заробляти на свому сайті, або дайте силку … Дякую

  11. Григорий

    как было красиво начало. но когда начал пить 3 чашки кофе желание читать дальше …

  12. Тетяна

    Не могу найти Word Press на сайте Хостинг Украина

  13. Юрій

    Дуже вдячний Вам — все розклали по поличкам, — дохідливо і зрозуміло. Отримав велике задоволення від цього корисного і потрібного матеріалу, який Ви так майстерно подали (перечитав кілька разів). Удачі Вам, наснаги та здоров»я!

  14. ТОВ Альянс-безпека

    Щиро вдячний за повне розкриття теми.

  15. Ігор

    Дуже цікава та потрібна стаття. Дякую.

Оставить комментарий к Анонім Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *