GetSimple CMS - выбор темы оформления

1 - работаем с движком сайта

2 - выбор темы оформления

3 - как добавлять изображения и файлы

4 - размещение и оформление статей

5 - вопросы и ответы по GetSimple CMS

Как и у прочих CMS, этот движок так же имеет разные темы оформления, которые не только меняют внешний вид сайта, но часто влияют и на функциональность. + Щелкаем по фото, чтобы увеличить!

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

GetSimple CMS - выбираем тему оформления

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

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

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

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

Еще один вариант - заказать тему веб-мастерам. Здесь можно заказать тему с нуля, или же попросить "допилить" уже имеющуюся тему под ваши запросы. Повторюсь, этот движок простой и соответственно темы под него не должны стоить дорого.

По умолчанию у нас уже есть две темы Innovation и Cardinal - можем сперва попробовать их, но это не самое лучшее...

GetSimple CMS - установка темы, пошагово

Для наглядности я покажу вам пример установки двух тем оформления. Простенькую и чуть более сложную...

Первая называется icthemegetsimple-v1 и скачана с сайта разработчика - на скриншоте вы можете видеть (перевод сайта на русский): совместимость 3.3 - значит наша версия 3.3.16 совместима. Видим картинку темы - ну ничего так, сойдет... Есть описание темы и инструкция по установке. В общем-то, инструкции и нет... Скачиваем тему, разархивируем - весит она чуть больше 100 Кб... на Вордпресс каждая тема в среднем весит в 10 раз больше.

Внутри архива такие файлы... файл demo.html нам не нужен, его можно сразу удалить. Файл favicon.ico следует заменить своей иконкой сайта (если она у вас есть)... папка называется icthemegetsimple-v1 именно ее следует закинуть через FTP клиент в папку theme нашего сайта на сервере.

Теперь заходим в панель управления - Админпанель сайта, вкладка Тема, в списке выбираем icthemegetsimple-v1 и щелкаем Активировать тему.

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

Но справа еще какое-то непонятное продолжение колонки - Sidebar: DEMO FORM... на сайте, откуда мы скачали тему об этом сказано что-то невнятное...

Опять переходим в Админпанель: Тема - Редактировать тему. В коде видим такой код <!--DEMO FORM-->, удаляем весь кусок кода... Щелкаем Сохранить. Переходим на страницу сайта и щелкаем - Обновить. Смотрим что получилось. Если что-то пошло не так, сайт рухнул - ничего страшного. Через FTP в папку с темой icthemegetsimple-v1 закидываем с нашего ПК файл template.php (его мы и правим)... И потом снова его правим, и снова проверяем.

В общем, удаляем по вот это - скриншот выше. От и до - выделенное здесь сохраняется!

Заодно меняем текст в шапке сайта - как видим под названием Тест, есть еще "Железные двери по доступным ценам" - меняем это на свое.

Также меняем копирайт в нижней части страницы - footer. Указываем год создания нашего сайта - 2020, указываем имя сайта и так далее, что там обычно пишут... Щелкаем сохранить.

Переходим на сайт, обновляем и видим изменения. Все нормально - можно работать.

Внизу под копирайтом видим надпись - Just Another GetSimple Website, ее можно сохранить, но можно и изменить, также в разделе Тема - Редактировать компоненты, в окне - Tagline. Можно изменить текст, можно убрать... можно разместить код счетчиков...

Так эта тема выглядит на мобильных устройствах. Правая колонка перемещается вниз...

Вторая тема ItemManager - она уже сложнее в установке и может вам некоторые файлы... поэтому заранее делаем бэкап данных и сохраняем его на ПК. Эта тема больше - весит 5 Мб, помимо самой темы она требует загрузку и активацию двух плагинов и еще одной дополнительной папки...

Итого, мы должны скачать три архива:

1 - itemmanager-theme, в нем папка ItemManager - ее мы закидываем через FTP на сайт в папку theme

2 - plugins, эту папку закидываем в корень сайта, там уже есть одноименно папка - в нее добавятся фалы из этой

3 - update_data, в нем папка data - она также добавит свои файлы в уже имеющуюся на сайте... Именно здесь будут заменены два файла.

Если мы сейчас зайдем на сайт, мы сразу же увидим один прокол - мы эту новую тему еще не устанавливали и не активировали, а страница приветствия уже заменена! Старая исчезла... Появились новые пункты меню... И в Админпанели появились изменения... - в Страницах, в Файлах... Видите - уже есть изменения!

Ладно, устанавливаем эту тему:

- шаг один: в Алминапенли во вкладке Плагины, включаем два плагина - ItemManager и IM Extra Fields

- шаг два: переходим во вкладку Тема, выбираем тему ItemManager и активируем ее

Теперь переходим на сайт и смотрим, что у нас получилось. Вот такая тема... Теперь нам надо начинать "допиливать" эту тему...

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

GetSimple CMS - удаляем тему, восстанавливаем сайт

Итак, тема ItemManager оказалась не совсем удачной, над ней нужно работать и работать... а результат еще неизвестно какой будет! Поэтому возвращаемся к старой теме, но, увы... просто выбрать и активировать - это не все. Многое остается от старой темы... Отключаем и физически удаляем эти два плагина, удаляем папку с самой темой... не помогает... удаляем папку data...

Распаковываем архив, закидываем с него все данные на сервер, соглашаясь с заменой... Как все загрузится - мы получаем наш сайт в виде, каков он был до установки этой "зловредной" темы...

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

GetSimple CMS - еще пара тем

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

Тема интересная: левая колонка с названием сайта и меню навигации "стационарная", все окна открываются в большом правом окне.

А это тема simple theme - она нормально масштабирует изображения... картинку в шапке сайта конечно можно менять на любую другую...

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

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

- Установка и знакомство с GetSimple CMS

Михаил Дмитриенко
Алматы
2020 г.