Данная статья представляет собой пошаговый алгоритм создания шаблона Joomla 1.5 на конкретном примере.
Шаблоны Joomla. Часть 3. Делаем первый шаблон.

Я придерживаюсь мнения: чтобы чему-то научиться и, главное, не забыть все через 1-2 месяца, нужна практика. Ничто ее не заменит. Человек, долго занимающийся каким-либо делом, знает его непременно лучше, чем тот, кто изучал это дело только по учебникам. Таким образом, сегодняшняя статья представляет собой пошаговый алгоритм создания шаблона Joomla 1.5 на конкретном примере.

Второе мнение, которого я придерживаюсь, состоит в том, что в познании чего-либо практически всегда следует идти от общего к частному. Ведь как, например, мастер может чинить двигатель, не представляя, что такое автомобиль? Неправильно, когда человек не видя общей картины, начинает делать в ней какие-то мелкие изменения. Поэтому я специально взял наиболее простой шаблон, чтобы постепенно, переходя от общих деталей к более мелким сделать из него качественный шаблон Joomla. Все шаги «от А до Я» данной статье рассмотрены не будут, поскольку, как я уже сказал, нужно идти от общего к частному. Шаблон будет создаваться постепенно, и в каждой новой статье серии «Шаблоны Joomla» Я буду подробно описывать частные детали. А сейчас начинаем строить каркас.

Делаем первый шаблон. Планирование.

Первой и самой важной задача, которую нужно решить, является планирование. Вообще, о планировании нужно сказать несколько слов. Нельзя начинать делать что-либо сложное лишь представляя это в голове (я не имею в виду людей творческих профессий, только технических). Например, если придумать идею сайта и тут же начать делать его на Joomla, то в 95% случаях или ничего не получится, или создание сайта займет большое количество времени, поскольку придется много переделывать. У мыслей и идей применительно к веб-строительству есть два важных свойства:

  1. Они, в большинстве своем, появляются уже во время реализации задачи.
  2. Они бывают как хорошие, так и плохие.

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

Но спланировать абсолютно всё  очень сложно. Таково уж устройство нашего ума – он не может предусмотреть всего, а может лишь анализировать и постепенно совершенствовать. Тут, опять же, нужно идти от общего к частному. Сначала следует спланировать общий каркас решения задачи, а в дальнейшем после его создания реализовывать мелкие детали.

Теперь начнем. Для того чтобы разобраться в создании шаблонов было проще, я буду рассматривать не создание «с нуля», а переработку обычного html-шаблона в шаблон Joomla 1.5. Это легче сделать, поскольку у шаблона уже есть каркас, и остается только доработка, либо на его основе можно создать совершенно отличающийся от первоначального шаблон.

Html шаблон я выбрал наиболее простой, поскольку сейчас главное научиться (создать каркас задачи «разработка шаблонов»). В дальнейшем, добавляя все новые детали, можно будет сделать качественный шаблон Joomla.

Первоначальный html-шаблон показан ниже:

html-shablon

(Ссылки на скачивание этого шаблона, а также переделанного находятся в конце статьи.)

Далее, чтобы не запутаться, все действия будут описаны по шагам.

Делаем первый шаблон. Шаг 1. Выбор количества и позиций модулей. Выбор основного компонента.

Первым шагом следует выбрать расположение  компонента com_content. Этот компонент является «сердцем» шаблона и используется для отображения материалов сайта. Обычно основной компонент находится в центре шаблона.

После выбора расположения основного компонента можно обстраивать его модулями. Я для начала создам их 6:

  • left // левая колонка сайта;
  • right // правая колонка сайта;
  • top  // место непосредственно над основным компонентом;
  • bottom // «подвал» сайта;
  • hornav //стандартное название для позиции модулей в шаблонах Joomla(я так думаю это сокращенное название horizontal navigation). Место для горизонтального меню сразу под «шапкой»;
  • ribot // сокращение от right bottom, правый нижний угол.

На следующем скриншоте можно посмотреть будущее расположение модулей:

template-plan

Делаем первый шаблон. Шаг 2. Файл templateDetails.xml.

После того, как расположение модулей выбрано, можно приступать к созданию файла templateDetails.xml. Как видно из названия, данный файл содержит информацию о основных деталях шаблона. Полностью писать его самому не имеет смысла. Гораздо проще взять этот файл от какого-нибудь готового шаблона Joomla 1.5 и переделать его. Подробно обо всех настройках, содержащихся в этом файле, можно прочитать в статье Шаблоны Joomla. Часть 2. Памятка по шаблонам Joomla 1.5.

Начнем по порядку:

<?xml version="1.0" encoding="utf-8"?>

<install version="1.5">

<name>first-template</name>

<version>1</version>

<creationDate>13/10/2009</creationDate>

<author>wedal.ru</author>

<authorEmail>Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.</authorEmail>

<authorUrl>http://wedal.ru</authorUrl>

<copyright>(c)Wedal http://wedal.ru</copyright>

<description>First example template for Joomla 1.5</description>

 

В этой части должно быть все понятно.

 

Далее идет раздел <files>. В нем нужно указать все файлы, используемые в шаблоне. В нашем случае это  будущий index.php , файл стилей style.css, эскиз сайта template_thumbnail.png  и все изображения из папки images. Итак, создаем раздел <files>:

<files>

<filename>index.php</filename>

<filename>template_thumbnail.png</filename>

<filename>css/style.css</filename>

<filename>images/bot_ang.gif</filename>

<filename>images/bot_ang_bg.gif</filename>

<filename>images/bot_bg1.gif</filename>

<filename>images/bot_bg2.gif</filename>

<filename>images/find_panel.gif</filename>

<filename>images/fing_btn.gif</filename>

<filename>images/fing_btn_h.gif</filename>

<filename>images/hd_bg.gif</filename>

<filename>images/hd_pic.jpg</filename>

<filename>images/hd_pic_menu_bg.gif</filename>

<filename>images/info_panel.gif</filename>

<filename>images/logo.gif</filename>

<filename>images/menu_bg.gif</filename>

<filename>images/menu_bg3.gif</filename>

<filename>images/menu_sep.gif</filename>

<filename>images/spacer.gif</filename>

<filename>images/sub_bot_bg.gif</filename>

<filename>images/sub_l_panel.gif</filename>

<filename>images/sub_left_bg.gif</filename>

<filename>images/sub_r_bg.gif</filename>

</files>

 

Далее идет раздел <positions>. В нем указываем 6 позиций для модулей, спланированных ранее:

<positions>

<position>left</position>

<position>right</position>

<position>top</position>

<position>bottom</position>

<position>hornav</position>

<position>ribot</position>

</positions>

 

Раздел <params>  пока опустим. И Закрываем файл:

</install>

Таким образом, первоначальный вариант файла templateDetails.xml создан.  В дальнейшем, с совершенствованием шаблона он будет изменяться и дополняться.

Шаг 3. Создаем файл index.php.

Index.php является основным файлом шаблона Joomla. Именно он редактируется из админки. Создавать его мы будем из файла index.html базового шаблона. Прежде всего следует поменять расширение этого файла с .html на .php. Далее приступаем к редактированию файла.

Использовать для работы с такими файлами блокнот Windows это тоже самое, что и читать книгу вечером в темных очках. Это очень неудобно. Советую скачать и установить продвинутую версию блокнота  Notepad++. Он имеет большое количество полезных функций, и, главное, подсвечивает код так, что работать с файлами php, html, css, становится гораздо проще.

Для начала, пользуясь каким-либо готовым шаблоном и информацией предыдущей статьи этого раздела, по аналогии добавляем данные начала шаблона и заголовка:

<?php // no direct access defined( ‘_JEXEC’ ) or die( ‘Restricted access’ ); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="" lang="" >

<head>

<jdoc:include type="head"

<title>First template</title>

<meta name=”description” content=”My first template” />

<meta name=”generator” content=”Joomla! 1.5 – Open Source Content Management” />

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8? />

<meta name=”robots” content=”index, follow” />

<meta name=”keywords” content=”joomla, Joomla” />

<link href=”/component/content/?format=feed&type=rss” rel=”alternate” title=”RSS 2.0? />

<link href=”/component/content/?format=feed&type=atom” rel=”alternate” title=”Atom 1.0? />

<script type=”text/javascript” src=”http://localhost/Joomla-1.5RC2/ media/system/js/mootools.js” > </script>

<script type=”text/javascript” src=”http://localhost/Joomla-1.5RC2/media/system/js/caption.js”></script>

<link rel=”stylesheet” href=”/templates/system/css/system.css” type=”text/css” />

<link rel=”stylesheet” href=”/templates/system/css/general.css” type=”text/css” />

<link rel=”stylesheet” href=”/templates/<?php echo $this->template ?>/css/style.css” />

</head>

Поскольку данный шаблон изначально не был предназначен для Joomla все пути в нем прописаны относительно корневой папки. Т.е, например, images/logo.gif. В Joomla же, после установки шаблон будет находиться в папке templates/first-template/images/logo.gif и если не изменить пути, от все элементы, использующие их, станут недоступны.

Замену произвести очень легко. Достаточно выбрать в текстовом редакторе «Правка –> Заменить», и ввести «images/» и «templates/first-template/images/» соответственно.

Шаг 4.  Добавляем com_content.

Теперь нужно отредактировать тело шаблона(<body>). Добавить в него основной компонент и модули. Для начала следует определиться куда именно вставлять компонент. Если ты не силен в html, то воспользуйся firebug’ом для поиска нужного места вставки кода. Подробнее про firebug в этой статье.

Firubug сразу показывает, что нам нужен тег <td class="base_txt">

Именно в нем содержится основной контент шаблона. Теперь нужно удалить из этого тега все лишнее (текущий контент, рекламу google и сайта с которого скачан шаблон) и вставить туда основной компонент Joomla:

<td><p align="center">

<jdoc:include type="component" />

</td>

Также нужно не забыть вставить отображение названия сайта над основным контентом. Там, где сейчас написано «Business website». Находим это место также как и искали выше:

<td class="head_text">Business website</td>

и редактируем:

<td class="head_text">

<?php echo $mainframe->getCfg(’sitename’);?>

</td>

Шаг 5.  Добавляем позиции модулей.

Теперь перейдем к добавлению позиций модулей в шаблон. Здесь все делается по аналогии с предыдущим шагом. Единственное отличие заключается в том, что нужно указать стиль отображения модулей. Используем блоки div. Для этого при создании позиции указываем style=«xhtml».

Вот что получилось:

 

1) позиция left:

 

<td width="207" valign="top" background="images/sub_left_bg.gif">

<?php if($this->countModules('left')) : ?>

<jdoc:include type="modules" name="left" style="xhtml"/>

<?php endif; ?>

</td>

 

2) позиция right:

 

<td width="217" valign="top" background="images/sub_r_bg.gif">

<?php if($this->countModules('right')) : ?>

<jdoc:include type="modules" name="right" style="xhtml"/>

<?php endif; ?>

</td>

 

3) позиция top:

Здесь укажем стиль «horz», поскольку данная позиция рассчитана на вывод модулей в одну строку. Хотя можно использовать и «xhtml». Все зависит от целей.

<tr><td>

<?php if($this->countModules('top')) : ?>

<jdoc:include type="modules" name="top" style="horz"/>

<?php endif; ?>

</td></tr>

 

4) позиция bottom:

 

<td width="80%" valign="middle" class="bottom_menu">

<?php if($this->countModules('bottom')) : ?>

<jdoc:include type="modules" name="bottom "style="xhtml"/>

<?php endif; ?>

</td>

 

5) позиция hornav:

 

<td background="images/menu_bg.gif" class="bgx">

<?php if($this->countModules('hornav')) : ?>

<jdoc:include type="modules" name="hornav" style="xhtml"/>

<?php endif; ?>

</td>

 

6) позиция ribot:

 

<td>

<?php if($this->countModules('ribot')) : ?>

<jdoc:include type="modules" name="ribot" style="xhtml"/>

<?php endif; ?>

</td>

Также удаляем скрытый блок с рекламными ссылками в самом конце шаблона.

Не забудь создать уменьшенную картинку изображения сайта template_thumbnail.png и поместить в корневую папку шаблона.

Теперь , когда основные элементы Joomla включены в шаблон, можно провести тестовый запуск. Для этого запаковываем папку с нашим шаблоном в zip-архив (подчеркиваю: именно zip, а не rar) и загружаем в Joomla как обычный шаблон. Получившийся результат показан ниже:

final-alpha

Таким образом мы создали базовый Joomla-шаблон. Но использовать его еще рано. Тому есть причины. Во-первых дизайн модулей и меню не соответствует html-шаблону, который использовался, как образец. Во-вторых шаблон не будет растягиваться на всю ширину, например, если в позиции «right» нет модулей. Правая колонка просто останется пустой. Да и в разных браузерах он может отображаться по-разному. В следующей статье, я расскажу как решить эти проблемы и сделать наш шаблон полнофункциональным и красивым. А на сегодня всё. Удачи!

Файлы:

Исходный шаблон

Шаблон Joomla 1.5

Понравилась статья? Сохраните себе на стену:

Ваша оценка материала очень важна для нас. Просим вас оценить статью или оставить отзыв в комментариях ниже.

4.5526315789474 1 1 1 1 1 4.55

Комментарии  

0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Hels 19.06.2014 19:02
в общем кажется нашел проблему, но не знаю как исправить, короче если пользователь залогинен то страница благодарности отображается нормально без шаблона, а если не залогинен то почему-то страница показывается с шаблоном, как может быть связан логин с шаблоном? спасибо.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Hels 19.06.2014 00:38
Цитирую Hels:
Цитирую Wedal:
Hels, сейчас окно маленькое. Видимо уже разобрались.

с этим практически, но после отправки формы (можете протестить), опять показывается страница с шаблоном..

блин никак не удается разрулить с этой страницей которая грузится после отправки формы во всплывающем окне, не могу победить этот долбаный шаблон,после того как я добавил к ссылке &tmpl=component в shop.product_details.php вот код:

Код:/** Ask seller a question **/

$ask_seller_href = $sess->url( $_SERVER ['PHP_SELF'].'/index2.php?page=shop.ask&amp;flypage='.@$_REQUEST['flypage']."&amp;product_id=$product_id&amp;category_id=$category_id&tmpl=component" ); //правка
$ask_seller_text = $VM_LANG->_('VM_PRODUCT_ENQUIRY_LBL');
$ask_seller = '<a rel="shadowbox;height=360;width=220" href="'. $ask_seller_href .'">'. $ask_seller_text .'</a>';


стало отображаться нормально в всплывающем окне, но после отправки формы грузится в этом же всплывающем окне следующая страница с подтверждением об отправке и в ней почему-то подгружается шаблон... в shop.ask.tpl.php я пробовал поменять index.php на index2.php(это многим помогало, но не в моем случае так как у меня и в index2.php почемуто подгружается шаблон..) потом пробовал там написать component.php вместо index2.php и выдало ошибку мол страница не найдена.. вот тут менял

Код:document.emailForm.action = "<?php echo sefRelToAbs("index2.php"); ?>" какой-то короче неубиваемый шаблон, у меня на другом сайте пишу index2.php и все показывает без шаблона и модулей, а тут... понимаю что не по теме, но буду очень благодарен если хоть намекнете куда копать, а то уже 5-й день сижу.. создал темы на пяти разных форумах по джумла, но увы все молчат(( спасибо, и еще раз простите за оффтоп.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 20.06.2014 03:27
Hels, на самом деле все происходит правильно. Joomla знать не знает про ваши всплывающие окна и делает ровно то, что в ней заложено. Вот смотрите: вы открыли новую страницу во всплывающем окне, добавив "&tmpl=component" для того, чтобы скрыть шаблон и показать только данные компонента. Открыли вы форму контакта. После того, как пользователь заполнит ее и отправит, произойдет что? Joomla загрузит страницу благодарности в этом же всплывающем окне. Но Joomla думает, что эта страница показывается стандартно и загружает ее уже без "&tmpl=component", поэтому и показывается весь шаблон. Как это исправить? Нужно найти url перенаправления на страницу благодарности и добавить к нему "&tmpl=component". Вот и все.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Hels 17.06.2014 14:21
принимайте благодарность на webmoney, чем мог так сказать =)
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Hels 16.06.2014 23:50
Как всегда хорошая статья, посещаю ваш сайт уже в течении 2-х лет, спасибо. Буду очень благодарен если подскажите с таким вопросом, возможно не по теме, но все же сам найти ответа не смог, бьюсь уже 3 дня.. делал форму всплывающую, на 2-х сайтах, так вот чтобы в форме не было шаблона и модулей писал index2.php в коде (речь идет за форму Задайте вопрос VM1.1.9 j1.5) так вот на одном сайте все как положено показывает heslik.com/index2.php?page=shop.product_details&flypage=flypage.tpl&product_id=3&category_id=3&option=com_virtuemart&Itemid=28&vmcchk=1&Itemid=28 , а на другом сайте почемуто в index2.php отображается шаблон и модули, почему это может быть? шаблоны на сайтах одинаковые, вот можно так глянуть:
fetra.com.ua/index2.php?page=shop.product_details&category_id=74&flypage=flypage.tpl&product_id=3535&option=com_virtuemart&Itemid=71 спасибо.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 17.06.2014 06:20
Hels, чтобы не было модулей и шаблона, нужно добавить к url "&tmpl=component".
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Hels 17.06.2014 13:56
Цитирую Wedal:
Hels, чтобы не было модулей и шаблона, нужно добавить к url "&tmpl=component".

Огромнейшее вам спасибо! Все заработало, теперь показывается как надо без шаблона и модулей, правда есть один глюк который не могу побороть, это ширину страницы (вот ссылка http://fetra.com.ua/index.php?page=shop.product_details&category_id=74&flypage=flypage.tpl&product_id=3535&option=com_virtuemart&Itemid=71 там возле цены нужно кликнуть "Задать вопрос" чтоб увидеть эту форму), где только ее не задавал получается широкая где-то 900px(так должно быть? откуда оно берет такой размер?) если кликнуть колесиком по форме можно листануть вправо довольно хорошо именно во всплывающем окне, я конешно убрал отображение скролла, но думаю это костыль и так делать не правильно.. в любом случае хоть так сделал, спасибо как всегда выручаете.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 18.06.2014 03:29
Hels, сейчас окно маленькое. Видимо уже разобрались.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Hels 18.06.2014 13:55
Цитирую Wedal:
Hels, сейчас окно маленькое. Видимо уже разобрались.

с этим практически, но после отправки формы (можете протестить), опять показывается страница с шаблоном..
Ответить | Ответить с цитатой | Цитировать
0 # Ошибка при установкиIngvarr 15.01.2014 06:16
Добрый день. Пытаюсь установить ваш шаблон, но без успешно, выдает ошибку JInstaller: :Install: Не найден установочный XML-файл Joomla
Ответить | Ответить с цитатой | Цитировать
0 # RE: Ошибка при установкиWedal 15.01.2014 09:03
Ingvarr, это старая статья(посмотрите на дату публикации). Шаблон этот делался для Joomla 1.5. Вы, наверняка, пытаетесь установить его на более новую версию Joomla. Шаблоны от Joomla 1.5 несовместимы с новыми версиями. Этот самый XML-файл уже совсем другой.
Ответить | Ответить с цитатой | Цитировать
0 # Установка шаблонаNadaff 01.08.2011 21:19
При установке шаблона столкнулся с такой картиной:
выбираю путь загрузки шаблона, жму установить, и меня выкидывает на главную администраторской панели...
Загуглил, ненашел... 2 минутки помыслил логически, удалил в папке image папку с исходниками (15 мб) и все удачно установилось=)
P.S. Это я для справки, новичкам вроде меня было бы полезно=)
Ответить | Ответить с цитатой | Цитировать
-2 # Сложно ли переделать?Александр 06.07.2011 18:43
Добрый вечер.
Я сделал, сайт на joomla. Мне дизайнер нарисовал, макет страницы, и скоро сделает нарезку для верстки..
Смогу ли я самостоятельно изменить шаблон на этот дизайн? я новичок и не обладаю большими знаниями html.
Сколько это будет стоить, если обратиться к специалисту? Заранее спасибо.
Ответить | Ответить с цитатой | Цитировать
0 # относительностьВлад 04.07.2011 16:01
Спасибо за отличную статью!

в п.3, наверное, стоит добавить слэш вначале указанного пути, некоторые могут неправильно понять...
Ответить | Ответить с цитатой | Цитировать
0 # пустой html в редактореЕлена 13.02.2011 09:05
Подскажите, пожалуйста, что я не так делаю,мои шаблоны не открываются в Редактор HTML файла шаблона. Точнее там пусто. CSS все открывается нормально.
Ответить | Ответить с цитатой | Цитировать
0 # RE: пустой html в редактореWedal 14.02.2011 03:50
Елена, забудьте про этот убожеский редактор. Скачайте и установите себе Notepad++ и открывайте все файлы через него.
Ответить | Ответить с цитатой | Цитировать
-1 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Эндрю 05.02.2011 12:49
спасибо за статьи. в этой вроде нашел 2 опечатки:
1) во второй строчке файла templateDetails.xml должно быть не

а

2)В шаге №5 пути к картинкам указаны от исходного шаблона.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Larsen 30.01.2011 14:19
Добрый день! Спасибо за уроки!!! Вот только остановился на часть3 шаг пятый Какие меняю теги??
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 31.01.2011 04:11
Larsen, не понял вопроса.
Ответить | Ответить с цитатой | Цитировать
0 # Можете сделать шаблонВиталий 30.08.2010 09:43
Здравствуйте! Мне нужна помощь, нужно сделать шаблон для сайта ----------- что бы нормально отображался в браузерах и сам по себе легкий был.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Можете сделать шаблонWedal 30.08.2010 10:05
Виталий, с такими вопросами обращайтесь по e-mail или через форму контактов.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Ланка 13.08.2010 12:24
Здравствуйте! Очень требуется помощь. Есть шаблон Joomla, необходимо его подогнать под интернет-магазин, но шаблон весь напичкан модулями и нет места для основного контента, то есть каталог товаров не выводится на главной странице. Я так понимаю, нужно править разметку шаблона и увеличивать пространство для основного контента посредством удаления модулей, так? В каком файле нужно провести правку?
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 13.08.2010 12:48
Ланка, нет. Во-первых, шаблон не может не содержать места для основного контента. Без него шаблон просто не будет работать. А с каталогом товаров все просто, только нужно немного разобраться. Почитайте эту статью:
http://wedal.ru/rasshireniya-joomla/virtuemart-internet-magazin-na-joomla-chast-18-vivod-kategoriy-virtuemart-s-izobrazeniyami-na-glavnoy-stranice-saita.html
Ответить | Ответить с цитатой | Цитировать
0 # Дописать позицию модуля в шаблонеЕвгений 09.08.2010 18:39
Доброго времени суток. Перед мной возникла проблема. необходимо дописать позицию модуля. Сайт http://holidaytime.com.ua (требуется сверху в центре (где пусто) зделать позицию модуля) но в этом деле я новичек. Можете ли сказать как дописать позицию.
Заранее спасибо
Ответить | Ответить с цитатой | Цитировать
0 # RE: Дописать позицию модуля в шаблонеWedal 10.08.2010 06:08
Евгений, читайте следующие статьи серии про шаблоны Joomla. В них я подробно рассказывал что такое позиции и как ими управлять.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Станислав 28.07.2010 07:55
Wedal, подскажи плиз как сделать ссылку на ВСЮ ячейку таблицы? Если делать:
Салон красоты
То ссылка только на ТЕКСТ.
Если сделать:

Салон красоты
то ссылки почему то нету...
Ответить | Ответить с цитатой | Цитировать
+1 # RE: RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 28.07.2010 08:20
Станислав, добавляем ссылке CSS-класс или идентификатор. А в CSS добавляем ширину и высоту ячейки таблицы.
Пример:

HTML:
----------------------------
a href="http://wedal.ru" class="mm2" /a
----------------------------

CSS:
----------------------------
.mm2 {
display:block;
height:230px;
width:150px;}
----------------------------
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 28.07.2010 08:25
html код получилось отправить только в таком виде, но суть понятна.
Ответить | Ответить с цитатой | Цитировать
0 # Ваше мнениеVladimir 22.04.2010 02:36
Добрый день. Wedal, огромное спасибо за Ваши статьи, прочитав их хоть какое-то просветление наступает. Хотелось бы узнать Ваше мнение по поводу программы Artisteer 2. Она генерит шаблоны под все популярные cms , в том числе и под Jooml'у. Имеет ли смысл начинающему работать с ней или все таки надо учиться создавать что-то свое?
Ответить | Ответить с цитатой | Цитировать
0 # RE: Ваше мнениеWedal 22.04.2010 03:09
Vladimir, все зависит от целей, которые вы преследуйте. Если вам нужно 1 раз сделать шаблон для своего сайта, то можно использовать и Artisteer. А если зарабатывать на этом деньги, то весь процесс создания шаблона нужно знать изнутри. Иначе вы просто не сможете работать с тонкими моментами.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.maksim 27.03.2010 21:36
здравствуйте.спасибо за урок.у меня при установке шаблона на joomla пишется Невозможно найти установочный пакет
в чем проблема.спасибо.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 29.03.2010 02:03
maksim, шаблон из данной статьи устанавливается корректно на Jooomla 1.5.x. Возможно, вы пытаетесь его установить на Joomla 1.0.x.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.otto1970 01.04.2010 03:57
там целая инструкция имеется-начиная с того что нужно все файлы с шаблона поместить в папку TEMP
Ответить | Ответить с цитатой | Цитировать
0 # А где эта инструкция?Любовь 26.05.2010 10:56
Прошу прощения -та же беда, "Невозможно найти установочный пакет", хотя джумла 1.5.14. Я просто в менеджере расширений пытаюсь залить шаблон. А где найти вышеупомянутую инструкцию?
Ответить | Ответить с цитатой | Цитировать
-1 # RE: А где эта инструкция?Wedal 27.05.2010 05:51
Любовь, только что проверил. Шаблон из данной статьи корректно устанавливается. Ставил на Joomla 1.5.15. Ставил простой загрузкой архива(1 способ в установке и удалении)
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: А где эта инструкция?Любовь 27.05.2010 08:35
Да Ваш-то изначально устанавливался, я это даже не ставила под сомнение, мой не ставился, сделанный по Вашему уроку. Но уже разобралась, все гуд.Большое Вам спасибо за урок.
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: А где эта инструкция?Эндрю 05.02.2011 12:19
Подскажите - как исправили?
так же пишет "Невозможно найти установочный пакет"
joomla 1.5.20
Ответить | Ответить с цитатой | Цитировать
0 # RE: RE: RE: RE: А где эта инструкция?Эндрю 05.02.2011 12:40
разобрался сам. нашел разницу в файлах templateDetails.xml
в статье вторая строчка файла:

а в примере
Ответить | Ответить с цитатой | Цитировать
0 # эта-жеotto1970 24.03.2010 04:19
урок очень полезный, но сложный
для гениальности лучше разместить шаблон со вставленным модулем или как в joomle установить сей модуль
одновременно с этим возникли следующие вопросы по применению:

1
на сайтах, где этот модуль предлагают--никто незнает как им пользоваться(тупо выложили для скачивания).
2
на одном из сайтов увидел, что на базе этого модуля можно сделать каталог,магазин
у меня сразу возник вопрос- как я могу разместить например на страницах каталога
увеличение по клику изображения(чтоб открыл я страницу,увеличил страницу, а на этой странице еще маленькие изображения, которые я по клику могу увеличить(эти картинки маленькие-комментарии к товару например))?

рекомендации по использованию и ПРАКТИЧЕСКОМУ применению FlippingBook Joomla
МНОГИМ МОГУТ ПОМОЧ
c Уважением
надеюсь на участие
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 09.02.2010 01:58
Алексей, читайте статью из этой серии про создание стилей меню для Joomla.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 05.02.2010 07:44
В окошко для отправки комментария вставлял весь код,но он почему-то весь не отправляется(уже второй раз)
Ответить | Ответить с цитатой | Цитировать
0 # Александр 05.02.2010 07:38
Я в Dreamweaver создал таблицу ,выставил позиции модулей. Стоит поставить php код в позиции для модулей как меню становятся невидимыми. Вот пример кода:
countModules(‘right’)) : ?>
Wedal, я извиняюсь мне пришло какое-то письмо,но там ссылки на какой-то форум,а расценки я не нашел.
Ответить | Ответить с цитатой | Цитировать
0 # Алексей 05.02.2010 07:19
Привет! С meta-tag я разобрался и понял что к чему.
Вопрос такой: вот я подключаю hornav - но в моей верстке ведь есть навигации ul#nav>li*5>a - ее удалить надо из кода? А команда на php с генерирует мне меню? Как мне его застилить, как сохранить за списком идентификатор #nav?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 05.02.2010 00:34
Александр, подробнее про "countModules(‘—’)) : ?>"
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 05.02.2010 00:32
Александр, не стоит пугаться таблиц. На одних DIV'ах построить нормальный шаблон довольно сложно, а порой даже невозможно. Здесь нужен комбинированный метод, т.е. использование как таблиц, так и DIV'ов, т.к. у каждого из методов есть свои достоинства и недостатки.
Расценки пошлю.
Ответить | Ответить с цитатой | Цитировать
0 # EGOist 04.02.2011 07:51
«На одних DIV'ах построить нормальный шаблон довольно сложно, а порой даже невозможно.» Не вводите людей в заблуждение уважаемый, на div'ах можно отстраивать шаблоны любой сложности.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 07.02.2011 07:58
EGOist, ага, скажите это шестому ослику.

Вообще, я согласен с вами. На дивах можно построить что угодно. Но сколько это может потребовать мучений и хаков. Попробуйте, например, построить только на дивах страницу, аналогичную главной странице mail.ru, да еще так, чтобы корректно отображалась всеми браузерами.
Ответить | Ответить с цитатой | Цитировать
0 # Александр 04.02.2010 19:33
Wedal,у меня при введении команд
countModules(‘---’)) : ?>


все меню пропали.Как решить проблему?
Ответить | Ответить с цитатой | Цитировать
0 # Александр 04.02.2010 17:32
"В традиционном дизайне для разметки страницы используются таблицы. Они удобны, если вы хотите просто установить ширину колонок в процентах, но они имеют ряд недостатков. Например, при использовании таблиц сильно возрастает объем кода по сравнению с CSS-дизайном. Это приводит к увеличению времени загрузки страниц (то, что пользователи не любят) и худшей их индексации в поисковых системах. Объем кода увеличивается примерно в два раза, причем не только за счет HTML-разметки, но и за счет специальных изображений в формате gif («spacer gifs»), используемых для фиксации ширины элементов разметки."

Wedal,я хотел сделать шаблон с помощью Dreamweaver Joomla 1.5 Templates Kit tools 3.0,но прочитал про таблицы(вышеуказанная цитата)и не знаю как сейчас првильно сделать шаблон.Если я правильно понял,в Dreamweaver создание шаблона начинается именно с построения таблицы.
P.S Вы не могли мне скинуть на email расценки на консультации по ICQ.Заранее благодарен.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 01.02.2010 12:47
Алексей, метатег не вижу.
/css/style.css” /> подключает файл стилей к шаблону.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 01.02.2010 12:45
Алексей. Файл templateDetails.xml используется только при установке шаблона через установщик Joomla. Т.е. Если вы не собираетесь запаковывать шаблон для распространения, а будете использовать его только на сайте, то об этом файле можете не беспокоиться. Иначе - дописывайте.
Ответить | Ответить с цитатой | Цитировать
-3 # Алексей 01.02.2010 06:37
Не очень понятно предназначения такого кол-ва link -












а так же наличие вот этого мета-тэга:


Если я не буду их подключать, на что это повлияет?
<link rel=”stylesheet” href=”/templates/template ?>/css/style.css” />
Ответить | Ответить с цитатой | Цитировать
0 # Алексей 01.02.2010 05:54
Вопрос такой: в файле templateDetails.xml описываем все img, но ведь когда сайт запущен, могут быть добавлены новые картинки. Они уже не описываются в этой xml. Не нужно ли их вносить? Если забыть что-то внести, что произойдет и где это аукниться?
Ответить | Ответить с цитатой | Цитировать
0 # Tom-tom 31.01.2010 12:04
Здраствуйте Wedal, во первых, спасибо за проведенную работу, сайт очень полезен, добавил к себе в закладки=) А вопрос у меня в следующем, есть шаблон html+css, отлично мне подходящий, заменить пару картинок и прям то, что я себе представлял=)Проблема в том что я его никак не могу подогнать под джумлу, дело в том что сверстан он не с помощью таблиц( и ) а с помощью тегов , как поступить в данном случае, я понятия не имею, при всех моих попытках "натянуть" его на джумлу, сбиваются все стили, появляется какая то каша. Надеюсь на вашу помощь=)
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 19.12.2009 13:29
Spence, только хотел написать, что это очень просто :-) . То, что вы разобрались самостоятельно, еще раз доказывает, что практически на любой вопрос найдется ответ, если хорошо поискать.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 19.12.2009 13:23
Юлия, зря вы так. К2 замечательный компонент, а главное, бесплатный. Правда он требует серьезной предварительной настройки, особенно внешнего вида. Про Zoo Pro намеренно не стал писать, поскольку он коммерческий. Я стараюсь советовать и рассказывать про открытые расширения Joomla.
Что касается интеграции, то ее возможно соорудить, обладая знаниями php. Существуют ли готовые решения не знаю, т.к. коммерческими компонентами не пользуюсь, а форум использую только phpbb.
Ответить | Ответить с цитатой | Цитировать
0 # Spence 19.12.2009 11:12
Сорри,отбой,уже разобрался!
Ответить | Ответить с цитатой | Цитировать
0 # Spence 17.12.2009 14:23
Уважаемый Wedal!
Обьясните пожалуйста, как на примере вашего шаблона сделать так,чтоб шапка состояла не из трёх изображений,а была единым flash.swf файлом,т.н. флэш шапка?
Если можно то с кодом-чтоб нагляднее было,куда вставлять и как это делать правильно.
Спасибо.
Ответить | Ответить с цитатой | Цитировать
0 # Юлия 17.12.2009 07:01
Здравствуйте! Я не смогла разобраться с К2, у меня при любых модификациях все разъезжается, и вообще тупой компонент. Ну или я тупая. А с Yoo Zoo Pro разобралась и счастлива)). И спасибо, что посоветовали Firebug,- тоже очень помог в разборках. Только вот появилась большая загвоздка. У меня сайт такого плана: Статьи(Zoo)->Ссылки дискассбота->Форум (Kunena). Но походу с интеграцией облом. Возможно ли ее как-то соорудить?
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 14.12.2009 00:35
Sprence, да, вы правы. Это моя ошибка. Для того, чтобы все работало нормально, нужно удалить код в 111 и 113 строках файла index.php. Странно, как я вообще пропустил такую ошибку. Возможно ошибся архивом, когда выкладывал. Так или иначе, сейчас все поправил и обновил файл для скачивания.
Ответить | Ответить с цитатой | Цитировать
0 # Spence 11.12.2009 17:51
За серию статей большое спасибо.Просто встаёт целая куча вопросов.Из наболевших-я не могу поставить ваш шаблон joomla для проверки-был недоступен на запись файл params.ini-этот вопрося решил привязкой пунктов к меню,НО.Теперь геморой покруче-выводится сообщение Fatal error: Call to a member function get() on a non-object in Z:\home\joomla\www\templates\first-template\index.php on line 111 и все-кроме шапки шаблона ничего нет.И что делать я даже не знаю
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 08.12.2009 05:32
Spence, о том, как делать шаблоны Joomla, я написал целую серию статей, в которой постарался объяснить все этапы максимально подробно. Если хотите научится делать шаблоны изучайте эту серию, на мелкие вопросы, возникающие по ходу освоения, с удовольствием отвечу. Если нет, сил, времени, либо чего-то другого, а шаблон сделать нужно, то вам в Услуги.
Ответить | Ответить с цитатой | Цитировать
-5 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Spence 07.12.2009 14:54
А можете мне помочь?Есть простенький шаблон в HTML надо переделать его в шаблон joomla,но что-то у меня никак не получается.
Ответить | Ответить с цитатой | Цитировать
-4 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Spence 07.12.2009 07:24
Привет.Статьи все очень хорошие,но я нуб в это деле никогда ранее с joomla не работал и для меня это темный лес.Сразу возникают несколько вопросов по ходу статьи.Я,с вашего позволения,задам их тут.
Имеется готовый простенький шаблон в html нужно переделать его под joomla.И вот тут для меня бездна.Я не понимаю что надо делать,то есть делаю но наверно что-то совсем не так.
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 27.11.2009 10:36
Volonter, email можно увидеть в разделе "Услуги".
countModules(’hornav’) возвращает количество модулей, опубликованных в позиции hornav.
Ответить | Ответить с цитатой | Цитировать
0 # Volonter 26.11.2009 08:04
и у меня еще вопрос: для чего нужна такая конструкция
countModules(’hornav’)) : ?>





ведь просто

тоже выводит модуль?
Ответить | Ответить с цитатой | Цитировать
0 # Volonter 26.11.2009 07:40
ссылку уже не вспомню, столько сайтов облазил, с шаблонами, откуда скачал - не помню)) Могу выслать на почту, или можете посмотреть сайт по ссылке
http://natali.rbwest.ru/
это уже установленный на джумлу 1.5, если в верхнем меню навести курсор на ссылку, то видно, что она ссылается на отдельный файл
Ответить | Ответить с цитатой | Цитировать
0 # Wedal 25.11.2009 23:55
Volonter, сложно ответить на ваш вопрос, не видя шаблона. Дайте ссылку по которой его можно скачать.
Ответить | Ответить с цитатой | Цитировать
0 # Volonter 25.11.2009 13:53
Добрый день, подскажите пожалуйста, я взял простой шаблон для сайта, установил его на джумлу 1.5, все работает, но! В структуре шаблона,помимо основного файла index.php еще несколько файлов index(index2.php,index3.php)каждый из них представляет собой отдельную страницу, со своим отдельным файлом стилей.Но ссылка с основной страницы ( index.php)на второстепенную (index2.php) не работает. Как правильно прописать ссылку?
Заранее спасибо!
Ответить | Ответить с цитатой | Цитировать
+2 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Юлия 23.11.2009 10:34
это можно и в com_content сделать. И размер задать, и квадратики красиво оформить. Тогда нет смысла в другом компоненте. Вот если бы там все уже было готово. И текст определенного размера только вставлялся, и все оформлено уже в рамочки, допустим, закругленные, тогда другое дело. Ну буду, значит, ковыряться с тем, что есть. Еще раз спасибо за ответы.
Ответить | Ответить с цитатой | Цитировать
+1 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 23.11.2009 10:16
Юлия, можно. Для этого нужно отредактировать css-стиль шаблона K2. Чтобы все квадратики были одинаковы, для контейнеров DIV, которым они соответствуют, нужно жестко задать высоту (height), но при этом помните, что если текста будет больше, чем сможет вместить в себя такой квадратик, ничего хорошего не получится. При редактировании очень удобно использовать Firebug. О нем можно прочитать здесь .
Ответить | Ответить с цитатой | Цитировать
+2 # Юлия 23.11.2009 09:26
Попробовала. Нечто подобное там можно сделать с помощью шаблона prouct categories: "http://k2.joomlaworks.gr/demo-v2/items/Catalog". Но дальше там кликаешь и попадаешь в категорию товаров, которые выводятся опять же с помощью 2-х некрасивых колонок, как в com-content -шаблон блога материалов на главной. А мне нужны одинаковые квадратики со статьями, которые заканчиваются на одной линии. Чтобы ничего никуда не смещалось. В k2 можно так сделать?
Ответить | Ответить с цитатой | Цитировать
0 # Квадратики и высотаZub 14.03.2011 10:05
Цитирую Юлия:
Попробовала. Нечто подобное там можно сделать с помощью шаблона prouct categories: "http://k2.joomlaworks.gr/demo-v2/items/Catalog". Но дальше там кликаешь и попадаешь в категорию товаров, которые выводятся опять же с помощью 2-х некрасивых колонок, как в com-content -шаблон блога материалов на главной. А мне нужны одинаковые квадратики со статьями, которые заканчиваются на одной линии. Чтобы ничего никуда не смещалось. В k2 можно так сделать?



В меню ставишь опциях (справа) Во всю ширину : Вступление 0, Колонки 2. Далее в стилях пишешь для ID слоя {min-height: 100 px;}.В самой статье ставишь разделитель на примерно одинаковое количество символов (можно меньше) и тогда будут одинаковые :)
Ответить | Ответить с цитатой | Цитировать
+1 # Юлия 22.11.2009 14:25
Спасибо большое! Попробую
Ответить | Ответить с цитатой | Цитировать
+1 # Wedal 22.11.2009 10:13
Юлия, при работе с CMS есть одно общее правило: никогда не модифицируйте ядро CMS. Если вы внесете изменения в ядро (к которому относится и com_content), то потеряете возможность обновлять свой сайт (если, конечно, не будете вносить эти изменения при каждом обновлении). К тому же com_content позволяет настроить главную страницу очень гибко. Большинство настроек можно найти в пункте "Главная" главного меню.
Лично я не люблю com_content. В нем есть несколько больших недостатков. Попробуйте использовать компонент "К2". Он бесплатен и значительно превосходит com_content.
Ответить | Ответить с цитатой | Цитировать
+2 # Юлия 21.11.2009 17:57
Здравствуйте. А Вы не подскажете, как модифицировать com_content, чтобы выводилось не 2 колонки для статей, а чтобы выглядело как таблица,- чтобы превью каждой статьи было в одинаковых квадратиках? Заранее благодарю.
Ответить | Ответить с цитатой | Цитировать
+6 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.niki 22.10.2009 16:54
Wedal, спасибо за урок, очень понятно и по существу. Неплохо бы рассказать о файле стилей *.css.
Ждем продолжения.
Ответить | Ответить с цитатой | Цитировать
-8 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.Wedal 14.10.2009 22:31
Валера, согласен с вами. Далеко не каждому нужен этот материал. Создание собственного шаблона - это длительный и сложный процесс. Но есть люди, которые хотят научится делать собственные шаблоны. Да у Web-мастеров, работающих на заказ, в любой момент может появиться заявка на сайт с уже нарисованным эскизом шаблона. В таком случае, заказывать у кого-то другого создание этого шаблона по эскизу затратно и долго.
Ответить | Ответить с цитатой | Цитировать
-29 # RE: Шаблоны Joomla. Часть 3. Делаем первый шаблон.валера 14.10.2009 14:52
считаю, что осваивать программирование и верстку шаблонов не нужно (конечно если это не твоя работа).
Достаточно заказать (идеально - деньги) или самому осваивать построения шаблона на sms. А надо начать со структуры сайта (бумага, ручка и много много времени - переделать трудно, долго и не эффективно)
Ответить | Ответить с цитатой | Цитировать
+15 # ОтветОлег 13.03.2011 23:15
Цитирую валера:
считаю, что осваивать программирование и верстку шаблонов не нужно (конечно если это не твоя работа).
Достаточно заказать (идеально - деньги) или самому осваивать построения шаблона на sms. А надо начать со структуры сайта (бумага, ручка и много много времени - переделать трудно, долго и не эффективно)


Балбес ты Валера :lol:
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Для отправки комментария введите код с картинки:
Защитный код
Обновить

Вверх