Как сделать шаблон для Joomla. Часть 1

Я постараюсь как можно более подробно описать все аспекты. С удовольствием отвечу на все вопросы в комментариях. Так как я уже написал вступление, сразу переходим к теме

Хочу сказать что если у вас нет программ для создания сайта, таких как Dreamweaver настоятельно рекомендую скачать и установить Notepad++. Это отличная замена стандартному блокноту с подсветкой кода, что очень облегчает жизнь и вёрстку.

1. Нам понадобится заготовка. Правильно свёрстаная с помощью блоков div. Для наглядности сделаем простой шаблон. Обвесить всеми украшениями ещё успеем. Главное понять принцип создания. Возьмём мы её вот отсюда. Я взял первую заготовку, так как она самая классическая. Сайт будет растягиваться на всё окно браузера и будет заполнять всю страничку. состоит из пяти областей: две колонки (левая и правая) под навигацию, вывод статей и прочего контента посередине и шапка с футером.

Как создавать шаблоны для joomla. Начало.

Вспоминая месяц метаний по интернету в поисках казалось бы такой популярной темы решил написать свой мануал по данному вопросу.

Начну с того что до того самого злополучного месяца я ни разу не делал шаблонов ни под одну cms. Так что я был идеальным чайником в этом вопросе.  И так, с чем сталкивается неподготовленый и неискушенный в этой теме верстальщик?

1. Все руководства неполны. То есть авторы пишут лишь какую то часть, а остальную информацию опускают свято уверенные что описали все важные моменты, а остальное ищущий уже и так знает.

2. Большая часть учебников написана на английском. Для кого то это не проблема, но я знаю многих людей которые не зная английского языка не будут даже открывать результаты в поисковике на иностранных языках.

3. Не раз попадались всяческие видеокурсы и книги в формате .pdf . Да, это конечно здорово, но я как и большинство – ленивый копипастер того, что можно просто скопировать вместо занудного переписывания. Я не спорю, если вбить с клавиатуры всю страничку, то станет понятнее что и как на ней расположено. Но, извините меня, вбивать вот такое:

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

это просто вершина задротства:)

4. Многие каркасы шаблонов написаны табличной вёрсткой, что как вы сами понимаете, не совсем хорошо с точки зрения поисковиков. Даже на одном из самых популярных по этому запросу сайтов даётся именно такой шаблон.

Этих пунктов вполне хватило чтоб я решил написать свою статью-учебник. Начнём с начала:)

День второй

Нашел форум по virtuemart. Рабочий и полезный. Поковырял начинку. В принципе код вывода товаров ковырять нет необходимости. Всё можно задать с помощью css. Только чуть больше дивов наставлю (:

Итоги дня. Если бы не проклятая основная занятость глупостями за которые получаю деньги, то продвинулся бы больше. А так – всё впереди.

Научился пользоваться вордпрессовским поиском по блогам. Пока интересных не нашёл. Точнее нашёл несколько любопытных, но давно заброшеных. От блогов по СЕО начинает подташнивать, но пока из ридера не выкину. Ещё не всё перечитал за полгода:)

После работы абсолютно нечего делать, но сидеть ещё и вечером за вёрсткой не хочется. Холодно и некомфортно. Моя любимая онлайн игрушка «Аллоды» жутко лагает. Но это полбеды. К этому прибавились в этом году и постоянные дисконнекты. Одним словом – капец. По такому случаю сходил на фильм «Аватар» в 3D кинозал. Я его уже смотрел в обычном кинотеатре, но под влиянием общественности решил ещё (впервые в жизни) поглядеть в трёхмерном измерении. Понял для себя что трёхмерности в кино не главное. А фильм хороший. Как сказала Каша Сальцова в своём твиттере – современная сказка про Мересьева.

Всех вам благ,  мои немногичисленные читатели. И не мёрзните как я сейчас. Завтра опять на любимую работу. Пора делать в своей жизни что то полезное. Чего и вам желаю.

UPD: Когда не с кем поговорить, люди пишут вот такие посты

День Первый

Открыл сайт сделанный на джумле. Сделал простенький шаблончик. Завтра буду ковырять начинку virtuemart (это такой плагин к joomla позволяющий без особого труда сделать магазин). Итоги – на вид пока страшненько, но всё можно переделать. Шеф (один из) тыкнул пальцем в понравившийся ему сайт и сказал – Хочу чтоб вот так товары отображались. Ну что ж, попробуем.

Несколько слов о себе(мои будущие работодатели и клиенты – вы этого не видели:)  ). По багажу знаний я сейчас обезьянка-верстальщик. Хорошо знаю html и css. Имею представление о скриптах и php, но ничего свыше этого. Ах да, ещё Photoshop на отлично, но это не главное в веб дизайне, как по мне. Достаточно просто хороших знаний.

С чем я начинаю делать этот магазин-сайт? А вот с теми знаниями что я описал выше. Посмотрим выйдет или нет.

И так, уважаемый читатель сего, тема блога раскрыта – создание интернет магазина с базовыми знаниями в вебе.  Площадка joomla + virtuemart. Инструменты – форумы по жумле, как русскоязычные, так и англ. Вот некоторые из них:

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

http://habrahabr.ru/blogs/joomla_cms/41213/ Вот начало этого цикла. Очень рекомендую. Не знаю как у кого получилось сделать первый шаблон для joomla, но я пока не воспользовался этими статьями делал лишь беспомощных уродцев.

На сегодня всё. Продолжим завтра.

P.S. Кстати, после магазина собираюсь переезжать с блогом на свой личный сайт. Есть хостинг и имя, но хочется сделать его уже вооружившись знаниями и практикой.

Не начать ли мне печатать полезные ссылки по joomla?

Столько всего уже перекопал, столько закладок.

Пожалуй сложу здесь со своими комментариями.

Жизнь с понедельника

На следующей неделе открываю магазин на движке joomla+virtemart

подробности позднее

О том что здесь будет

Вот уже полгода читаю блоги сеошников и вебдизайнеров. Подумал – чем я хуже? И решил сделать блог о том как я стал веб дизайнером. До вершин дизайна мне ещё очень далеко, но есть огромное желание роста. И так – отсчёт пошел.

Планы на этот год:

1. Открыть электронный магазин www.instrade.co.ua

2. Сделать сайт-портфолио (есть домен, но пока повременю с публикацией)

3. Начать зарабатывать с помощью своего хобби (вёрстка и дизайн)

4. Выучить PHP