Как подключить cms к сайту
Автоматическая установка CMS
На тарифах Linux-хостинга вы можете установить CMS всего в пару кликов при помощи автоустановщика скриптов «Softaculous». Для хостинга Windows возможность быстрой установки при помощи «Softaculous» в настоящий момент не предоставляется.
При заказе нового домена с хостингом или при заказе хостинга для уже зарегистрированного домена доступна автоматическая установка WordPress. Чтобы установить WordPress в один клик, воспользуйтесь видеоинструкцией.
Видео: Автоматическая установка WordPress при заказе хостинга
Перед установкой
Перед установкой CMS привяжите домен к хостингу. После добавления домена в панель управления хостингом в папке сайта создаются файлы парковочной страницы. Удалите все файлы, содержащиеся в папке, кроме директории webstat (каталог веб-аналитики awstat в ISPmanager) и cgi-bin (в Plesk и cPanel).
Процесс установки CMS
Для установки CMS выберите вашу хостинг-панель управления и следуйте дальнейшей инструкции:
Обратите внимание! Если внешний вид вашей панели управления отличается от представленного в инструкции, кликните в левом нижнем углу «Старый интерфейс».
Откройте панель управления хостингом и перейдите в раздел «Инструменты» — «Автоустановка CMS»:
В панели Softaculous выберите интересующую вас CMS и нажмите Установить:
Нажмите на кнопку Установка в левом верхнем углу. Выберите домен, на который будет произведена установка. Введите имя и описание сайта:
Запомните или запишите логин и пароль администратора сайта. При необходимости измените email администратора:
Выберите язык устанавливаемой CMS и плагины, если это необходимо. Нажмите кнопку Установка:
Готово, CMS установлена.
Войдите в панель управления хостингом. В разделе «Программное обеспечение» выберите нажмите на Softaculous Apps Installer:
В панели Softaculous выберите интересующую вас CMS и нажмите Установить:
Нажмите на кнопку Установка в левом верхнем углу. Выберите домен, на который будет произведена установка. Введите имя и описание сайта:
Запомните или запишите логин и пароль администратора сайта. При необходимости измените email администратора:
Выберите язык устанавливаемой CMS и плагины, если это необходимо. Нажмите кнопку Установка:
Готово, CMS установлена.
Обратите внимание! Если внешний вид вашей панели управления отличается от представленного в инструкции, перейдите в раздел «Сайты и домены» и в правом верхнем углу измените вид на «Активный».
Войдите в панель управления хостингом. На вкладке «Сайты и домены» в блоке «Дополнительные услуги» выберите пункт Softaculous Apps Installer:
В панели Softaculous выберите интересующую вас CMS и нажмите Установить:
Нажмите на кнопку Установка в левом верхнем углу. Выберите домен, на который будет произведена установка. Введите имя и описание сайта:
Запомните или запишите логин и пароль администратора сайта. При необходимости измените email администратора:
Выберите язык устанавливаемой CMS и плагины, если это необходимо. Нажмите кнопку Установка:
Готово, CMS установлена.
Как удалить установленную CMS?
В верхней панели нажмите кнопку Все установки. В этом разделе отображены все ранее установленные CMS. Нажмите Удалить установку напротив сайта, для которого вы хотите удалить установленную CMS:
Обратите внимание, вместо того, чтобы устанавливать CMS на виртуальный хостинг, вы можете воспользоваться CMS-хостингом, например, WordPress Hosting. Это услуга, на которой уже установленная CMS с подготовленным шаблоном идёт в комплекте с услугой хостинга. Начните работу с сайтом сразу после заказа услуги.
Виртуальный хостинг — это площадка, на которой вы можете развернуть не только сайт, созданный на CMS, но и сайт, написанный вручную с использованием HTML, CSS и JavaScript, PHP и т. д.
«Хостинг для CMS — что это», — спросят большинство из нас. CMS-хостинг — это хостинг «под ключ»: Готовое решение на CMS. Он представляет собой хостинг и установленную CMS вместе с выбранным вами шаблоном (например, хостинг для интернет-магазина). Цена будет немного выше, чем у виртуального хостинга.
Отличие виртуального хостинга от CMS-хостинга принципиально. Что выбрать: виртуальный хостинг или CMS-хостинг, решать вам. Если нужна большая гибкость настроек, не обойтись без виртуального хостинга. Если хотите потратить минимум усилий и запустить сайт быстрее, CMS-хостинг. Чтобы вы могли понять, подходите ли вы друг другу, мы предоставляем бесплатный хостинг для сайтов html. Прочитать подробнее можно здесь: Бесплатный тестовый период хостинга на linux.
Установка CMS
Установить CMS на хостинг вы можете двумя способами:
1. При помощи специального раздела панели управления аккаунтом «Каталог CMS».
2. Вручную, загрузив файлы CMS на хостинг.
Рассмотрим подробнее данные варианты.
Установка CMS при помощи «Каталога CMS»
В данном разделе панели управления представлены ознакомительные версии всех основных популярных CMS, как бесплатных, так и коммерческих. Основные требования для установки:
Вы можете установить CMS, следуя следующей инструкции:
1. Перейдите в раздел «Каталог CMS» панели управления.
2. Нажмите на название CMS, которую необходимо установить.
3. В открывшейся форме нажмите на кнопку «Установить приложение».
4. Далее откроется форма настроек, в которой необходимо выбрать, какой домен будет привязан к сайту с установленной CMS. Обратите внимание! В списке отображаются только домены, которые в данный момент не привязаны ни к какому сайту. Перед установкой CMS убедитесь, что нужный вам домен не привязан к какой-либо директории.
В этой же форме отображается имя нового сайта (изменить его нельзя) и доступна возможность выбора базы данных: может быть создана новая БД, либо вы можете выбрать одну из существующих (в этом случае необходимо указать ее пароль).
5. После выбора домена и базы данных нажмите на кнопку «Начать установку».
После успешной установки CMS появится форма с реквизитами доступа в административную панель вновь созданного сайта. Сохраните эти данные в надежном месте. Также они будут отправлены на контактную почту, указанную вами в профиле аккаунта.
После этого вы можете перейти к сайту или к форме входа в административную панель. Установка завершена!
Установка CMS вручную
Для установки CMS вручную предъявляются такие же требования, как и при установке из раздела «Каталог CMS» панели управления: наличие свободной базы данных и сайта.
Для установки необходимо выполнить следующие действия:
1. В разделе «Домены и поддомены» панели управления добавьте домен, который будет использоваться для сайта. Можно добавить тестовый домен (например, в зонах webtm.ru или tw1.ru) для временного использования.
2. Создайте сайт в разделе «Сайты» и привяжите к нему созданный ранее домен.
3. Скачайте архив с файлами или установочный файл CMS. Рекомендуем вам скачивать дистрибутивы только из доверенных источников, например, с официального сайта разработчика CMS.
4. Загрузите файлы установки на хостинг. Сделать это можно:
при помощи раздела «Файловый менеджер» панели управления (функция «Загрузить и разархивировать»);
при помощи стороннего FTP/SSH-клиента.
Файлы необходимо разместить в директории public_html, предварительно удалив оттуда файл index.htm сайта-заглушки, который помещается в данную директорию по умолчанию при создании сайта.
5. Перейдите на страницу установки CMS, используя домен, привязанный ранее к сайту.
Установка CMS на примере WordPress
Процесс установки различных CMS может отличаться. Рассмотрим вариант установки CMS WordPress версии 4.1.1, загруженной с официального сайта. В качестве примера установка выполняется на домен testwordpress.webtm.ru.
1. Пройдя все шаги, описанные в предыдущем разделе статьи, переходим на страницу установки: testwordpress.webtm.ru.
2. Открывается форма-приветствие. Знакомимся с информацией и нажимаем «Вперёд».
3. Вводим информацию о базе данных:
Нажимаем кнопку «Отправить».
4. Если все данные были введены корректно, видим сообщение о том, что CMS готова к установке.
Нажимаем кнопку «Запустить установку».
5. Вводим первоначальные настройки сайта:
После этого нажимаем «Установить WordPress».
Если вам нужна дополнительная информация о работе с WordPress и его настройке, рекомендуем также ознакомиться со статьями в нашем Community.
Полезные советы для работы с WordPress
Полезные советы при создании сайтов на WordPress, распространенные ошибки и каких избежать.
Установка CMS на хостинг
Давайте рассмотрим, как установить CMS на хостинг.
Существуют три варианта загрузки и установки CMS на хостинг:
1. Из панели управления хостингом (автоматическая установка).
2. Через менеджер файлов.
3. С помощью подключения по FTP.
Все способы установки мы рассматриваем на примере провайдера Beget и CMS OpenCart.
Автоматическая установка CMS из панели управления
Это самый простой способ установить СMS. Мы рекомендуем использовать именно его, если провайдер предоставляет такой функционал.
1. Зайдите в раздел “CMS” в панели управления.
2. В разделе виден список CMS, доступных для установки. В нем присутствуют:
3. Для установки OpenCart выберите эту CMS в списке. Появится диалоговое окно, в котором будет запрошена следующая информация:
4. После ввода информации и нажатия на кнопку “Установить” панель управления предупредит вас, что через несколько минут CMS будет установлена на выбранный домен.
5. После установки вы можете проверить работу CMS, открыв в браузере указанный адрес (домен).
Установка CMS с помощью менеджера файлов
1. Уточните, в какую папку на хостинге нужно установить CMS. Обычно каждый сайт имеет на хостинге свою собственную папку, например, “имя_сайта/public_html”. Можно запросить расположение папки сайта у службы технической поддержки хостинга.
2. Создайте на хостинге базу данных для CMS, зайдя в раздел “MySQL” панели управления.
3. Введите название новой базы данных и пароль. Имя пользователя должно совпадать с названием базы.
4. Скачайте установочные файлы CMS. В нашем примере CMS OpenCart с поддержкой русского языка мы скачали с сайта http://opencart-russia.ru на локальный компьютер.
5. Зайдите в файл-менеджер. У провайдера Beget менеджер файлов открывается из соответствующего раздела панели управления.
6. Загрузите файлы. Файл-менеджер Beget покажет вам две панели с папками и файлами. В одной из них надо будет перейти в папку сайта, в которую будет установлена CMS, и нажать на кнопку “Загрузить Файлы”.
7. В открывшемся окне нажмите на кнопку “Browse” и выберите на локальном компьютере предварительно скачанный архив с установочными файлами CMS. Затем нажмите кнопку “Загрузка”, и архив будет залит на хостинг.
8. После завершения загрузки архив с установочными файлами CMS будет виден в папке сайта. На название архива нажмите правой кнопкой мыши. В открывшемся меню выберите пункт “Распаковать Архив”. Установочные файлы CMS будут распакованы в папку с сайтом.
10. После завершения переноса файлов убедитесь, что в папке с сайтом присутствует файл index.php, который запускает процесс установки.
11. С помощью файл-менеджера найдите файл config-dist.php и переименуйте его в config.php.
12. Откройте браузер, введите в адресной строке домен сайта и следуйте инструкции по установке CMS.
Процесс установки разделен на четыре экрана.
12.1. На первом примите лицензионное соглашение.
12.2. На втором экране происходит проверка конфигурации сервера и расположения файлов CMS. Нажмите на кнопку “Продолжить”.
12.3. На третьем экране укажите название базы данных, имя пользователя и пароль, а также имя администратора OpenCart и его пароль. Нажмите кнопку “Продолжить”.
12.4. Некоторое время система поработает и затем перейдет на последний, четвертый экран. Он покажет, что установка CMS успешно завершена. После этого удалите «install» в папке с сайтом с помощью файлового менеджера.
Установка CMS с помощью FTP
2. Распакуйте скачанный архив в папку на локальном компьютере. Найдите в этой папке файл config-dist.php и переименуйте его в config.php.
3. Создайте на хостинге базу данных для CMS. Для этого зайдите в раздел “MySQL” панели управления, как показано на фото в инструкции по загрузке CMS в менеджере файлов.
4. Введите название новой базы данных и пароль аналогично тому, как показано на фото в инструкции по загрузке CMS в менеджере файлов. Имя пользователя должно совпадать с названием базы. Запомните название базы данных, имя пользователя и пароль.
5. Скачайте на локальный компьютер FTP-клиент Filezilla с официального сайта https://filezilla.ru.
6. Узнайте параметры для подключения к FTP-серверу провайдера. Для этого у Beget и любого другого провайдера зайдите в раздел “FTP” в панели управления и посмотрите нужные параметры.
Адрес FTP-сервера находится в левой части экрана. Справа виден список с именами созданных пользователей FTP. Также там можно увидеть название нужной папки для конкретного сайта.
8. Нажмите кнопку “Быстрое соединение”. Дождитесь установки соединения с FTP-сервером. Правая панель Filezilla покажет файлы и папки на сервере. Перейдите в папку сайта, куда должны быть загружены установочные файлы CMS.
9. В левой панели Filezilla отображаются файлы локального компьютера. Там перейдите в папку, куда был распакован архив с установочными файлами CMS. Там должен находиться файл index.php. Выделите все файлы папки и c помощью мыши перенесите их в правую панель. Filezilla начнет процесс загрузки файлов, дождитесь его окончания.
10. Теперь откройте браузер, введите в адресной строке домен сайта и следуйте инструкции по установке CMS. Процесс установки уже подробно описан в разделе об использовании менеджера файлов в пунктах с 12.1 по 12.4.
Как создать сайт на основе шаблона
Современные технологии дают возможность создавать веб-ресурсы без знания программирования. На просторах интернета доступно много шаблонных решений, позволяющих в кратчайшие сроки подготовить сайт-визитку или небольшой лендинг. На что стоит обращать внимание, как подобрать систему управления сайтами и установить на нее шаблон – поговорим в сегодняшней статье.
Шаг 1: Подбираем CMS-систему
CMS – система управления веб-сайтами, позволяющая любому пользователю вносить изменения в контент без помощи специалиста. Подобные платформы включают в себя набор уже созданных шаблонов, которые каждый может отредактировать по своему усмотрению. В CMS разрешено добавлять загруженные темы из других источников либо свои собственные – такой подход используют крупные организации или бизнесмены для реализации уникального веб-сайта.
Сегодня можно найти много различных CMS. Особой популярностью пользуются следующие: WordPress, 1С-Битрикс, Joomla, OpenCart, Drupal и Wix. В каждой из них разрешено создавать свой собственный сайт на основе шаблона, но наиболее используемой системой является WordPress — на ее основе и будет построено наше руководство.
Если же вам захочется выбрать иную систему, то стоит учитывать следующие критерии:
Стоит учитывать и функциональность CMS: для интернет-магазина отлично подойдет OpenCart или 1С-Битрикс. А вот для обычного сайта-визитки можно использовать WP или Joomla.
Шаг 2: Выбираем хостинг и домен
Для создания сайта на основе шаблона необходимо специальное место, на котором будут храниться все данные. Можно использовать домашний компьютер, но это неэффективно и трудозатратно. Хранением сайтов обычно занимаются профессиональные компании, предоставляющие услуги хостинга.
Хостинг позволяет пользователям размещать свой веб-ресурс на сервере. В таких местах разрешено не только загружать html-файлы, но и устанавливать доменное имя, добавлять CMS-систему и даже настраивать базу данных.
Вот несколько правил, которые стоит принимать во внимание при выборе хостинг-провайдера:
Исходя из вышеупомянутых критериев, остановимся на хостинге Timeweb с 10-дневным пробным периодом. Он обладает средней ценовой политикой и позволяет всего в несколько кликов ставить популярные CMS-системы: WordPress, Joomla, Drupal, MODX и другие. Кроме того, здесь можно зарегистрировать уникальное доменное имя, но об этом чуть позже. Давайте создадим аккаунт на хостинге:
Оплатить или изменить тарифный план можно в разделе «Тариф».
После выбора хостинга стоит подобрать доменное имя. Оно отражает суть веб-ресурса и включает в себя название организации, например, apple.com. Также оно может выглядеть как apple.ru, apple.net, apple.biz и так далее.
Последнее значение после точки – это первый уровень домена, и он ограничен в вариациях. Второй уровень – уникальное название, созданное пользователем. Если выбранное доменное имя уже используется, то зарегистрировать его нельзя.
Для регистрации домена существует много различных сервисов, например, Timeweb, Reg, Beget и другие. Его стоимость может разниться – от 100 до 5000 рублей и выше. В некоторых случаях можно найти и бесплатное имя, но обычно оно слабо защищено и содержит непопулярный набор символов первого уровня.
Давайте подключим новое доменное имя в личном кабинете, доступ к которому мы получили:
Теперь зарегистрированный домен будет храниться в личном кабинете Timeweb, и его можно использовать на других хостингах при условии, что он не используется ни на каком другом веб-сайте.
Шаг 3: Подключаем CMS
Вот мы и перешли к самому главному – внедрению CMS, на основе которой будет выполняться создание сайта из шаблона. Процедура подключения на Timeweb производится всего в несколько кликов. На некоторых хостингах не предусмотрена встроенная система управления – в таких случаях требуется самостоятельно загрузить необходимый движок на сервис.
Посмотрим, как установить и подключиться к CMS на Таймвэб:
Теперь мы можем переходить к созданию веб-сайта из шаблона, о чем речь пойдет дальше.
Шаг 4: Загружаем и устанавливаем тему на CMS
Правильно спроектированный шаблон разрешает изменять картинки, редактировать меню шапки и основной контент, добавлять свои собственные стили и многое другое.
Прежде чем начать установку, стоит понимать, чего именно вы хотите. Современные тенденции выделяют следующие типы веб-сайтов:
Изначально в WordPress встроено 3 стандартные темы, но на этом многообразие шаблонов не заканчивается. В самой системе есть много доступных обложек с бесплатной лицензией. Также есть различные популярные сервисы, включающие в себя множество тем для WordPress. Один из них — WP-Templates.
Чтобы произвести установку через административную панель WP, достаточно открыть раздел «Внешний вид» и перейти в «Темы». Затем выбрать один из подходящих вариантов, навести на него курсор и нажать «Установить».
После установки нужно еще провести активацию – просто нажимаем на соответствующую кнопку, расположенную под картинкой.
Установка через сторонние сервисы немного отличается, поэтому давайте рассмотрим и этот вариант:
Теперь давайте посмотрим, как выглядит веб-сайт с примененным шаблоном:
Как видим, сайт преобразовался в выбранный образ:
Сейчас перед нами отображен типичный шаблон со своей обложкой. Все это мы можем изменить через специальную панель, подробнее о которой поговорим дальше.
Шаг 5: Редактируем шаблон
Панель редактирования шаблона на WP открывается через раздел со списком всех шаблонных вариантов. Давайте посмотрим, как в него попасть:
После создания шапки следует фоновое изображение, офферное предложение, кнопка призыва к действию и прочие элементы. В зависимости от типа сайта они могут различаться – например, для интернет-магазина структура веб-сайта выглядит совсем иначе, нежели в простом лендинге.
Для наиболее удачного создания сайта на основе шаблона рекомендуем использовать референсы веб-макетов. Популярные для этого площадки – Behance, Dribbble, Pinterest.
Шаг 6: Подготовка контента сайта
Дизайн сайта – это хорошо, но он никогда не будет работать без грамотно продуманного продающего текста, офферных конструкций и призывов к действию. Последнее используется в основном на лендингах, а вот текстовая составляющая важна везде.
Современные компании обычно прорабатывают прототип сайта: прописывается весь текст, а затем диктуется расположение элементов на веб-странице. Такой подход минимизирует ошибки. Кроме того, с действующим прототипом легко работать и вносить в него изменения.
Типичный многостраничник включает в себя: главную страницу, страницу о компании, контакты, предоставляемые услуги. Повторюсь, что страницы могут отличаться. То же самое относится и к интернет-магазинам. А вот на построение лендинга действуют немного иные правила. Поговорим немного о них:
Даже если учитывать все вышеупомянутые пункты, то все равно нельзя говорить об успешности веб-сайта. Вы можете создать красивую обертку с продающим текстом, но работать на 100% это не будет, потому что в первую очередь нужна поддержка маркетолога.
Шаг 7: Тестирование сайта
Последний этап, на котором выявляются все недочеты веб-приложения. Такой подход использует любая крупная IT-компания. Важно проверить не только орфографические ошибки на страницах веб-ресурса, но и отследить каждый элемент в десктопной и адаптивной версиях. Ни один клик не должен вызывать сбои в системе. Как только тестирование будет завершено, сайт можно выпускать в свет и ждать первых клиентов.
Сегодня мы разобрали одну из трепещущих тем, которая волнует пользователей без навыков веб-дизайна. Шаблонный вариант не всегда может предложить отличный подход к реализации веб-ресурса, однако он позволяет без знания программирования создать полноценный сайт и получать клиентов. Создавайте, экспериментируйте, вносите нестандартные решения, и у вас все получится. Удачи!