Как создать свой шаблон joomla или как натянуть сайт или верстку на joomla. Часть 1

Сегодня мы поговорим на очень актуальную тему «Как создать свой шаблон Joomla или как натянуть сайт и html верстку на Joomla».

Итак

Шаг 1

Скачиваем последнюю версию Joomla (на момент написания статьи такой была версия joomla 3.4.5) и устанавливаем ее на ваш домен, где планирует размещать сайт

Шаг 2

Создаете папку с названием вашего сайта в вашсайт/templates/

Например у меня сайт называется soft

Шаг 3

Файл TemplateDetails.xml . Я подготовил шаблон, который достаточно будет скачать тут и просто вносить правки согласно своего сайта.

Открываем его и смотрим

Шапка

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

<extension version="3.1" type="template" client="site">

Это версия и т.д. Обычный стандартный набор. Тут ничего не трогаем и не меняем

<name>Site1</name>	
<description>Супер сайт для супер людей</description>
<version>1.0</version>
<creationDate>23/10/2015</creationDate>
<author>Roman Dovgal</author>
<authorEmail>romadov1988@gmail.com</authorEmail>
<copyright>Copyright (C) 2015All rights reserved.</copyright>

<name>Название вашего сайта</name

<description>Описание вашего сайта</description>

<version>Версия вашего сайта</version>

Если, допустим, вы делаете апдейт своего сайта, выпускаете его новую версию, то просто пишите, например, 2.0 и т.д.

<creationDate>Дата создания вашего сайта/шаблона</creationDate>

<author>Автор<author>

<authorEmail>e-mail автора</authorEmail>

<copyright>Копирайт на ваш сайт</copyright>

Далее мы должны определить в этом файле папки и файлы, которые относятся к нашему шаблону

<files>
	<filename>index.html</filename>
	<filename>index.php</filename>
	<filename>templateDetails.xml</filename>
	<filename>template_preview.png</filename>
	<filename>template_thumbnail.png</filename>
	<folder>css</folder>
	<folder>html</folder>
	<folder>js</folder>
</files>

<filename> — определяем файлы

index.html — моя верстка

index.php — для начала в этот файл пишем

<?php 
 defined("_JEXEC") or die();
 ?>

templateDetails.xml — это файл, с которым мы работали выше

template_thumbnail.png — иконка шаблона, которую можно будет увидеть в меню выбора шаблонов в админке Joomla.

template_preview.png — превьюха шаблона, которую можно увидеть в менеджере шаблонов в joomla

<folder> — определяем папки, которые используются в шаблоне

С пока что использую стандартный набор папок: css, js и html.

Закрываем <extention>. Наш ваш templateDetails.xml готов.

Шаг 4

Создание архива с шаблоном для установки

Просто архивируем нашу папку с файлами в .zip

На сегодня все. Мы создали архив с файлами, которые необходимы нам для установки собственного шаблона в Joomla. В следующей статье я уже напишу о том, как собственно говорят, установить этот шаблон и настроить его

автор: Роман Довгаль

С 2010 года я занимаюсь интернет маркетингом. Сюда входит и SEO, и SMM, и SMO, и, собственно маркетинговое продвижение не только сайтов, а проектов в комплексе :)
Для меня каждый проект – это отдельная жизнь. Своя целевая аудитория, свои методы продвижения, свои показатели результативности :)

4 комментария

  1. Давно искал такое руководство, кратко и по делу! Автор спасибо! А когда вторая часть??? Очень надо)

  2. Установил шаблон Company Clean, а там одна колонка слева и основной текст по середине. Как мне добавить колонку справа и перенести туда форму входа. Спасибо.

    1. Необходимо создать модульную позицию в области справа и разместить в эту модульную позицию Вашу форму для входа

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *