Полезные статьи

Как создать сайт самостоятельно бесплатно: пошаговая инструкция

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

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

Получение хостига и домена для сайта

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

После чего вводим нашу почту и выбираем, что мы являемся физическим лицом. Логин и пароль от личного кабинета придет к вам на почту. Дальше нужно выбрать тариф я рекомендую Мак-10 на нем вы сможите разместить 5 сайтов с ежемесячной оплатой 249 рублей. Опустившись ниже вы сможите зарегестрировать себе домен.

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

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

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

Знакомство с админпанелью

Когда вы установили сайт на хостинге Макхост, вам автоматически придет на почту письмо с сылкой на страницу админпанели и логин с паролем от сайта. Далее мы проходим по ссылке из письма, вводим логин и пароль администратора. Админпанель самая важная часть в управлении сайтом. Большая часть времени нашего урока пройдет в работе с этой панелью. Из админпанели вы будете добавлять новые страницы, новые картинки, изменять внешний вид сайта и проводить всевозможные настройки. Я обращу ваше внимание на наличие такого пункта как “Обновления”.

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

Записи и рубрики

Первая часть системы вордпресс это записи. В левом пункте меню  найдите “Записи”, кликните по ней и вы попадете в раздел записей. Здесь находятся все записи содержащиеся на вашем сайте. И сейчас у вас должна быть одна тестовая запись “Привет мир”. Эту запись можно удалить она по сути не нужна. Давайте создадим нашу первую запись для этого жмем на кнопку “Добавить новую”, после чего мы попадаем в редактор записей. Первое идет заголовок текста, ниже уже можно писать сам текст статьи. Обратите внимание на первую часть нашей страницы. Тут есть окно публикации нашей записи, вы можете сначала сохранить ваш текст в черновик, исправить все недочеты, а  затем опубликовать  его. Вы можете изменить ссылку вашей записи, там где написанно “Постоянная ссылка” можно нажать изменить и поменять её на свою ссылку. Каждая запись должна принадлежать хотя бы одной рубрике. Ниже мы подробно разберем рубрики и как их создавать.

В разделе левого меню во вкладке “Записи” есть подпункт рубрики.

Изначально у вас есть рубрика которая называется “Без рубрики”. Давайте добавим новую рубрику пусть она будет называться “Новости спорта”, ниже есть окно “Ярлык” я рекомендую прописывать тоже самое название только вместо пробела поставте тире “Новости-спорта”. Если пункт “Ярлык” вы не станите заполнять, то он будет сгенерирован автоматически. Если вам, что-то не нравится в названии ваших рубрик, то их можно изменить как вам нужно. Можно создать  и подрубрики, например в названии пишем “Новости хоккея”, в поле “Родительская рубрика” выбираю “Новости спорта”, таким образом у меня появилась подрубрика. Обычно функционал подрубрик используется на очень небольшом количестве сайтов и скорее всего вам это не понадобится.

Страницы и медиафайлы

Пора перейти к следующей части освоения я предлагаю вам научиться пользоваться страницами, в левом меню админ-панели найдите пункт страницы и перейдите в него, вы заметите, что у вас уже есть одна страница которая называется пример страницы, мы ее удаляем и жмём добавить новую. Мы видим почти такой же редактор как и в случае с записями, здесь тоже есть заголовок после того как мы введём заголовок страницы нам точно также предложат сформировать ссылку на эту страницу. Здесь такbже есть текстовый редактор точно такие же настройки публикации, но кое-что отличается. Во первых у страниц нету такой штуки как рубрики, страницы создаются отдельно и к рубрикам не принадлежат. Фундаментальная разница между страницами и записями заключается в том, что записи отображаются в ленте записей, а страницы существуют независимо. Попробую объяснить по проще с помощью записей вы будете публиковать различные новости, статьи, посты в блоге. С помощью страниц вы будете создавать специальные служебные страницы например главная страница, лендинг пейдж или же страница контактов с администрацией сайта.

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

Темы

Темы это дополнения к системе вордпресс которые определяют внешний вид и задают общий топ сайта. По умолчанию у вас будет 3 или 4 темы. Все эти темы которые изначально существуют в вордпрессе крайне не приглядны и ими мы не будем пользоваться. Темы еще называют шаблонами. Я предлогаю скачать по этой ссылке премимум тему Root. После перехода вы попадете на мой Яндекс диск где сможете скачать бесплатно zip архив этой темы. Далее архив нужно закачать на хостинг в сам сайт. Если конкретнее, нужно установить zip архив в папку themes и разархивировать его, либо установите через приложение файл зилла в корень сайта. Затем на самом сайте в левом меню во вкладке “Внешний вид”

раздел “Темы” активируете тему Root, если потребуется активация внутри шаблона не пугайтесь, просто введите любые цыфры и шаблон автоматически активируется. После активации темы у вас появится функция  её настроек. Что-бы вы могли более качественно настроить свою тему нужно из консоли перейти на сам сайт, после чего вверху вы увидите вкладку “Настроить” кликаете на нее и вы перейдете в полный функционал с настройками. Скажу сразу шаблон классный, интуитивно понятный, на русском языке и у вас не возникнет больших сложностей с его настройкой.

Плагины

В хорошо уже знакомом вам левом меню кликаете по вкладке “Плагины” и вы попадете в библиотеку плагинов. Что такое плагин? Плагин- это дополнение которое сильно расширяет функционал вашего сайта. По умолчанию у вас будет активированно 2 плагина, рекомендую удалить их за ненадобностью. Теперь следует добавить нужные нам плагины. Вы уже видите знакомый дизайн кнопки “добавить новый” жмем на нее и попадаем в библиотеку плагинов. Библиотека  выглядит примерно таким же образом как и библиотека тем. В библиотеке есть несколько важнейших разделов, а именно раздел популярные,  которым вы возможно будете пользоваться и поиск. Я предлогаю воспользоваться поиском для того, что-бы вы могли установить и активировать необходимые плагины.

  1. Autoptimize– Делает ваш сайт быстрее за счет оптимизации CSS, JS, изображений и шрифтов.
  2. Page Speed Ninja– Быстрый и продвинутый плагин для производительности, сделает ваш сайт быстрее и исправит недочеты.
  3. Really Simple SSL– Легковесный плагин сделает ваш сайт SSL защищенным.
  4. Smuch–  Позволяет максимально сжимать изображения без потери качества, что положительно влияет на скорость загрузки страниц.
  5. RusTolat– Плагин транслитерации русских ссылок.
  6. Yoast Seo– Классный плагин, помогает настроить сайт под поисковое продвижение.

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

Логотип и фавикон

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

  1. Первое это генераторы логотипов, но все они создают низкокачественные логотипы, а потом в самом конце когда вы уже создали логотип, пишут оплатите 7 долларов.
  2. По этой причине я вам предлогаю использовать биржу Kwork. На ней вы сможите заказать качественный логотип с гарантией и всего за 500 рублей.

Фавикон это картинка которая отображается рядом с названием вашего сайта в браузере, а также в поиске Яндекса и Гугла. Если вы зайдёте на какой-нибудь популярный сайт, то здесь вы увидите фавикон. Фавикон это уменьшенная версия логотипа компании, сайта. Если ввести в поиске яндекса любой поисковый запрос то в результатах поиска помимо ссылок на сайты будут показаны фавиконы этих сайтов. Для того что-бы создать фавикон есть несколько вариантов, можно вручную его cгенерировать, а потом загрузить через хостинг на сайт, но это все очень долго. На эту проблему добавление фавикона есть свое решение которое называется Heroic Favicon Generator. Этот плагин вам нужно установить и активировать, после чего у вас в настройках появится пункт heroic и здесь вы можете в два клика установить фавикон для вашего проекта. Отличительная черта этого плагина в том, что он создает не только фавикон, но и картинки для различных браузеров. Работает этот плагин очень просто, вы выбираете любую картинку и нажимаете сохранить в настройках. Фавикон сразу должен отразиться на вашем сайте. При желании фавикон точно так же как и логотип можете заказать  на бирже Кворк, тут есть куча предложений подобного рода. А я вам желаю скорейшего создания сайта и успехов в его продвижении!

 

Добавить комментарий

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