Я не стану учить вас покупать хостинг и работать с FTP-менеджерами. Я только могу порекомендовать хостера WebHost1.ru, проверенного годами сотрудничества.

Хостинг

Необходимые модули

ПОМНИТЕ! Плагины обновлению не подлежат.

Установка GetSimple CMS и купленной темы

Установить GetSimple CMS и тему просто и быстро. Скачайте последнюю версию GetSimple CMS здесь. Выделите содержимое архива CMS, скопируйте в папку домена на вашем хостинге, в адресной строке вашего браузера наберите домен вашего сайта, укажите папку admin your-domain.com/admin/ ) и приступаете к установке. После установки CMS скопируйте в корень вашего сайта содержимое архива купленной вами темы, перейдите в панели управления на страницу Тема, выберите вашу тему и активируйте ее. Все - тема установлена.

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

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

Настройки темы

На странице Тема в правом меню есть три ссылки:

  1. Настройки темы — здесь вам нужно заполнить текстовые поля, отметить нужные чекбоксы и выбрать классы для заголовков в сайдбаре и кнопок. Обязательно выбирайте логотипы, так как пути к изображениям должны быть абсолютными.
  2. Настройки социальных сетей — здесь вы можете указать ссылки на ваши профили или группы в социальных сетях.
  3. Настройка формы контактов — здесь вам нужно указать ваш электронный адрес и выбрать дополнительные возможности. Также вы сможете настроить SMTP протокол для отправляемой с вашего сайта почты.

Как видите, настроек в этой теме немного, она проста в управлении и вполне подойдет для людей, не знакомых с программированием.

БУДЬТЕ ВНИМАТЕЛЬНЫ! Так как данные чекбоксов и выпадающих списков сохраняются в локальном хранилище (localStorage), при следующей смене настроек следите, чтобы не потерять ваш выбор.

Работа с дополнительными блоками

Слайдшоу

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

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

Блоки под слайдшоу

Здесь можно выбрать цвет фона, он обозначен классами. Можно либо отказаться от использования иконок, либо выбрать их расположение.

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

Для выбора иконок перейдите на сайт Font Awesome. Выберите иконку и перейдите на ее страницу. Там под заголовком есть строка , кликнув по которой вы скопируете код, который нужно вставить в поле.

Карта

Здесь вам нужно выбрать страницы для размещение карты, сервис карт Yandex или Google (для Google нужно получить ключ здесь), скопировать на сайте сервиса координаты, которые и вставить в нужное поле.

Реклама

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

Не забывайте сохранять страницы после внесения изменений.

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

xxxxxxx

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec this is code venenatis augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer vulputate pretium augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec this is code venenatis augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer vulputate pretium augue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec this is code venenatis augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer vulputate pretium augue.