Тема оформления Theme.Bootstrap

Небольшой эксперимент по созданию темы оформления для MODX Revolution.

Устанавливает все необходимое, создает чанки — вам останется просто назначить шаблон Bootstrap для ресурсов (можно быстро сделать компонентом Batcher, если страниц много).

В комплекте 2 чанка для вывода контента страницы:
1. Content — попроще, просто выводит pagetitle и content, включен по умолчанию в шаблон.
2. Content.list — выводит pagetitle, content и дочерние ресурсы с постраничной навигацией.

Для работы необходимо установить следующие пакеты:
1. Wayfinder — для навигации
2. getResources — для вывода ресурсов
3. getPage — для пагинации
4. BreadCrumb — для хлебных крошек
5. Theme.Bootstrap — гость сегодняшнего вечера.

Подробности

Советую ставить на чистый сайт, на рабочем не эксперементировать (да там оно и не надо).

При повторной установке чанки не перезаписываются, при удалении пакета — не удаляются.

Следующая заметка
Интернет магазин miniShop 1.7.1
Предыдущая заметка
Компонент управления рекламой BannerX


Комментарии ()

  1. Максим Белайчук 02 июля 2012, 18:54 # 0
    имхо категорически не хватает скринов
    1. Василий Наумкин 02 июля 2012, 18:58 # 0
      Неужели вы не видели Twitter Bootstrap? Вот он — twitter.github.com/bootstrap/

      Здесь можно установить сайт и погонять именно тему оформления modx-test.com/ — она включена по умолчанию.

      Правда, она ничем не отличается от оригинала, это просто пример компоновки чанков MODX.
      1. Valery Nefedov 13 августа 2012, 13:05 # 0
        Не знаю, только ли у меня так вышло, но в пакете Theme.Bootstrap нет папки img, в ней всего два файла с иконками, но все же.
        1. Василий Наумкин 13 августа 2012, 16:33 # 0
          Ага, потерялась где-то.

          Там уже много накопилось правок, на днях выпущу новую версию.
    2. Tit Linnaeus 17 августа 2012, 13:39 # 0
      Добрый день!
      Очень нужна справка!
      Устанавливал MODX Revo и Theme.Bootstrap 1.0.2, а также и 1.0.3 на локальный Denwer.
      Создавал новый тестовый сайт #1101 на modx-test.com.
      Ни там, ни там, не отображаются иконки glyphicons-halflings.png. Выводит обычные маркеры вместо иконок.
      Смотрел в bootstrap.css путь к папке img, вроде все правильно.
      Подскажите, что это? Не поддерживается вызов класса иконок? Неправильно прописан путь к иконкам? или это вообще не возможно?
      Можно ли это исправить своими руками, не дожидаясь апдейта?
      Спасибо.
      1. Tit Linnaeus 17 августа 2012, 13:56 # 0
        Кое что выяснил сам.
        Если делать копи-паст через TinyMCE и даже через кнопку HTML, удаляются, видимо непонятные редактору (или modx?) строки . Если снять галку Toggle Editor, и «вставить-сохранить» — иконка появляется, но маркер тоже остается на месте.
        Интересно, как люди решают проблему с удалением кода редактором TinyMCE?
        1. Василий Наумкин 17 августа 2012, 14:05 # 0
          Очень просто — не пользуются этим sensored.

          Обновите компонент, добавился ряд иконок.
          1. Tit Linnaeus 17 августа 2012, 14:21 # 0
            Спасибо за ответ!
            А по маркеру, который остается — подскажите, искать в css надо?
            1. Василий Наумкин 17 августа 2012, 14:21 # 0
              Проверил — у меня все ок. s1105.modx-test.com

              Маркеры убираются параметром css (list-style:none;)
              1. Tit Linnaeus 17 августа 2012, 14:23 # 0
                Спасибо! у меня тоже все ок, если не пользоваться tinyMCE :)
                1. Василий Наумкин 17 августа 2012, 14:26 # 0
                  Установите редактор Ace и отключайте где надо у страниц параметр «Использовать HTML редактор» — все будет как надо.
      2. Andrei Kilin 28 августа 2012, 10:44 # 0
        Сейчас выпадалка выводится проверкой контейнера, в ситуации, если все дети в контейнере скрыты от показа в меню, то выпадалка все равно рисуется, а выпадать нечему.

        Предлагаю ввести еще 1 чанк «tpl.Wayfinder.parentRow»

        <a href="[[+wf.link]]" title="[[+wf.title]]" class=«dropdown-toggle» data-toggle=«dropdown» [[+wf.attributes]]>[[+wf.linktext]]
        [[+wf.wrapper]]


        «tpl.Wayfinder.row» меняем на:

        <a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]
        [[+wf.wrapper]]


        в вызов WF добавляем
        &parentRowTpl=`tpl.Wayfinder.parentRow`

        Теперь в вышеописанном случае каретка выводится не будет, а будет обычный пункт меню.
        1. Andrei Kilin 28 августа 2012, 11:02 # 0
          paretRowTpl даже вот так правильнее:

          <a href="#" title="[[+wf.title]]" class=«dropdown-toggle» data-toggle=«dropdown» [[+wf.attributes]]>[[+wf.linktext]]
          [[+wf.wrapper]]
          1. Василий Наумкин 28 августа 2012, 12:55 # 0
            Спасибо!

            Как будет время — поразбираюсь
          2. Юрий Зюзин 27 мая 2013, 22:17 # 0
            А у меня вопрос, Ваш же чудо блог сделан на bootstrap?
            И насколько актуально использовать этот фреймворк?
            Стоит ли его использовать для серьезных проектов или обходиться чистым html5+css3?
            Просто теряюсь я что то, хочу сделать сайт для себя и уже 6ой раз переделываю, сначала сделал резиновый, не понравилось, потом статический — подумал плохо так наверное делать, теперь вот bootstrap мучаю.
            Что посоветуете? Стоит ли брать именно этот фреймворк или можно использовать и adapt.960.gs?
            1. Василий Наумкин 27 мая 2013, 22:29 # 0
              Стоит ли его использовать для серьезных проектов или обходиться чистым html5+css3?

              Стоит ли использовать MODX для серьёзных проектов, или обходиться чистым php + html?

              Это инструмент, нужно использовать что удобно лично тебе. Я всё делаю на bootstrap.
              1. Юрий Зюзин 27 мая 2013, 22:35 # 0
                Хм, спасибо, буду изучать)
                А для интернет магазинов его можно использовать и целесообразно ли?
            Добавление новых комментариев отключено.