Форум русской поддержки Joomla!® CMS
22.07.2017, 15:00:38 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: 1 2 [3]  Все   Вниз
  Добавить закладку  |  Печать  
Автор

Заготовка болванки - BlankTemplate для Joomla 3.x

 (Прочитано 24782 раз)
0 Пользователей и 1 Гость смотрят эту тему.
buyanov
Осваиваюсь на форуме
***

Репутация: +27/-1
Offline Offline

Пол: Мужской
Сообщений: 183


Сайты 74


« : 17.10.2012, 11:10:57 »

Всем привет! Есть чистый шаблон для Joomla 3.0 с поддержкой BootStrap (для себя делал)
Сейчас шаблон умеет отключать/подключать:
  • mootools;
  • jquery;
  • использует CDN (yandex/google)
  • Bootstrap со стандартным CSS и с CSS из шаблона.
  • Подключать responsive CSS
  • Умеет собирать CSS в кучу и кешировать его в файл

Какие опции по вашему мнению еще необходимы и были бы удобны?

Всем спасибо за ответы, пожелания и советы!

UPD:
http://saity74.ru/uploads/tpl_blank_j3_v1.0.1.zip Не качайте это старье =)

После вчерашней беседы с voland мы пришли к следующим выводам:

1) поддержка HTML5
2) поддержка позиций position- 0-14 (чтобы болванку можно было посмотреть со стандартными демо данными)
3) компиляция LESS с помощью php
4) раз уж есть LESS то будут настройки основных цветов
5) сетка будет от BootStrap
ммм вроде ничего не забыл.

сделаю релиз, выложу сюда!

UPD 13.02.2016: Прошла уйма времени с момента публикации этой темы =)

UPD 9.04.2017: ОООО ДАААА =) Теперь и WEBPACK

В итоге получилось как-то так:

https://github.com/Redknife/joomla-developer-template/tree/dev

Joomla developer template

Joomla! Шаблон для быстрой разработки с нуля.

Особенности

  • Оптимизация загрузки страницы
  • Файлы стилей и скриптов объединяются в один оптимизированный файл, изображения (PNG, JPEG, GIF, SVG) сжимаются без потерь.
  • Современный Javascript (ES2015/ES6)
  • Весь JS код преобразуется в код на предыдущем стандарте ES5, который поддерживается большинством браузеров (IE9+).
  • Препроцессинг CSS
  • Поддержка SASS, автоматическое добавление вендорных префиксов, объединение media queries, etc.
  • Сборка шрифта c иконками
  • SVG иконки собираются в файлы шрифтов и автоматически подключаются в файл стилей.
  • Мгновенная обратная связь (Livereload)
  • Автоматическое обновление страницы в браузере, при изменении файлов (в режиме разработки, при установленном расширении для браузера).

Требования
  • Node.js >= 5.0.0 (желательно использовать последнюю стабильную версию).
  • Глобально установленный gulp-cli и webpack npm install -g gulp-cli webpack
  • Для Livereload: расширение Chrome, расширение Firefox, расширение Safari. Подробнее http://livereload.com.

Быстрый старт

  • Скачиваем архив с шаблоном и устанавливаем стандартным способом в Joomla!
  • В папке с шаблоном: 2.1 Запускаем npm install (установка зависимостей). 2.2 Запускаем npm start (запуск сборки в режиме разработки).
  • Чтобы посмотреть возможные команды, запускаем npm run help

Базовые команды

Команда   Описание
npm run build   Сборка, сжатие, оптимизация всей статики
npm run build:dev   Сборка всей статики без сжатия (+sourcemaps)
npm run build:all   Запуск npm run build:dev и npm run build:prod
npm start   npm run build:dev + livereload
npm run start:prod   npm run build + livereload
npm run clean   Очистить папку public
Gulp tasks

Название   Описание
js   Сборка JS (+sourcemaps)
js:dev   Сборка, сжатие и оптимизация JS
styles   Препроцессинг и сборка CSS (+sourcemaps)
styles:dev   Препроцессинг, сжатие, оптимизация и сборка CSS
images   Оптимизация изображений
Чтобы запустить задание выполните gulp task_name

P.S. Начинающим разработчикам очень рекомендую избрать такой путь  Smiley
А от бывалых надеюсь получить обратную связь, там много чего можно допилить, надеюсь обсуждение в данной теме приведет нам к истине  Wink
« Последнее редактирование: 09.04.2017, 10:11:50 от buyanov » Записан
 
voland
Профи
********

Репутация: +518/-98
Online Online

Пол: Мужской
Сообщений: 9825


СКАЙП утерян! Пишите в телеграм @volandku


« Ответ #61 : 17.10.2012, 22:41:14 »

P.S. МаксСайт ще нэ вмэр?
Чего?
Блоговый движок на codeigniter
Записан
NightGuard
Практически профи
*******

Репутация: +378/-7
Offline Offline

Пол: Мужской
Сообщений: 3035


вжжж-вжжж


« Ответ #62 : 17.10.2012, 22:42:51 »

Не, на счет moo/jQ есть на гите вараинт бутстрапа на moo, при желании можно заюзать.
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +27/-1
Offline Offline

Пол: Мужской
Сообщений: 183


Сайты 74


« Ответ #63 : 17.10.2012, 22:45:04 »

Цитировать
На вскидку..
HTML5
LESS
Bootstrap + JQuery + mootoools (всё отключаемо)
Позиций по аналогии с современными yootheme\rocket плюс дублирование их названий в стиле Atomic (position7 итп)
Адаптивный вывод разметки
Стили

Выше основное, в перспективе
Микроразметка контактов
Каноникал
итп

Согласен

Цитировать
Мое предложение сделать более или менее универсальный бланк, для начала, в последствии можно прикрутить LESS (на выбор php/js, варианты компиляции выбирать в настройках шаблона), но прикручивать уже как развитие проекта, а не как изначальный функционал.

Со своей стороны добавлю что было бы не плохо учесть всякие штуки для сжатия JS и CSS и подтянуть показатели PageSpeed и YSlow
Записан
voland
Профи
********

Репутация: +518/-98
Online Online

Пол: Мужской
Сообщений: 9825


СКАЙП утерян! Пишите в телеграм @volandku


« Ответ #64 : 17.10.2012, 22:46:10 »

Дайте что ли демку пощупать ))
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +27/-1
Offline Offline

Пол: Мужской
Сообщений: 183


Сайты 74


« Ответ #65 : 17.10.2012, 22:48:42 »

Ща запилим демку =) 5 сек адрес скину и доступ
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +27/-1
Offline Offline

Пол: Мужской
Сообщений: 183


Сайты 74


« Ответ #66 : 17.10.2012, 22:57:59 »

демка demo.saity74.ru
логин admin
пароль demo

демоданные стандартные установлены
пока в позиции этого шаблона ничего не вставлено
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +27/-1
Offline Offline

Пол: Мужской
Сообщений: 183


Сайты 74


« Ответ #67 : 17.10.2012, 23:03:59 »

 mod_login надо слизать с protostar хотябы =)
pagination тоже надо бы под bootstrap зафигачить
Записан
al-teen
Support Team
*****

Репутация: +221/-10
Offline Offline

Пол: Мужской
Сообщений: 2465


im


« Ответ #68 : 17.10.2012, 23:08:01 »

Блоговый движок на codeigniter
Давно не встречал его просто.
Записан
voland
Профи
********

Репутация: +518/-98
Online Online

Пол: Мужской
Сообщений: 9825


СКАЙП утерян! Пишите в телеграм @volandku


« Ответ #69 : 24.10.2012, 03:33:07 »

Ну как там успехи?
Вот еще пожелание - http://joomlaforum.ru/index.php/topic,233793.0/topicseen.html
Записан
beliyadm
Профи
********

Репутация: +1588/-63
Offline Offline

Пол: Мужской
Сообщений: 8441


Севастополь == Россия


« Ответ #70 : 24.10.2012, 03:50:28 »

Цитировать
position- 0-14
вот это одна из вещей, что меня бесит
Неужели нельзя называть позиции: topmenu, leftmenu, search, login и подобными понятными именами
Записан
voland
Профи
********

Репутация: +518/-98
Online Online

Пол: Мужской
Сообщений: 9825


СКАЙП утерян! Пишите в телеграм @volandku


« Ответ #71 : 24.10.2012, 03:52:33 »

вот это одна из вещей, что меня бесит
Неужели нельзя называть позиции: topmenu, leftmenu, search, login и подобными понятными именами
Ну мы это обговорили уже - дублировать позиции и как position1 и как menu.
Записан
voland
Профи
********

Репутация: +518/-98
Online Online

Пол: Мужской
Сообщений: 9825


СКАЙП утерян! Пишите в телеграм @volandku


« Ответ #72 : 29.10.2012, 19:06:15 »

А тем временем вышел JA T3, бесплатный. Выложите сюда пожалуйста, кто скачал, у меня требует твит, и даже после твита не понимает, что я твитнул
Записан
voland
Профи
********

Репутация: +518/-98
Online Online

Пол: Мужской
Сообщений: 9825


СКАЙП утерян! Пишите в телеграм @volandku


« Ответ #73 : 29.10.2012, 19:16:11 »

Скачал все таки, по отдельности дает, кто потестит?
Записан
terr
Живу я здесь
******

Репутация: +14/-6
Offline Offline

Пол: Мужской
Сообщений: 830


Ученик html-я


« Ответ #74 : 21.11.2012, 21:18:26 »

кто такой CSS сделал ппц же? по мне дак непоная какаято болванка, втулить меню хотел ага хер там, чтобы с CSS разобратся ето вообще нонсенс отказываюсь
« Последнее редактирование: 21.11.2012, 22:26:36 от terr » Записан
Microgenius
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 13


« Ответ #75 : 18.02.2013, 17:43:41 »

Тем, кто хочет сделать свой первый шаблон для Joomla, подойдет такая штука или поискать что-нибудь вроде вообще чистого листа? Я просто CSS и HTML изучаю, но чужой код пока сильно плохо воспринимаю (в том плане, что если он не сильно комментирован, то тратить время на узнавание "а это тут зачем?" жалко ))).
Записан
Alexdon
Захожу иногда
**

Репутация: +0/-1
Offline Offline

Пол: Мужской
Сообщений: 11


« Ответ #76 : 03.04.2013, 19:25:28 »

очень простой шаблон responsive на Twitter Bootstrap`e для Joomla 2.5-3.0 http://joomlateach.info/index.php/shablony/verstka
Ссылки на демо там же..
Записан
sensor_s
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 4


« Ответ #77 : 20.09.2013, 15:13:46 »

хотелось бы узнать - это последняя версия шаблона?
вопрос - так как версия так и не изменилась
можно ли уже брать и работать с ним?
Записан
sm_denis
Завсегдатай
*****

Репутация: +35/-1
Offline Offline

Пол: Мужской
Сообщений: 443


Joomla-book.ru / JBZoo.ru


« Ответ #78 : 14.09.2014, 11:41:51 »

Просто оставлю тут ссылку на альтернативный вариант шаблона-пустышки J!Blank.pro
Думаю пригодится в качестве старта нового проекта.
Записан
shurikkan
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 39


Joomla-support.ru :: Shurikkan


« Ответ #79 : 30.03.2015, 11:35:41 »

В 1001 раз тема про Clear templates Azn
Т.к. шаблоны на фреймворках вызывают у меня рвотные позывы, давно уже сделал себе болванку (которая, наверное, есть своя у всех, кто часто делает шаблоны с нуля), в которой:
- чистый index.php:
Код:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <jdoc:include type="head" />
    <link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/main.css" type="text/css" rel="stylesheet" />
</head>
<body>

<jdoc:include type="modules" name="" style="" />
<jdoc:include type="message" />
<jdoc:include type="component" />

</body>
</html>
- файл templateDetails.xml, в котором оставил минимум инфы:
Код:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/2.5/template-install.dtd">
<extension version="3.1" type="template" client="site">

    <name>Clear Template</name>
    <version>0.1</version>
    <creationDate>06 February 2013</creationDate>
    <author>Author Name</author>
    <authorEmail>example@ogogo.ru</authorEmail>
   
    <files>
        <filename>index.php</filename>
        <filename>templateDetails.xml</filename>
        <folder>css</folder>
        <folder>fonts</folder>
        <folder>html</folder>
        <folder>img</folder>
        <folder>js</folder>
    </files>
   
    <positions>
        <position>block-1</position>
        <position>block-1</position>
        <position>block-2</position>
        <position>block-3</position>
        <position>block-4</position>
        <position>block-5</position>
        <position>block-6</position>
        <position>block-7</position>
        <position>block-8</position>
        <position>block-9</position>
        <position>block-10</position>
        <position>block-11</position>
        <position>block-12</position>
        <position>block-13</position>
        <position>block-14</position>
        <position>block-15</position>
    </positions>

</extension>
- папки для картинок, шрифтов, скриптов и стилей с вложенным пустым index.htm
- {для J2.5 делал ещё свой стиль в modules.php, но на J3 в стиле html5 все устраивает...}

Вот и всё. Что ещё нужно для "болванки", которую можно юзать под любой проект?
LESS, SASS, CDN, пздц... Это уже частные особенности отдельных шаблонов. ИМХО.

P.S.: задели за живое! раз 10 сообщение редактировал)
« Последнее редактирование: 30.03.2015, 11:44:07 от shurikkan » Записан
sm_denis
Завсегдатай
*****

Репутация: +35/-1
Offline Offline

Пол: Мужской
Сообщений: 443


Joomla-book.ru / JBZoo.ru


« Ответ #80 : 30.03.2015, 11:37:56 »

LESS, SASS, пздц...

И что же плохого в Less ? Azn
Записан
homelux
Осваиваюсь на форуме
***

Репутация: +1/-1
Offline Offline

Сообщений: 195


« Ответ #81 : 01.05.2015, 11:48:46 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #82 : 20.09.2015, 20:59:34 »

А подскажите, пожалуйста, как привязать стили к этому шаблону? Раньше я их вставлял в файл templess.css. Но в данном шаблоне этого файла нет. Простите мою неграмотность, но я пока только учусь.
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +27/-1
Offline Offline

Пол: Мужской
Сообщений: 183


Сайты 74


« Ответ #83 : 15.02.2016, 08:07:09 »

Всем привет! Сто лет меня тут не было. Теме UP, шаблон все это время жил Smiley
Обновил тему и описание шаблона.
Записан
Страниц: 1 2 [3]  Все   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet