Базовый Bootstap 3 шаблон для GETSIMLE CMS


Рубрика: GetSimple CMS -> Создание сайта -> CMS - системы управления сайтом
Метки: | | | | |
Просмотров: 1290
Базовый Bootstap 3 шаблон для GETSIMLE CMS

Попросили тут хорошие люди поправить сайт, сделанный на GetSimple CMS. Взялся я. Да и увлёкся. Предыстория такая: постоянно мониторю интернет на предмет удобных лёгких CMS , желательно без баз данных, для визиток, сайтов-каталогов, может даже новостных сайтов. Множество пересмотрел продуктов. На заметку брал Monstra, Bolt, gpEasy Cms, Kirby. Вот  только  не устраивают пока что они, что-то не так, где-то глюк или функционал маловат. Отдельно слежу за Grav – очень сильный продукт от серьёзного разработчика. К стыду с Grav так и не разобрался, возможно CMS ещё сыровата. Ну да ладно.

 Смотрел не единожды и getSimple. Раньше не впечатляла, а как пару дней пришлось ковыряться в ней, чтобы людям помочь, так и захватила меня эта CMS.

 Официальный сайт get-simple.info

В русском сегменте интернета этой системой занимается программист Олег Светлов, держит неск. ресуров по ней  getsimplecms.ru и forum.getsimplecms.ru, где очень толково рассказывает  и объясняет принципы работы.

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

шаблон для GetSimple CMS на базе Bootstrap 3

 Для удобства шаблон разбит на отдельные компоненты, т.е. верх сайта (header) отдельно, низ (footer) отдельно и так далее.  В коде файлов есть комментарии, что за что отвечает.

 В папке с шаблонов, кроме основного файла template.php есть ещё index.php для главной страницы. Она без сайдбара с примерным содержимым, с большим  слайдером  изображений. Кроме того, смотрите строки 72-75, это вставляется содержимое файла servis.inc.php с примерным содержимым. Если Вам не нужно этого выводить, просто удалите эти строки и файл servis.inc.php, а можете вставить в него что-то своё. Вот здесь примеры bootswatch.com/cosmo/ или здесь startbootstrap.com/template-categories/all/

 Справа в меню ссылка на всплывающее окно, в нём можно разместить кнопки социальных сетей и(или) контактную форму. Код окна в файле header.inc.php строки 11-27

Принцип, думаю, ясен.

В работе можете использовать font-awesome и glyphicons, они уже подключены. За стили отвечают файлы bootstrap.min.css и style.css. Для тех, кто не знает: первым берётся стиль из style.css, если там нет нужного, то тогда уже применяется бутстраповский стиль из bootstrap.min.css. Я внёс свои стили по минимуму, в основном используются бутстраповские. Если Вам нужно что изменить, цвета, фон и т.д., прописывайте в style.css

 Шаблон без проблем работает с новостными- блоговыми дополнениями GS-Blog и News-manager

адаптивный шаблон для GetSimple

Установка шаблона

Для работы шаблона необходимы плагины I18N и i18n-search Копируете файлы из архива к себе на сайт, заходите в панель и активируете тему Rea

После установки шаблона и его активации Вам нужно создать компонент с названием nav

Title: nav

Code:

<?php
$s = array('current', 'activepath', 'currentpath', 'open');
$r = array('active', 'active', 'active', 'dropdown');
$c = str_replace($s, $r, $item->classes);
?>
<li class="<?php echo $c; ?>">
  <?php if ($item->isOpen) { ?>
    <a href="<?php echo htmlspecialchars($item->link); ?>" class="dropdown-toggle" data-toggle="dropdown">
      <?php echo htmlspecialchars($item->text); ?>
      <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      <?php $item->outputChildren(); ?>
    </ul>   
  <?php } else { ?>
    <a href="<?php echo htmlspecialchars($item->link); ?>">
      <?php echo htmlspecialchars($item->text); ?>
    </a>   
  <?php } ?>
</li>

И такой компонент с заголовком: breadcrumbs

с таким содержимым:

<?php /* Если это главная страница */ if ($_SERVER['REQUEST_URI'] == '/') { ?>
вставленный сюда код будет отображаться только на главной, если стереть этот текст, то на главной не отобразится ничего из этого кода
<?php } else {?>
<ul class="breadcrumb" >
  <a href="<?php echo find_url('index',null); ?>">главная</a>
  <?php get_i18n_breadcrumbs(return_page_slug()); ?>
</ul>
 <?php } ?>

И всё. Дальше работаете.

ПРОЙДИТЕ БЫСТРУЮ РЕГИСТРАЦИЮ И УВИДИТЕ ССЫЛКУ НА СКАЧКУ

Запись только для зарегистрированных

Ну и посмотрите этот жизнерадостный клип

 

Комментариев: 1 RSS
Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Комментарий будет опубликован после проверки

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)