Файл index php что это

Обновлено: 03.07.2024

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

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

Файл index.php Joomla

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

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

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

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

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

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

Итог 1.

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

Заголовок head

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

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

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

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

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

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

Раздел body

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

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

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

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

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

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

Чем на самом деле является файл index.php? Это комбинация (X)HTML и PHP, которая определяет все необходимое для отображения элементов страницы.

Сначала посмотрим на элемент, который крайне важен для создания валидных шаблонов — DOCTYPE в верхней части файла index.php. Этот фрагмент кода отображается в верхней части всех веб-страниц. На страницах нашего шаблона мы видим следующее:

Первое строчка на PHP предназначена просто для того, чтобы убедиться, что к файлу не обращаются напрямую, из соображений безопасности.

[Информация на сайте W3C о DOCTYPE] составлена гиками для гиков. И когда я говорю «гики», я не имею в виду обычных профессионалов Веб, таких как я или вы. Я имею в виду тех гиков, которые заставляют нас выглядеть как Бабушку в тот день, когда Она Впервые Получила E-mail.

В любом случае, вы можете использовать разные DOCTYPE. По существу, DOCTYPE говорит браузеру, как интерпретировать страницу. С самого начала, когда появился Веб, разные браузеры имели разные уровни поддержки CSS. Так, например, Internet Explorer не поймет команду «min-width», используемую для установки минимальной ширины страницы. Для того, чтобы продублировать эффект, вам придется использовать «хаки» в CSS.

Чтобы усложнить картину, добавим, что существует еще так называемый режим «quirks» (специальных ухищрений). Если DOCTYPE указан неверно, с неправильной датой, или вообще не указан, браузер переходит в режим «quirks». На самом деле, это попытка обеспечения обратной совместимости, так, например, Internet Explorer 6 будет интерпретировать страницу так, как это делал бы IE4.

Они используют декларацию DOCTYPE, копируя ее непосредственно с сайта W3C, вследствие чего конец ссылки выглядит как DTD/xhtml1-strict.dtd, в то время как это относительная ссылка на сервере W3C. Вам нужно указывать путь полностью, как в примере, приведенном выше
Фирма Microsoft разработала свой IE6 так, чтобы он выдавал валидные страницы, пребывая при этом в режиме «quirks». Это обычно случается, когда «xml declaration» указывется до DOCTYPE.

Далее указывается следующее XML-выражение (после DOCTYPE):

Пояснения насчет режима «quirks» в IE очень важны. В этой статье мы разрабатываем шаблон для IE6+, следовательно мы должны быть уверены, что он работает в стандартном режиме. Это минимизирует необходимость хаков, которые нам придется позже применить.

ПРИМЕЧАНИЕ
Создание страниц, соответствующих стандартам, когда вы видите «valid xhtml» в нижней части страницы, не означает в действительности трудоемкой верстки или использования малопонятных тегов. Это просто означает, что разрабатываемый вами код, соответствует заявленному DOCTYPE, и ничего более.

Разработка сайта по стандартам может быть описана одной фразой как «говори, что ты делаешь, а затем делай то, что говоришь».

Что еще есть в файле index.php?

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

Что все это означает?

Мы уже рассказывали о значении DOCTYPE в файле index.php. Фрагмент извлекает установленный язык из глобальной конфигурации.

Следующий фрагмент включает дополнительную информацию для заголовка:

Это заголовочная информация, которая задана в глобальной конфигурации. Она включает в себя следующие теги (в инсталляции по умолчанию):

Большая часть этой информации генерируется «на лету» в соответствии с данными текущей страницы (статьи). Она включает в себя ряд мета-тегов для favicon, адресов RSS-потоков и некоторых стандартных JavaScript-файлов.

Последние строки в заголовке содержат ссылки на CSS-файлы шаблона:

Первые два файла — system.css and general.css содержат некоторые основные стили Joomla. Последний содержит все стили шаблона и называется здесь template.css. Фрагмент кода PHP возвращает название текущего шаблона. Указание его именно таким образом, вместо реального пути, делает код более переносимым. Когда вы создаете новый шаблон, вы можете просто скопировать его (включая весь заголовок), не беспокоясь о внесении исправлений.

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

Следующий пример показывает, как могут использоваться параметры шаблона:

Пустое тело шаблона

Создание нашего первого шаблона будет очень-очень простым! Вы готовы?

Все, что необходимо, — это использовать выражения Joomla, которые добавят содержимое всех модулей в основное тело страницы (mainbody):

В настоящий момент наш сайт не вылядит особенно впечатляюще (см.
иллюстрацию)

название сайта
верхний модуль
левые модули
основной контент
правые модули

Что необходимо знать

По существу, шаблон просто загружает модули Joomla и mainbody (компонент). Расположение элементов и дизайн — это дело CSS, а не Joomla.

Нашей целью является как можно ближе приблизиться к семантической разметке. С точки зрения Web, это означает, что страница может быть прочитана браузером, «пауком» поисковой системы или устройством чтения с экрана. Семантическая разметка является краеугольным камнем доступности.

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

Вы заметили, что мы впервые использовали набор команд, специфичных для Joomla:

PHP-выражение «echo» просто отображает строку из файла configuration.php. Здесь мы использовали название сайта, но можно, например, отобразить и другие параметры:

Выражение «jdoc» вставляет различные типы XHTML-вывода, как модулей, так и компонентов. Следующая строка вставляет вывод компонента. Какой компонент будет использован, будет определяться ссылкой в меню:

ПРИМЕЧАНИЕ
Достаточно интересно, вам кажется, что вывод компонента можно использовать несколько раз. Не уверен, что вам захочется сделать это, но я говорю вам, что это может быть ошибкой.

Эта строка вставляет вывод всех модулей, заданных для места «right»:

На самом деле, полный синтаксис такой:

Мы рассмотрим различные варианты опций для стилей в разделе о модулях позднее.

Как открыть, редактировать и конвертировать файлы PHP

В этой статье мы узнаем, что такое файлы .php , чем открыть и как с ними работать.

Файлы с расширением PHP — это файлы исходного кода PHP , содержащие код препроцессора гипертекста. Они часто используются как файлы веб-страниц, генерирующие HTML из обработчика PHP , расположенного на сервере.

Движок PHP создает из кода HTML-контент , который мы видим в браузере. Поскольку программный код выполняется на сервере, то при переходе на PHP-страницу мы получаем доступ не к самому коду, а лишь к HTML-содержимому , которое генерирует сервер.

В некоторых файлах исходного кода PHP используется другое расширение, например PHTML , PHP3 , PHP4 , PHP5 , PHP7 или PHPS .

Как открыть файлы PHP

Файлы PHP — это текстовые документы, поэтому открыть их можно любым текстовым редактором или в браузере. В операционной системе Windows не возникнет вопроса, чем открыть PHP файл . Для этого можно использовать редактор « Блокнот ». Но при написании PHP-кода удобно, когда синтаксис подсвечивается, поэтому предпочтение лучше отдать специализированному редактору.

Notepad++ — бесплатный текстовой редактор с подсветкой синтаксиса. Вот еще несколько редакторов для PHP : Adobe Dreamweaver , Eclipse PHP Development Tools , Zend Studio , phpDesigner , EditPlus и WeBuilder . С помощью этих программ можно редактировать файлы PHP , но нельзя запустить код. Для этого нужны другие приложения, такие как Apache Web Server .

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

В таком случае измените расширение файла, прежде чем открыть PHP в нужной программе. Если это файл MP4 , то он должен открываться в видеоплеере.

Как конвертировать файл PHP

PHP-файлы невозможно конвертировать в мультимедийный формат, например MP4 или JPG . Если нужно скачать файл, и вы знаете, что этот файл — изображение или видео, то просто измените его расширение с PHP на нужный формат: MP4 или JPG .

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

Что нужно, чтобы PHP работал с HTML

PHP-код , внедренный в HTML-файл , распознается как PHP , а не как HTML , если он заключен в следующие теги:

Чтобы в HTML-файле сделать ссылку на файл PHP , используйте приведенный ниже код, в котором вместо footer.php впишите название своего файла:

Иногда веб-страница использует PHP , ссылаясь на URL , в котором PHP-файл по умолчанию имеет название index.php . Это может выглядеть примерно так:

Больше информации по PHP

Первая версия PHP была выпущена в 1995 году и называлась Personal Home Page Tools ( инструменты для создания персональных домашних страниц ) или PHP Tools .

Наиболее распространенное использование PHP — это выполнение скриптов на сервере. В этом случае необходима совместная работа парсера PHP , браузера и сервера. Браузер обращается к серверу, на котором запущено программное обеспечение PHP , и отображает на странице все, что происходит на сервере.

Другой вид использования — выполнение скриптов командной строки, когда ни браузер, ни сервер не используются. Подобный тип реализации PHP полезен для автоматизированных задач.

Пожалуйста, опубликуйте свои отзывы по текущей теме статьи. За комментарии, лайки, подписки, отклики, дизлайки низкий вам поклон!

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

Разбираем и наполняем файл index php WordPress, знакомимся с некоторыми функциями и переносим часть HTML шаблона в файл index.php WordPress

В прошлой статье мы перенесли часть дизайна из статического HTML файла в WordPress шаблон, тем самым наполнив файл header.php. Теперь пришла пора разобрать содержимое стандартного файла index.php WordPress и перенести еще часть верстки из HTML в WP.

Содержимое стандартного файла index php WordPress

Прежде, чем приступить к наполнению файла index.php, верно будет вкратце объяснить как он устроен и что выполняют функции, заложенные в него.

Стандартный файл index php WordPress из темы Twenty Twelve 1.8

Его мы возьмем за основу index.php нашей темы Start WP.

В коде я вырезал лишь описание, дабы сократить его. Итак, теперь по порядку:

Подключает файл header.php в index.php, тем самым соединяя нашу заготовку в одно целое.

Условный тег, который проверяет, есть ли публикации для текущего запроса. Читайте далее и увидите, что будет выводиться, при отсутствии подходящих постов.

Если есть что выводить, запускается цикл

Циклы в WordPress нужны для вывода страниц и записей. И в зависимости от страницы, на которой находится посетитель, цикл будет отдавать из базы данных соответствующее содержимое.

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

Cодержимое цикла может состоять из названия записи, рубрики, страницы, самого контента, даты, названия рубрики, меток, автора, и так далее.

Функция постраничной навигации.

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

Это окончание условного тега проверки, самого первого в коде have_posts() . Как в HTML как бы закрывающий тег, только здесь он означает завершение работы функции.

Функции вызова сайдбара и футера шаблона соответственно.

Создаем основную разметку файла index.php WordPress

Хватит теории, давайте займемся разметкой нашего шаблона Start WP. Так как мы делаем сайт с использованием сетки Bootstrap, нам нужно разметить соответствующим образом все файлы. Файл header.php мы уже разметили и даже наполнили, теперь пришла пора заняться файлом index.php

Откроем файл index.php нашей темы и дополним его стандартным содержанием. Скопируйте код, приведенный в самом начале статьи, и вставьте в индексный файл. Только описание оставьте наше, из прошлых занятий.

После того, как вставите код, WordPress выдаст ошибку такого рода:

Теперь ошибка устранена, а саму функцию мы пропишем позже.

Давайте пока вообще уберем, а лучше закомментируем весь цикл WordPress таким образом:

поставим нашу html разметку из исходников:

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

Позже этот отрывок кода раскидаем по разным файлам, часть заменим функциями WordPres. А пока должно получиться вот так, без сайдбара и футера:

Если есть желание, пропишите линки на картинки, для чистоты эксперимента 🙂

Скачайте получившийся у меня файл index.php WordPress, для сравнения.

В следующих материалах

Следующим материалом по данной теме будет создание и наполнение сайдбаров WordPress. Очень интересная, на мой взгляд, тема. Следите за обновлениями сайта по FeedBurner, комментируйте, задавайте вопросы.

Лучший способ отблагодарить автора