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

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

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

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

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

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


Сайты 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: Прошла уйма времени с момента публикации этой темы =)

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

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

1) Просто устанавливаем этот пустой шаблончик
2) Заходим по SSH на свой dev сервер выполняем
2.1) Запускаем npm install в папке шаблона
2.2) Запускаем bower install
2.3) Выполняем gulp чтобы собрать стили, скрипты, спрайты, минифицировать все это дело и т.д.

Фичи:

1) SCSS (Поддержка bootstrap есть);
2) CoffeeScript (на JS тоже можно);
3) Генератор спрайтов;
4) Автопрефиксер;
5) Сжатие и оптимизация изображений;
6) watch файлов и live reload;
7) Генератор sourcemaps;
8/ Оптимизация выходного CSS средствами CSSO.

все пишется в /src/

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

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

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


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


« Ответ #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
Осваиваюсь на форуме
***

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

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


Сайты 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
Профи
********

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

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


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


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

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

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

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


Сайты 74


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

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

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

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


Сайты 74


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

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

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

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

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


Сайты 74


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

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

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

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



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

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

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

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


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


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

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

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

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


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


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

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

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

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


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


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

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

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

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


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


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

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

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

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


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


« Ответ #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

Сообщений: 196


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

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

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

Сообщений: 22


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

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

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

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


Сайты 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