Untitled web-page

Файл index.php Joomla сайта – 4 часть верстки шаблона

В одной из прошлых статей по теме «верстка шаблона Joomla» я создал каталог будущего шаблона и в нём создал базовый файл шаблона index.php. Скорее это был макет файла, со всем необходимым минимумом наполнения. Вот он:

Здесь несколько расширю этот файл и дам важные пояснения по его созданию.

Файл index.php Joomla

Файл index.php это основной файл каждой страницы сайта, задающий её структуру. В отличие от показанного файла, файлы index.php других шаблонов массивны и имеют 200-300 строк. Однако, несмотря на кажущуюся массивность, в них легко просматривается классическая HTML верстка страницы с объявлением типа документа, частей head (заголовок), body (тело) и footer (подвал). Но начинается любой файл index.php любого шаблона Joomla со строки безопасности:

Объявление типа документа

За строкой безопасности, следует информация для браузеров, о типе данного документа. Называется это сообщение, «Объявление типа документа» или document type declaration, или DOCTYPE.

Заявленный тип документа, основной для Joomla версий 3+ и совместим с HTML5.

Третья строка, с атрибутом xml:lang , извлекает язык документа из глобальной конфигурации системы.

Примечание: атрибут xml:lang используется только в XHTML-документах, для указания язык всего текста. Если xml:lang включить в отдельные фрагменты (теги) документа, то язык будет указан только для этого фрагмента.

Так как Joomla многоязыковая система, то мы не указываем один язык, напрмиер, xml:lang=»ru», а показываем, что берём язык из глобальной конфигурации системы.

Итог 1.

Получили первую часть файла index.php Joomla сайта, которую назовём «вступительная часть».

    xml:lang="language; ?>" lang="language; ?>" > 

Заголовок head

Раздел head, является обязательным для HTML документа и включает невидимую, техническую информацию для браузеров и поисковых системе, а также может включать, видимый заголовок документа.

Файл index.php в разделе head, сразу после тега должен содержать строку:

jdoc:include это метод вывода информации на фронэнд страницах сайта, принятый для системы Joomla. Существуют следующе типы (type) элементов вывода.

• component — для вывода основного содержания страницы в файле используется единожды;
• head — для вывода информации о стиле страницы, используемых скриптов, заголовка title страницы и метаданных этой страницы. Используется единожды;
• message – Используется один раз в разделе body , для вывода системных сообщений;
• installation — инструкция для установки, ничего не выводит;
• module — Любое количество для вывода единичного модуля на странице. Например, для главного меню или хлебных крошек;
• modules — Любое количество для вывода НЕ одного модуля на странице в позиции для модулей.

Обязательно в разделе head, нужно вывести «указку» на файл стилей страницы. Например, вы создали файл (файлы) template.css стилей CSS для своего шаблона и положили его в папку css шаблона: www.mysite.ru/templates/my_template/css/

Подключаем свои стили тегом link , с атрибутом rel :

baseurl ?>/templates/template; ?>/css/template.css" type="text/css" />

Если своих стилей нет или они не полные, подключаем стили системы:

 baseurl ?>/templates/system/css/system.css" type="text/css" /> baseurl ?>/templates/system/css/general.css" type="text/css" />

Завершаем раздел head тегом . В итоге раздел head шаблона выглядит так:

  baseurl ?>/templates/system/css/system.css" type="text/css" /> baseurl ?>/templates/system/css/general.css" type="text/css" /> baseurl ?>/templates/template; ?>/css/template.css" type="text/css" /> 

Раздел body

Раздел body это тело страницы. Здесь используя декларации jdoc:include нужно вывести оснвоное содержание (component) и модули (module).

Самый простой вариант раздела body для Joomla шаблона:

, где на странице будут два модуля с названиями top и bootom , а между ними основное содержание страницы.

Напоминаю, что все выводимые здесь модули, должны быть указаны в файле templateDetails.xml.

Завершаем раздел body тегом .

Если вы хотите добавить какие-либо изображения в шаблон, вы можете сделать это следующим образом: Здесь переменная шаблона заполнит имя вашего шаблона.

Завершение файла

Закрываем файл index.php Joomla сайта тегом .

Вывод

Показанный файл index.php Joomla сайта, лишь общая конструкция демонстрирующая принцип построения это файла. Однако эта конструкция рабочая и может служить базовой основой для более серьёзного файла на 200-300 строк.

Еще статьи

Источник

Как самостоятельно сделать сайт на PHP?

Перед тем, как сделать сайт на php , нужно предпринять меры предосторожности. Потому что ресурс может получиться крайне динамичным. Того и гляди, укусит!

PHP и HTML

Сейчас эти две дисциплины связаны почти воедино. Их тандем является основой, на которой построена « жизнь » большей части интернета. Конечно, в связке с html применяются и другие серверные языки ( Perl, ASP.NET ). Но их распространенность во всемирной паутине по сравнению с PHP , носит чисто эпизодический характер.

Для многих начинающих взаимосвязь между этими технологиями выглядит непонятной. С одной стороны статический html , который интерпретируется браузерами на стороне клиента. А с другой — программный язык, обрабатывающийся на сервере. Поэтому, перед написанием сайта на php с нуля, приведем простой пример взаимодействия этих двух технологий:

    Сколько сейчас времени? 

• Сохраним файл на локальном сервере и откроем его в браузере. Затем нажмем на правую клавишу мыши и в контекстном меню выберем пункт « Просмотр html страницы ».

Как видно на скриншоте, строка не отображается в html коде страницы. И в браузере, и в коде видны лишь возвращенные дата и время. А это значит, что скрипт был обработан на серверной стороне. Поэтому создание сайта на php кардинально отличается от написания простых html страниц.

Динамический сайт

Современные сайты бывают двух основных типов:

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

• Динамические – способны изменять свое состояние и содержимое — html страницы динамических сайтов формируются налету в момент выполнения кода в ответ на запрос пользователя, посланный им из браузера на сервер. Чаще всего генерация страниц на стороне сервера происходит с помощью кода, написанного на php .

Динамический сайт на php состоит из следующих файлов:

• index.php – является основным файлом проекта;
• Шаблоны – включают в себя структуру той или иной части страницы ( шапки, подвала, основной части );
• Файлы CSS – хранят в себе все стилевые описания ресурса.

Кроме этого проект сайта может состоять из файлов, хранящих в себе код функций и методов php . А также включать в себя базу данных.

В большинстве CMS источником контента для наполнения страниц, динамически сгенерированных на стороне сервера, служит база данных. Чаще всего применяется СУБД MySQL.

Как пишется сайт на PHP

Чтобы разобраться, как создается сайт на php , рассмотрим практический пример. Конечно, многое в нем упрощено, но весь механизм работы и этапы создания сохранены.

Имеется html сайт со следующей структурой и дизайном:

.header < margin-left:auto; margin-right:auto; margin-bottom:10px; width:1000px; height:100px; border:1px solid #000000; background: #009966; background-image: url(img/1.gif); >.pages < margin-left:auto; margin-right:auto; width:1000px; >.content < margin-right:10px; width:806px; height:450px; border:1px solid #000000; background: #999999; float:left; >.sidebar < width:180px; height:450px; border:1px solid #000000; background: #FF9900; float:left; >.foot < clear:both; >.footer

Перед тем, как написать сайт на php до конца, весь html код нужно раскинуть по нескольким файлам:

• В header.php войдет весь код с начала и до конца слоя « header »;
• В footer.php – слой « foot » и « footer »;
• В content.php – весь код, оставшийся посредине.

Теперь создаем основную страницу index.php , в которой будут размещены вызовы файлов, содержащие в себе код нужных элементов дизайна. Итого в основном файле оказалось всего 3 строчки скрипта:

А если просмотреть в браузере html код страницы, то вы увидите код первоначального исходника:

Конечно, этот вариант подходит лишь для генерации основной страницы сайта. Но если код боковушки убрать в отдельный файл, тогда шаблон можно использовать и для генерации внутренних страниц сайта.

Путь в обход

Но такая разработка сайта требует затраты сил, наличия специализированного программного обеспечения и знаний. Поэтому хотелось бы найти более легкий вариант. Тогда следует воспользоваться конструктором php сайтов.

Они представляют собой определенный набор шаблонов с расширенным диапазоном настроек. Из-за чего они сильно схожи с обычными CMS . Конечно, высокой уникальности дизайна будущего сайта никто не гарантирует, и в дальнейшем могут возникнуть проблемы с переносом и адаптацией ресурса на другой хостинговой площадке или платформе. Вот несколько проверенных вариантов таких онлайн-сервисов:

• wix.com – дополнительно к конструктору предлагается бесплатный хостинг, подключение домена и оптимизация созданного сайта для работы на мобильных устройствах.

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

Альтернативой таких онлайн-генераторов сайтов является использование CMS . По своей сути они тоже являются конструкторами сайтов.

Но генерация страниц ресурса происходит в них динамически. Наиболее популярные CMS :

Создание сайта с нуля на php подходит не для всех. А применение специализированных конструкторов не всегда дает ожидаемый результат. Поэтому оптимальным вариантом будет развертывание нового сайта на основе популярной CMS .

Источник