Где хранятся файлы css joomla
По умолчанию все шаблоны сайта должны раcполагаются в директории "/templates", которая находится в корне. Допустим наш шаблон будет называться "my_template", тогда струтктура типичного шаблона, будет следующая. Для примера назовем наш шаблон "my_template". Начиная с директории
- /templates/my_template/
- css/ - различные файлы стилей для шаблона (например reset.css , styles.css , ie.css и т. д.)
- html/ - папка, в которой лежат переназначеные шаблоны для модулей и компонентов системы
- modules.php - собственные chrome-функции
- pagination.php - шаблон для постраничной навигации
- com_content
- com_search
- mod_breadcrumbs
- mod_search
- . и т. д.
Элементы отмеченые звездочкой (*) обязательны для работы шаблона (для его минимального функционала).
Где следует вносить изменения в CSS-файл?
Самое интересное и приятное заключается в том, что изменения мы будем вносить в код прямо в редакторе таблиц стилей в браузере Firefox (смотрите второй скриншот). И что очень удобно, изменения будут отображаться в реальном времени и только для Вас! Таким образом Вы сможете провести эксперименты, найти оптимальное решение в дизайне и уже только потом внести остаточные изменения в CSS-файл шаблона! Согласитесь - это избавляет от массы проблем :)
Для наглядности, давайте сделаем следующие изменения:
Кстати, чтобы точно узнать путь к папке, в которой лежит нужное изображение, нужно просто на самом изображении в браузере кликнуть правой кнопкой мыши, далее выбрать пункт Открыть фоновое изображение и в браузерной строке увидите полный путь от домена до названия самого файла :)
И еще раз напомню, все изменения в код я вношу прямо в редакторе браузера, поэтому результат всех вышепредложенных изменений смотрите в скриншоте ниже.
Начнем
Шаблон Joomla начинается с следующих строк:
Первая строка предотвращает действия злоумышленников, которые хотели бы использовать код вашей страницы в своих целях.
Вторая строка-это Объявление типа документа (DOCTYPE), который сообщает браузеру (и Веб-краулерам) какой тип HTML-кода используется на вашей странице. Тип документа, используемый здесь совместим с HTML5, новой версией HTML, которая во многом сохраняет обратную совместимость, но содержит много новых возможностей. Вы должны знать, что это не будет хорошо работать в Internet Explorer 8 или более ранних без патчей. Вам стоит продумать это и учесть пожелания ваших клиентов, прежде чем решить, какой Тип документа использовать. Так или иначе указанный тип документа является основным в Joomla версии и более поздних.
Третья строка начинает наш HTML-документ и указывет язык сайта. HTML-документ делится на две части, заголовок (head) и тело (body). Заголовок будет содержать информацию о документе, а тело будет содержать код сайта, который управляет макетом.
Тело (Основная часть страницы)
Невероятно, но этого будет вполне достаточно! Да, это очень простой макет, но это будет работать. Все остальное будет сделано на Joomla!. Эти линии, обычно называют декларациями jdoc, которые сообщають Joomla запрос на вставку информации из определенных частей системы Joomla. Внимание: убедитесь, что ваше меню готово быть размещено в "верхней" позиции модуля.
Module Positions
Above, the line which says name="top" adds a module position called top and allows Joomla to place modules into this section of the template. The type="component" line contains all articles and main content (actually, the component) and is very important. It goes in the centre of the template.
Note: You can add your own module lines anywhere you want in the body, but you have to add a corresponding line to the templateDetails.xml file which sits alongside the index.php of your template.
Finish it off - one last bit:
С какими проблемами можете столкнуться при окончательном редактировании CSS-файла шаблона Joomla?
Вроде уже потренировались в редакторе браузера, определились с изменениями в дизайне. Заходите через FTP-клиент на сервер или через менеджер файлов хостинга, скачиваете нужный CSS-файла шаблона, открываете его в Notepad++ (или в текстовом редакторе JuffEd, если у Вас Ubuntu), вносите изменения в сам файл, сохраняете, заливаете измененный файл на сервер но никаких визуальных изменений в итоге не произошло? Что нужно сделать:
- проверьте права доступа к изменяемому CSS-файлу. Если стоит chmod 444 или 644, то измените хотя бы на 755. После внесения изменений верните значение chmod в прежнее состояние.
- обновите кеш браузера - нажмите одновременно клавиши CTRL+F5
Эти простые манипуляции должны помочь :)
На этой позитивной ноте заканчиваю статью "Как редактировать CSS шаблона в Joomla?", которая имеет универсальный алгоритм и может быть полезной для всех веб-мастеров, не зависимо от CMS сайта. Если Вам понравилась статья, можете поделиться ею в соцсетях, возможно, она будет для кого-то не менее полезной:) Успехов Вам в веб-дизайне и до встречи в следующих статьях!
А если у Вас возникли вопросы к данной статье, пожалуйста, спрашивайте через форму комментариев ниже :)
Комментарии
Спасибо за статью. Наконец-то я нашел, где этот css, а то огромный шрифт первого заголовка очень портил внешний вид сайта
This is one of a series of API Guides, which aim to help you understand how to use the Joomla APIs through providing detailed explanations and sample code which you can easily install and run.
наиболее важные директории и их назначение в работе Joomla-сайта
- cache — сюда централизованная система кеширования помещает все предварительно обработанные файлы для ускорения выдачи страниц.
- administrator — директория отвечает за панель управления сайта. По большому счету структура повторяется
- components — место установки компонентов для работы администратора
- includes — здесь хранятся файлы реализующие Application Layer в приложении.
- language — в этой папке хранятся локализации панели управления сайта
- templates — директория с шаблонами 'а
- modules — папка с администраторскими модулями, такими как toolbar, или панель быстрого доступа.
- components — в этой директории хранятся файлы всех установленных в системе компонентов. Каждый компонент обязан иметь определенный набор файлов предписанный и выбранной моделью.
- images — директория для изображений и файлов Joomla.
- stories — в которую сохраняются пользовательские изображения.
- banners — тут располагаются файлы баннеров (gif, jpg, swf и другие форматы) для стандартного компонента "Баннеры".
- M_images — здесь располагаются иконки и небольшие картинки для сайта.
Напишите еще относительно файла robots.txt, какие папки точно надо скрывать от роботов, а какие можно оставить для индексации. Статья была бы полезней )
А почему не описали папку MEDIA ?
Для чего она? Что в ней лежит? Можно ли удалить ее содержимое?
If you think that this might be a fascinating wealth-building home
based business for you, or perhaps something to supplement your revenue, then use a look.
He has founded many organizations like the XL Nation that regularly organizes events
to make sure that all of the latest activities that Roger with his fantastic supporters take part in are communicated properly for the
interested people and organizations. Yes, insurance minimizes you against losing almost everything you
worked so difficult to construct.
На выходных Я сорвал джекпот в этом современном клубе
В прошлом месяцк Я разбогател в этом крутом клубе
Make surе that you start in the edges going іnward to ѕtop
the stain frоm spreading. Marketing ?sing Google Ad - ?ords fоr Instant Business
- We f?und majority of franchose owners ?an be a bit skeptical аbout spendung their marketing dollars оn Google Ad - Words in t?is
ecolnomy гather t?ey mig?t prefer not to ddo it. ?any companies may wwill givee ?ou verbal guarantee ?ut the? aгe quoting to the job, but it іs amazing t?e frequency оf w?ich these guarantees changе or disappear entirely when thе? hap?en to b? hired.
?hat's up, Steve hwre at Bridges.
Serіouѕly “Структура папок Joomla, наиболее важные директории
и их назначение в работе Джумла-сайта / Общие понятия .:
. Документация Joomla! CMS” is definitely ann original topic
Merely wanted to say that I ?ioed reаding your blog.
Hey there would you mind stating which blog
platform you're working with? I'm going to start my own blog soon but I'm having a hard time selecting
between BlogEngine/Wordpress/B2evolution and Drupal.
The reason I ask is because your design and style seems different then most
Подведение итогов
Теперь у вас должен быть создан работающий шаблон. Он пока не производит впечетление. То, что можно сделать сейчас - это начать экспериментировать с макетом.
Друзья, статья под названием "Как редактировать CSS шаблона в Joomla?" является первой статьей нового раздела моего сайта, посвященного вопросами оптимизации и создания сайтов - CSS. Таким образом, я расширяю круг своих интересов в направлении создания сайтов и готов уже поделиться некоторыми решениями. Да и без элементарных знаний в веб-дизайне очень трудно сделать красивый сайт на заказ.
Сегодня я хочу рассказать о несложном, но очень полезном алгоритме редактирования CSS стилей шаблонов для сайтов на Joomla. Я бы сказал, что сам алгоритм намного универсальнее и подходит для любых типов движков и сайтов вообще, просто примеры я буду приводить именно редактируя дизайн шаблонов сайтов на Joomla, поскольку этим я довольно часто занимаюсь в последнее время.
Создание базового templateDetails.xml файла
TemplateDetails.xml файл необходим. Без него, ваш шаблон не будет виден в Joomla!. Этот файл содержит ключи метаданных о шаблоне.
Структура и синтаксис файла зависит от той или иной версии Joomla.
Для , используйте следующее:
Для и более поздних, используйте следующую версию файла. Измените цифры версии version="2.5" на версию вашего Joomla! пакета.
Так что, как видите, у нас есть набор установок между тегами разметки (в ). Наилучший способ это скопировать и вставить этот фрагмент кода в Ваш templateDetails.xml файл и изменить соответствующие параметры (такие как и ).
В части должны содержаться все файлы, которые Вы используете в шаблоне. Вероятно Вы еще не знаете как они будут называться, но не волнуйтесь, обновите эту часть файла позже. Элемент можно использовать, чтобы определить всю папку сразу.
Оставьте позиции такими как они есть - это обычный набор, который позволит Вам легко переключаться из стандартных шаблонов.
Содержание
Joomla allows you to add Javascript and CSS files to your HTML document, and it puts the associated and elements within the HTML section. To do this you call the addScript and addStyleSheet methods of the Joomla object which represents the HTML document. Since Joomla! buffers all the HTML-related data that makes up a page before output, it is possible to call these methods anywhere within your code.
First, get a reference to the current document object:
Then for a stylesheet, use this code:
To add a JavaScript file, use this code:
where $url is the variable containing the full path to the JavaScript or CSS file. For example: JUri::base() . 'templates/custom/js/sample.js'
Note this will **NOT** include Mootools or jQuery. If your script requires Mootools or jQuery see Javascript Frameworks for full details on how to include them. (Note that jQuery can only be included natively on Joomla! 3.0+.) It used to be possible to do this with JHTML, however, this was deprecated in Joomla 2.5 and removed in Joomla 3.x.
You can add $options and $attributes parameters to the above methods. The $options control overall how the and elements are output while the $attributes get set as HTML attributes within those tags. (Note that although there are Deprecated markers against the addScript and addStyleSheet methods of the Joomla Document API, these markers refer just to the signature of these methods; the form of the signature using $options and $attributes parameters is not deprecated). The $options parameter should be an array, and 2 different options are currently supported:
- 'version' => 'auto' If this is set then a "media version" is appended as a query parameter to the CSS or JS URL within the or element. This is a string (an md5 hash) which is generated from factors including the Joomla version, your Joomla instance secret and the date/time at which the media version was generated. The media version is regenerated whenever anything is installed on the Joomla instance, and its purpose is to force browsers to then reload the CSS and JS files instead of using possibly outdated versions from cache.
The string of characters after the ? is the md5 hash, which will change when extensions or Joomla itself are installed/upgraded/deinstalled.
- 'conditional' => 'lt IE 9' (as an example). This outputs the or within a Conditional Comment which earlier versions of Internet Explorer interpreted.
The $attributes parameter should also be an array, and these are mapped to be html attributes of the or element. For example,
(Note that these Options are different from the $options parameter described above).
Beside adding inline scripts, Joomla! provides a mechanism to store the options in the "optionsStorage". This allows you to nicely manage existing options on the server side and on the client side. It also allows you to place all JavaScript logic into the JavaScript file, which will be cached by browser.
Joomla! uses a special mechanism for "lazy loading" the options on the client side. It doesn't use inline JavaScript, which is good for page rendering speed, and makes your site more friendly to the Speed Testers (eg Google).
The use of "optionsStorage" is preferred over inline JavaScript for adding the script options.
Example of Use
Add the script options to your module:
Access your options on the client side:
Override the options on server side. (Possible until the head rendering.):
There are cases when you may want to output an error message in your JavaScript code and want to use the Joomla mechanism of language strings. You could manage this by using addScriptOptions to pass down each language string you need, but Joomla provides a more succint solution. To pass a language string to JavaScript do in your PHP code, for example,
JText::script('JLIB_APPLICATION_ERROR_ACCESS_FORBIDDEN'); Then in your JavaScript code you can do:
var message = Joomla.JText._('JLIB_APPLICATION_ERROR_ACCESS_FORBIDDEN'); to obtain in the user's language the text message associated with the language constant. Obviously certain language strings have embedded %s characters, so in your JavaScript code you will have to handle that, eg using an external JavaScript sprintf library or string replace, etc.
If your JavaScript or CSS are generated using PHP, you can add the script or stylesheet directly into the head of your document:
For example, the following code is used to define a custom tool tip that takes advantage of Mootools.
Note that in order for this JavaScript to be useful, it is necessary to include the appropriate class name in the HTML, as well as providing the mytooltip.css file. Both are outside the scope of this article.
This is also useful if you are inserting a form field of CSS into your code. For example, in a module you might want a user to choose the colour of the border. Call the form field's value and assign it a variable $bordercolor in mod_example.php. Then in tmpl/default.php you can include the following:
Here mod_example.css contains the CSS file of any non-parameter based styles. Then the bordercolor parameter/form field is added in separately.
There will be some occasions where even these functions are not flexible enough, as they are limited to writing the contents of or tags, and cannot add anything outside those tags. One example would be the inclusion of a stylesheet link within conditional comments, so that it is picked up only by Internet Explorer 6 and earlier. To do this, use $document->addCustomTag :
If it was necessary to include other conditional CSS, always include the "addCustomTag" method after it is declared.
Below is the code for a simple Joomla module which you can install and run to demonstrate adding CSS and JavaScript, and can adapt to experiment with the concepts above. If you are unsure about development and installing a Joomla module then following the tutorial at Creating a simple module will help. In a folder mod_css_js_demo create the following 4 files:
Zip up the mod_css_js_demo directory to create mod_css_js_demo.zip. Within your Joomla administrator go to Install Extensions and via the Upload Package File tab select this zip file to install this sample mod_css_js_demo module. Make this module visible by editing it (click on it within the Modules page) then:
- making its status Published
- selecting a position on the page for it to be shown
- on the menu assignment tab specify the pages it should appear on
When you visit a site web page then you should see the module in your selected position, and it should display
- a message Hello World! which the CSS file should change to display in red
- a button which when you click it will execute an alert() showing the language string and variable which were passed down from the PHP code.
Using your browser's development tools you can also view the and elements within the HTML and see the JavaScript output on the console.
Зачем редактировать CSS стили шаблонов?
Конечно, если Вы читаете эту статью, значит причина у Вас уже имеется, но многие только догадываются, зачем это нужно. Поэтому, например, можно сказать, что Вы создали сайт себе или кому-то, добавили интересующий Вас шаблон, но в итоге одна или несколько деталей Вас не устраивает по какой-то причине, например:
- очень большой размер шрифта заголовков в стилях шаблона;
- не устраивает цвет фона шаблона или отдельных элементов дизайна;
- хочется изменить размер или расположение определенных элементов или полей, логотипа например и т.д.
Вот все эти казалось бы мелочи очень часто огорчают веб-мастеров и заставляют в итоге принять решение или о найме веб-дизайнера для его правки, или об установке другого шаблона. Данная статья поможет Вам самостоятельно и бесплатно редактировать шаблоны сайтов.
Тестирование шаблона
Найдите шаблон в менеджере шаблонов (в меню Расширения), выделите его и нажмите кнопку "'по умолчанию"' (в виде звездочки), чтобы сделать его шаблоном по умолчанию.
В Joomla! 1.5, новый шаблон будет отображаться непосредственно в Диспетчере шаблонов, которые доступные также через меню Расширения -> менеджер шаблонов.
Кроме того Вы можете создать свой шаблон вне Joomla! и просто установить его как любое обычное расширение.
Подсказка: есть несколько способов просмотреть главную страницу шаблона, если Вы поместили вместе, либо вставить стили в заголовок индексной страницы или подключаться непосредственно к таблице стилей что Вы будете использовать часто. Вы можете удалить эти ссылки перед упаковкой файла.
Custom Images
If you want to add any images to the template you can do so like this:
Here the template variable will fill in the name of your template.
Архивизация шаблона для установки
Содержание
Создание базового index.php файла
index.php файл является ядром каждой страницы Joomla!. По сути, вы делаете обычну html-страницу, в которую вставляете PHP код, который будет вставлять содержание вашего сайта. Шаблон создается путем добавления кода в Joomla с указанием позиций модулей и компонентов в соответствующем разделе вашего шаблона. Все, что добавляется в шаблон будет отображаться на всех страницах, кроме разделов сформированных через систему управления сайтами Joomla (или индивидуальным кодом).
На этой странице мы покажем приготовленный базовый код, который Вы можете вырезать и и использовать в вашем дизайне.
а теперь обо всем подробно и по порядку
Шаблон должен быть сохранен в определенной структуре каталогов:
Имя шаблона не может содержать пробелов и других специальных символов. Рекомендуем называть шаблон строчными латинскими буквами. В зависимости от операционной системы, экзотические комбинации символов могут стать главной причиной массы проблем. В добавок имя должно быть осмысленным. Здесь в качестве имени шаблона выбрано "my_template".
В каталогах шаблона должны быть представлены различные файлы с предопределенными именами. Вот основные из них:
Основной файл разметки. Это -файл
Он должен заканчиваться на " .php ", поскольку элементы динамического модуля Joomla должны интерпретироваться РНР.
Изображение предварительного просмотра. Файл картинки
содержит изображение предварительного просмотра вашего шаблона, которое предназначено для предпросмотра в менеджере шаблонов. Изображения предварительного просмотра имеют тип-png размером примерно 200x150 пикселей. Вы можете создать этот файл позднее, когда увидите готовый шаблон.
Метаданные шаблона.
Файл представляет техническое руководство для инсталлятора шаблонов и содержит инсталляции для выбора шаблона в диспетчере шаблонов. Здесь вы специфицируете место, куда должны копироваться файлы, кто их автор, а также дополнительные метаданные о шаблоне. Во время последующей инсталляции этого файла инсталлятором Joomla, РНР читает его и копирует файлы в места, специфицированные XML-файлом. Для каждого файла, который применяется в шаблоне, соответствующий контейнер XML должен быть наполнен именем файла и корректным путем.
-файлы. Для разрабатываемого шаблона можно использовать несколько CSS-файлов. Какое имя вы дадите файлу CSS, и как создадите его — дело ваше. Однако для разных элементов CSS предусмотрены разные каталоги. Для первой попытки вам понадобится CSS-файл по имени /templates/my_template/css/template.css.
Графика, изображения, флеш. Здесь можно ввести определенные пользователем файлы изображений, которые понадобятся в шаблоне для дизайна. Инсталлятор затем скопирует эти файлы в папку images. Имя файла выглядит как
Версия для печати. Шаблон версии для печати для компонента.
Файл хранения настроек шаблона. (только для J!1.5) Через файл templateDetails.xml можно указать свои настройки. После сохранения настроек через Менеджер шаблонов, в папке появится файл
Шаблон offline-страницы. Если сайт отключен через панель управления, то отобразиться именно этот шаблон.
This tutorial is for Joomla! CMS Version(s)
It has been suggested that this article or section be split into specific version Namespaces. (Discuss). If version split is not obvious, please allow split request to remain for 1 week pending discussions. Proposed since 5 >> ago.
а теперь обо всем подробно и по порядку
Шаблон должен быть сохранен в определенной структуре каталогов:
Имя шаблона не может содержать пробелов и других специальных символов. Рекомендуем называть шаблон строчными латинскими буквами. В зависимости от операционной системы, экзотические комбинации символов могут стать главной причиной массы проблем. В добавок имя должно быть осмысленным. Здесь в качестве имени шаблона выбрано "my_template".
В каталогах шаблона должны быть представлены различные файлы с предопределенными именами. Вот основные из них:
Основной файл разметки. Это -файл
Он должен заканчиваться на " .php ", поскольку элементы динамического модуля Joomla должны интерпретироваться РНР.
Изображение предварительного просмотра. Файл картинки
содержит изображение предварительного просмотра вашего шаблона, которое предназначено для предпросмотра в менеджере шаблонов. Изображения предварительного просмотра имеют тип-png размером примерно 200x150 пикселей. Вы можете создать этот файл позднее, когда увидите готовый шаблон.
Метаданные шаблона.
Файл представляет техническое руководство для инсталлятора шаблонов и содержит инсталляции для выбора шаблона в диспетчере шаблонов. Здесь вы специфицируете место, куда должны копироваться файлы, кто их автор, а также дополнительные метаданные о шаблоне. Во время последующей инсталляции этого файла инсталлятором Joomla, РНР читает его и копирует файлы в места, специфицированные XML-файлом. Для каждого файла, который применяется в шаблоне, соответствующий контейнер XML должен быть наполнен именем файла и корректным путем.
-файлы. Для разрабатываемого шаблона можно использовать несколько CSS-файлов. Какое имя вы дадите файлу CSS, и как создадите его — дело ваше. Однако для разных элементов CSS предусмотрены разные каталоги. Для первой попытки вам понадобится CSS-файл по имени /templates/my_template/css/template.css.
Графика, изображения, флеш. Здесь можно ввести определенные пользователем файлы изображений, которые понадобятся в шаблоне для дизайна. Инсталлятор затем скопирует эти файлы в папку images. Имя файла выглядит как
Версия для печати. Шаблон версии для печати для компонента.
Файл хранения настроек шаблона. (только для J!1.5) Через файл templateDetails.xml можно указать свои настройки. После сохранения настроек через Менеджер шаблонов, в папке появится файл
Шаблон offline-страницы. Если сайт отключен через панель управления, то отобразиться именно этот шаблон.
This tutorial is for Joomla! CMS Version(s)
It has been suggested that this article or section be split into specific version Namespaces. (Discuss). If version split is not obvious, please allow split request to remain for 1 week pending discussions. Proposed since 5 >> ago.
Введение
Цель этого урока - послужить введением в создание Joomla! шаблонов. Он будет охватывать необходимые файлы и код, который нужен для создания базового шаблона. Код представлен в таком виде, что его можно скопировать и вставить в Ваш шаблон с незначительными адаптациями.
Где находится нужный CSS файл?
В современных шаблонах для Joomla и других CMS как правило содержится много папок, в которых располагаются файлы, обслуживающие работу определенных модулей, вывод стилей и т.д. Практически всегда, отвечающие за дизайн шаблона файлы находятся в папках шаблона под названием CSS. В таких шаблонах может быть несколько папок с таким названием, да и в самих папках можеть находиться много файлов с расширением .css и нужно четко понимать, какой именно файл нужно редактировать.
Для этого, в браузере Firefox есть такой полезный инструмент как исследование элементов. Далее буду приводить примеры. Давайте отредактируем положение, высоту и цвет фона поля, предназначеного для выведения шапки сайта.
Итак, на интересуемом участке, который нужно отредактировать (у нас это будет шапка сайта), кликните правой кнопкой мыши. В предложенном меню выберите пункт Исследовать элемент. После этого исследуемый элемент будет выделен пунктирной рамкой и откроется дополнительная консоль, где будет выведен код страницы и самого элемента (напомню, в примере шапка сайта) - смотрите скриншот ниже.
Должен сразу заметить, что у меня на ноутбуке установлена ОС Lubuntu, поэтому графика программ и приложений у Вас может отличаться, но это не имеет принципиального значения.
Справа видим HTML-код шаблона, но поскольку нам нужно отредактировать CSS-файл, отвечающий за стиль отображения шапки сайта, переходим сразу в него, нажав на его названии (кликните там, где показано в скриншоте выше красным). В итоге нам открывается нужный CSS файл (смотрите скриншот ниже).
Удобная штука! Вам сразу же показан нужный участок кода, что значительно облегчает работу! Но перед тем как начать фокусы с дизайном, давайте в основных понятиях проанализируем тот кусок кода, который будем редактировать. Вот ниже его и приведу:
td.logoheader - имя шапки сайта в CSS-файле
height - высота шапки сайта в пикселях (в данном случае - 146px)
width - ширина шапки сайта по отношению к шаблону, в примере выражена в % (100%)
Для изменения цвета фона, размера шапки сайта и самой фоновой картинки мы будем вносить изменения в параметры background и height, остальные не будем трогать.
Установка структуры каталогов
Чтобы создать самый простой шаблон, ""создайте новую папку" в папке "шаблоны". Назовите папку по названию Вашего шаблона, т. е. "mynewtemplate".
Используя ваш любимый текстовый редактор, создайте файлы index.php и templateDetails.xml Для поддержания порядка в файлах, создайте "'две новые папки" " с названием "images" и "css". Внутри папки "css" создайте файл с названием template.css .
Конечно можно разместить весь Ваш код CSS напрямую в Вашем index.php файле, но многие веб-разработчики предпочитают размещать свой код CSS в отдельном файле, который может быть связан с несколькими страницами, используя тег ссылки . Это также может сократить время загрузки страниц, так как отдельный файл может быть кэширован.
Это самые простые практичные найстройки. Структура папок и файлов может быть такой:
Заголовок
Custom CSS
You can add custom css like this:
Every file which is added must have a line in the templateDetails.xml file for the template, unless it resides in a sub-folder (which can be included in a element).
Это будет в окончательной версии файла:
Читайте также: