Одним из первых шагов в представлении себя в цифровом мире является создание сайта. С развитием сферы сайтостроения у нас появилось много способов для этого: мы можем использовать систему управления контентом, или мы можем использовать конструктор сайтов, или же пойти по проверенному и самому старому пути – построить сайт с нуля. В этом руководстве рассмотрим все вышеперечисленные способы и покажем вам, как создать сайт самому.
Не стоит переживать, если вы ещё никогда раньше этим делом не занимались – в этом руководстве мы проведём вас через весь процесс и постараемся ответить на главные вопросы по теме, как
создание сайта как сделать сайт
Как уже упоминалось выше, есть три основных пути создания сайта:
Использование CMS content management system): Представим систему управления контентом, как продвинутый инструмент разработки, который может быть использован для создания и управления сайтами и их содержимым. Если говорить о CMS, то здесь можно выделить трёх лидеров рынка WordPress, Drupal и Joomla! Все три бесплатные и с открытым исходным кодом open-source), но WordPress бесспорно лидирует по количеству установок среди других CMS. Также эти три системы объединяет то, что они были разработана на PHP, позволяют использовать шаблоны/темы для визуальной настройки и все три имеют свои сообщества поддержки. Хотя Joomla! и Drupal не могу соревноваться с WordPress в удобстве, простоте, поддержке, они также имеют внушающие размеры сообществ, бесплатные плагины и темы. Для тех, чей опыт разработки не слишком велик, WordPress наиболее подходящий выбор.
Применение конструктора сайтов: Мир автоматизации достиг новых вершин с появление конструкторов сайтов. Вначале, возможности настройки функциональности и дизайна были ограничены, но в современных конструкторах сайтов их становиться всё больше доступно в режиме простого перетаскивания. В сравнении с CMS и созданием сайта с нуля, конструкторы сайтов очень быстрые, эффективные и подходят для тех, у кого нет навыков разработки и немного времени для того, чтобы разбираться в этом деле.
Разработка сайта с нуля: Третий доступный способ создания веб-сайта – создание сайта с нуля. Этот процесс может заинтересовать всех, у кого есть хотя бы небольшой опыт программирования. Технологии для создания сайта, которые мы рассмотрим в этом руководстве – это HTML и CSS.
Шаг 2 – Приобретение Хостинга и Доменного имени
Ваш сайт похож на дом и у него должен быть адрес, по которому пользователи могут туда попасть, и место, где он расположен. Чтобы опубликовать свой сайт в интернете, нужно обзавестись хостингом и позаботиться об адресе, по которому он будет доступен – его домене. Давайте рассмотрим по-очереди:
Выбор хостинга
Хороший провайдер хостинга многократно подвтердить, что для вашего сайта будут предоставлены необходимые стандарты качества, эффективности и доступности. Провайдер веб хостинга Hostinger по удивительно дешевым ценам сохраняет вышеупомянутые стандарты и многое другое). Вот некоторые из множества причин, почему вы должны присоединиться к миллионам клиентов, которые уже выбрали Hostinger:
Хостинг от Hostinger оптимизирован под WordPress т.е. WP CLI, кэширование WordPress и т.д.)
Вы получаете супер понятный и простой конструктор сайтов, который пошагово покажет вам, как создать свой сайт простым перетаскиванием.
Сайт на PHP будет легко запущен на хостинге от Hostinger. Он очень удобный для разработчиков. Вы можете запускать Laravel, CodeIgniter, легко интегрировать GIT и получать SSH доступ к вашему серверу.
Hostinger также обеспечивает сертификатами SSL.
Бесплатная 30-дневная пробная версия, позволяет попробовать все услуги до совершения покупки.
Если вы выберете премиум или бизнес тариф, то получите бесплатно доменное имя.
Вы можете иметь столько email адресов, сколько хотите да – неограниченное количество!).
Наша поддержка следит за работоспособностью серверов 24/7/365, если с вашим сайтом возникли какие-то проблемы или у вас есть вопросы поддержка готова помочь вам.
Одним нажатием кнопки вы сможете установить любую известную CMS, включая WordPress, Joomla!, Drupal и другие.
Выбор доменного имени
Проще говоря, домен – это имя вашего сайта. Это то, что вы вбиваете в адресной строке вашего браузера и нажимая enter входите на свой сайт. Google.com – это домен, как и Facebook.com.
Выбор хорошего доменного имени также очень важен, поскольку используя его, ваши посетители будут попадать на ваш сайт, нельзя ошибиться. Вот несколько рекомендаций, с которыми стоит ознакомиться, прежде чем выбирать домен:
Пусть он будет коротким: Никто не захочет посещать Googlebutwithabiggerdomainname.com.
Имя должно отвечать бренду: Ваше доменное имя должно давать людям понять, с чем связан ваш бизнес.
Выбирайте правильное расширение домена: Расширение домена – это часть домена, которая идёт после точки .). Домен .com универсальный выбор, но в зависимости от ваших потребностей или природы вашего сайта, вы можете выбрать другие.
Что вы ощущаете, когда произносите его? Ваше доменное имя должно легко произноситься, так чтобы его легко можно было употребить в разговоре.
Как отдельную услугу Hostinger также предоставляет регистрацию доменного имени. Вы можете воспользоваться этим простым чекером доменов, для выбора доменного имени.
Отметим ещё раз, что если вы выбираете бизнес или премиум тариф хостинга, вы получаете доменное имя бесплатно да – совершенно бесплатно!). Мы также продаем домены следующего поколения .xyz по невероятной цене $0,99 в год.
Шаг 3 – Создание сайта
Итак, основа заложена, и теперь начинается самое интересное. Теперь, когда вы знаете, где будет размещаться ваш сайт, и какое доменное имя вы будете использовать, можно начать создавать свой собственный сайт. Мы расписали все 3 метода как сделать сайт на WordPress, как создать сайт самому в конструкторе сайтов и как создать сайт с нуля) ниже, выбирайте свой выбор и вперёд.
Вариант 1 – Как создать сайт на WordPress:
Если вы это читаете, значит вы выбрали лучшую CMS для создания своего сайта – можно с уверенностью сказать, что вы сделали правильный выбор. Давайте начнём по порядку.
Установка WordPress
Установка WordPress проста и проходит всего за несколько нажатий. Авто-Установщик сделает за вас всю сложную работу, однако мы добавили также вариант ручной установки WordPress через FTP.
Установка через Авто-Установщик:
Войдите в свой хостинг-аккаунт и из Панели Управления перейдите в Авто-Установщик нажимая на соответствующую иконку.
В поле для поиска напишите WordPress. Когда увидите последнюю версию в результатах поиска нажимайте на неё.
Введите адрес URL Адрес вашего сайта. Можно оставить незаполненным, если вы хотите установить WordPress в корень вашего домена), язык, имя пользователя, пароль, email, Название сайта WordPress, WordPress Тэглайн слоган вашего сайта) и нажмите кнопку Установить.
Авто-установщик WordPress на Hostinger
Готово! Теперь WordPress установлен.
Очень маловероятно, что Авто-Установщик не будет работать для вас, но если вдруг это так или, если вам нравится делать все вручную, вы также можете вручную установить WordPress, используя FTP для передачи файлов. Следуйте шагам ниже.
Установка через FTP
Настройка WordPress
Теперь, когда установка уже позади, можно обратиться к настройке вашего недавно созданного сайта на WordPress. Давайте взглянем на настройки, с которых имеет смысл начать:
Удаление страницы по умолчанию, записи и комментария:
Запись по умолчанию "Hello world” создаётся после установки. Хорошей идеей будет удалить её сразу же. Чтобы это сделать, перейдите в Записи -> Все записи и удалите её.
Теперь перейдите в Страницы -> Все страницы удалите страницу Примера.
И, наконец, перейдите в раздел Комментарии и избавьтесь от комментария по умолчанию.
Часовой пояс и настройки языка:
Перейдите в Настройки -> Основные и настройте свой часовой пояс и язык.
Комментарии в WordPress
Все настройки, которые касаются комментариев можно найти Настройки->Обсуждения из админ консоли WordPress. В зависимости от того, что вам нужно, вы можете:
Разрешить или запретить людям оставлять комментарии под статьями.
Решить, как вы хотите одобрять комментарии вручную или нет.
Настроить email-уведомления для комментариев.
Отображать или нет аватары.
Совет:
Вы можете отключить комментарии для указанных страниц или записей. Для этого:
Перейдите в меню Все записи/страницы в wp-админ консоли.
Теперь нажмите на ссылку Свойства под интересующей страницей.
Под тегами вы увидите настройку, которая говорит Разрешить комментарии. Просто отключите её и всё будет готово.
Изменение настроек медиафайлов
Как только вы разберётесь с этим шагом, сайт на WordPress будет эффективнее работать с изображениями. По умолчанию, после загрузки ваших изображений, будут созданы несколько версий с разными размерами, что очень неэффективно. Чтобы изменить это следуйте шагам:
Перейдите в Настройки -> Медиафайлы.
В настройках размера миниатюры поставьте 0 напротив ширины и высоты. Оставьте опцию "Обрезать миниатюру точно по размерам обычно сохраняются пропорции миниатюр)” не включённой.
В Среднем размере, поставьте 0 напротив ширины и высоты.
Наконец, поставьте 0 в значении ширины и высоты в настройке Крупного размера.
Установите "Помещать загруженные мной файлы в папки по месяцу и году” и нажмите Сохранить изменения.
Отключение просмотра каталогов:
Это одна из наиболее сложных настроек конфигурации, которая значительно улучшит безопасность вашего сайта. Чтобы отключить просмотр каталогов, вам нужно будет отредактировать файл .htaccess. Следуйте этим шагам:
Подключитесь к своей учётной записи хостинга с помощью любого файлового клиента например, FileZilla)
Найдите файл .htaccess и загрузите его.
Откройте файл и в конце добавьте следующую строку кода:
Options –Indexes
Нажмите Сохранить.
Теперь загрузите заново файл используя FTP клиент.
Настройка WordPress
Визуальная эстетика вашего сайта так же важна, как и сам контент. Темы WordPress позволяют настраивать дизайн и внешний вид вашего сайта в соответствии с вашими потребностями. С другой стороны, плагины WordPress позволяют сделать ваш сайт более функциональным. Мы рассмотрим оба аспекта по очереди.
Установка темы WordPress
WordPress имеет огромное сообщество, поэтому количество бесплатных и платных тем невероятно велико. Здесь можно найти огромное количество бесплатных тем WordPress. Сайты, такие как ThemeForest, являются основным местом концентрации множества бесплатных и платных тем. Если вы не можете выбрать подходящую тему для своего сайта, ознакомьтесь с этим списком лучших бесплатных тем WordPress.
Установка тем в WordPress довольно проста. Следуй этим шагам:
Перейдите в раздел Внешний вид из админ консоли.
Нажмите кнопку Добавить новую.
Вы можете найти доступные темы и выбрать ту, который вам нравится. Нажмите Установить, а затем Активировать, чтобы перейти к выбранной теме.
Установка новой темы WordPress
Если вы хотите добавить новую тему, которую вы купили, сделайте следующее:
Перейдите в Внешний вид и нажмите на кнопку Добавить новую.
Файл темы должен быть в форме архива. Загрузите его.
После завершения загрузки, нажмите на кнопку Активировать и ваша тема будет включена и доступна.
Если вам нужно более подробное руководство по установке темы, вы можете посмотреть это англ.).
Настройка тема WordPress
Если вы умеете редактировать файлы с кодом, вы также можете настраивать темы вручную. Это предполагает изменение кода, написанного в файле CSS таблицы стилей), который отвечает за внешний вид вашего сайта. Для этого выполните следующие действия:
Перейдите во Внешний вид из консоли и затем нажмите на Редактор.
Теперь нажмите на style.css и он откроется в редакторе файлов.
Здесь вы можете вносить необходимое количество изменений, согласно вашим потребностям и желаниям и потом сохранить их по кнопке Обновить файл.
Также вы можете настраивать свои темы редактируя файл functions.php. Здесь вы можете добавлять/удалять/изменять функционал и настройки дизайна вашей темы. Файл функций отвечает за функции темы и добавляя PHP-код можно настроить тему. Вы можете прочитать больше о functions.php здесь.
Установка плагинов WordPress
Плагины облегчают жизнь владельцу сайта и очень выгодны в краткосрочной и долгосрочной перспективе для вашего сайта. Благодаря простоте установки плагина вы можете добавлять функциональные возможности на свой сайт без необходимости писать код или изменять файлы конфигурации. Так же, как и темы, доступны тысячи бесплатных и платных плагинов WordPress. Вот некоторые из них, наиболее полезные, на наш взгляд:
Wordfence security: Этот плагин обеспечит безопасность вашему сайту от потенциальных хакеров. От фаервола и до защиты от угроз безопасности – этот плагин имеет всё. Вы можете найти дополнительную информацию об этом по ссылке вначале.
Google XML Sitemaps: Официальный плагин Google для автоматической генерации XML карты сайта поможет вам в оптимизации для поисковой системы.
Yoast SEO: Один из самых популярных плагинов для SEO для WordPress, Yoast SEO имеет более 5 миллионов установок. Будь то мета-теги или анализ страниц, с Yoast SEO, вам не придётся искать дополнительные инструменты для настройки вашего SEO.
Contact Form 7: Простой плагин WordPress для создания контактной формы. Он очень прост в установке и удобен в использовании.
Устанавливать плагины WordPress также просто как и темы. Следуйте этим шагам для установки:
Наведите на пункт Плагины в главном меню.
Нажмите на Добавить новый.Установка плагина на сайт WP
Поле для поиска заполните имя плагина, который вы хотите установить.
Теперь нажмите на Установить.
Как только закончиться установка, нажмите кнопку Активировать.
В случае, если вы приобрели премиум плагин, вы не найдёте его в официальной директории, его нужно будет загрузить вручную. Для этого:
Перейдите в меню Плагины -> Добавить новый.
Теперь нажмите кнопку Загрузить плагин вверху страницы.
Нажмите кнопку выбора файла и загрузите файл архива с плагином.
По завершению загрузки, установите плагин как описывалось ранее и активируйте его.
Подробное руководство об установке плагинов в WordPress можно найти здесь.
