редактирование файла index php
Что такое файл index.php и зачем он нужен?
Для того, чтобы понять эту статью, вам уже нужно быть знакомым с PHP хотя бы на самом базовом уровне, быть чуть-чуть знакомым с консолью и очень желательно уже уметь запускать простые программы на PHP. Но я попытаюсь всё это объяснить еще раз.
Что такое файл index.php?
Файл index.php
Тогда почему есть файл, который обязан называться index.php? Это уже относится только к PHP. Дело в том, что PHP должен знать, как именно запустить вашу программу. Ему нужно указать, откуда она начинается. Здесь в дело вступает файл index.php: его название указывает на то, что его нужно запустить первым. Тут не надо думать, надо просто запомнить: если в каталоге есть 1000 файлов с PHP-кодом и один файл index.php, то вся программа начнется с него, он запустится первым.
Может ли не быть файла index.php?
Как создать файл index.php?
Давайте создадим index.php, который в результате своей работы посчитает сумму двух чисел? Для этого откройте текстовый редактор, о котором мы говорили. Напишите туда следующий код:
Теперь сохраните этот файл с названием index.php. Далее давайте запустим его через интерпретатор PHP. Для этого в консоли выполните команду:
Обратите внимание, что у вас должен быть настроен PHP соответствующим образом, чтобы делать такой запуск. Путь до файла php.exe (или php в linux) должен быть прописан в PATH для вашего окружения. Иначе напишите полный путь до интерпретатора PHP.
Файл index.php и веб-сервер
Настройка веб-сервера выходит за рамки данной статьи. Тем более, что веб-серверов много и все они разные. Поэтому просто укажу на некоторые важные вещи.
Во-вторых, даже если вы всё настроили правильно, вы должны быть уверены, что веб-сервер имеет соответствующие права, чтобы открыть ваш файл index.php. Почитайте что-нибудь про «Права и доступы в Linux», ничего конкретного порекомендовать я тут не могу.
Если вы добавите HTML в пример с подсчетом чисел (см. выше), то при открытии через интерпретатор (то есть через консоль) вы не увидите HTML-страницу. HTML обрабатывается только браузером, поэтому в этой статье я приводить такой пример не стал.
Умоляю, не пишите говно-код на PHP. Выучите язык хорошо перед тем, как начинать работать. Я так устал рефакторить говно, написанное идиотами. 🙂 Это тема заслуживает отдельной статьи, пожалуй.
«Как сделать свой сайт самому»
пособие для чайников
Пошаговая инструкция
Мастерская сайтов
Полезная информация
Файл index.php. Урок 2
ВНИМАНИЕ: В папке images шаблона не размещается графика контента!
Позиционирование элементов (блоков) страницы производится при помощи кода HTML, конкретно мы будем использовать теги DIV. Но так, как сайт наш будет работать на движке Joomla, т.е. он будет динамическим, то придется использовать еще и язык PHP. С его помощью мы определим в каких блоках будут находится позиции для вывода модулей, и как эти позиции будут называться, будут ли сворачиваться блоки или нет. Подключим таблицы стилей из внешних файлов, язык контента, установим, как будет меняться размер сайта и пр.
index.php
Заголовок файла состоит из нескольких частей. Первая часть кода PHP заголовка предназначена для того, чтобы убедиться, что к файлу не обращаются напрямую, из соображений безопасности.
DOCTYPE – это очень важный параметр, на основании которого браузер решает, как ему отображать эту страницу и как интерпретировать CSS.
Следующий фрагмент извлекает установленный язык из глобальной конфигурации.
Далее идет фрагмент кода, который включает дополнительную информацию для заголовка, которая задана в глобальной конфигурации. Эту информацию вы можете увидеть посмотрев исходный код любой веб-страницы. В частности – это мета-теги, о которых вы уже знаете.
head >
jdoc: include type = «head» / >
Следующие строки в заголовке содержат ссылки на основные CSS стили Joomla.
Следующий фрагмент кода позволяет нам сворачивать левую или правую колонки, если в позициях «left» и « right» не расположено ни одного модуля. В случае если свернуты обе колонки, то контент занимает 100% ширины страницы. Если включена только одна колонка, то контент занимает 80%. При двух включенных колонках на контент приходится 60% ширины страницы.
/ head >
Далее тегом открывается громадный блок оформления веб-страницы вместе с задним, он растягивается на всю ширину окна браузера.
body >
Блок «page» содержит оформление только страницы сайта, именно она и будет шириной 950рх.
Блок «top» находится в самом верху страницы и содержит в себе два блока «logo » и «user1».
В боке «logo» мы разместим графический файл логотипа, это будет прописано в таблицах стилей. А вот автоматический вывод названия сайта прописываем в файле index.php, причем название помещаем в тег H1, что очень важно для поисковой оптимизации.
Определим позицию «user1» в одноименном блоке для вывода модуля поиска по сайту.
Блок будет сворачиваться, если в этой позиции «user3» не будет выводится модуль.
Открывается блок левой колонки, которая будет сворачиваться, если в позиции «left» не будет ни одного модуля.
Открывается самый важный блок контента, который может занимать 100% ширины страницы, 80% и 60%, в зависимости от количества включенных колонок.
Вывод сообщений в компонентах
jdoc: include type = «message» / >
Вывод содержимого контента.
Открывается блок правой колонки, которая будет сворачиваться, если в позиции «rigth» не будет ни одного модуля.
Закрываются блок страницы сайта «page», body и весь код.
Разбираем и наполняем файл index php WordPress
Разбираем и наполняем файл index php WordPress, знакомимся с некоторыми функциями и переносим часть HTML шаблона в файл index.php WordPress
В прошлой статье мы перенесли часть дизайна из статического HTML файла в WordPress шаблон, тем самым наполнив файл header.php. Теперь пришла пора разобрать содержимое стандартного файла index.php WordPress и перенести еще часть верстки из HTML в WP.
Как устроен файл header.php можно узнать из статьи «Наполняем файл header.php WordPress». Сссылка на все статьи из рубрики «Перенос сайта из HTML в WordPress».
Содержимое стандартного файла index php WordPress
Прежде, чем приступить к наполнению файла index.php, верно будет вкратце объяснить как он устроен и что выполняют функции, заложенные в него.
Стандартный файл index php WordPress из темы Twenty Twelve 1.8
Его мы возьмем за основу index.php нашей темы Start WP.
В коде я вырезал лишь описание, дабы сократить его. Итак, теперь по порядку:
Подключает файл header.php в index.php, тем самым соединяя нашу заготовку в одно целое.
Условный тег, который проверяет, есть ли публикации для текущего запроса. Читайте далее и увидите, что будет выводиться, при отсутствии подходящих постов.
Если есть что выводить, запускается цикл
Циклы в WordPress нужны для вывода страниц и записей. И в зависимости от страницы, на которой находится посетитель, цикл будет отдавать из базы данных соответствующее содержимое.
Например, если посетитель находится на главной странице, то выведется контент, тот, что вы указали в консоли с настройками. Либо это статическая страница, либо записи. Если посетитель находится на странице рубрик, выводятся записи, соответствующие данной рубрике. Если посетитель находится на странице с записью, то выводится сама запись, и так далее.
/* Start the Loop */ — Просто комментарий, разработчики темы пометили начало цикла. И переводится соответственно как «начало цикла».
while ( have_posts() ) : the_post(); — Начало цикла
Cодержимое цикла может состоять из названия записи, рубрики, страницы, самого контента, даты, названия рубрики, меток, автора, и так далее.
endwhile; — окончание цикла.
Далее вкратце пробегусь по коду, так как все самое основное — это вывод цикла.
Функция постраничной навигации.
Это то, о чем я писал выше. Если нет подходящего по запросу посетителя контента, то начинается вывод различных, я их назову вспомогательными, шаблонов и служебных функций.
Например, Показывать различные сообщения для зарегистрированного пользователя, который может добавлять записи:
Для всех остальных выводить запись типа «Ничего не найдено» с поисковой формой:
Функции вызова сайдбара и футера шаблона соответственно.
Создаем основную разметку файла index.php WordPress
Хватит теории, давайте займемся разметкой нашего шаблона Start WP. Так как мы делаем сайт с использованием сетки Bootstrap, нам нужно разметить соответствующим образом все файлы. Файл header.php мы уже разметили и даже наполнили, теперь пришла пора заняться файлом index.php
Откроем файл index.php нашей темы и дополним его стандартным содержанием. Скопируйте код, приведенный в самом начале статьи, и вставьте в индексный файл. Только описание оставьте наше, из прошлых занятий.
После того, как вставите код, WordPress выдаст ошибку такого рода:
Теперь ошибка устранена, а саму функцию мы пропишем позже.
Давайте пока вообще уберем, а лучше закомментируем весь цикл WordPress таким образом:
поставим нашу html разметку из исходников:
Я не стал публиковать весь код, он достаточно большой, в исходниках все помечено комментариями. Смотрите скрины.
Позже этот отрывок кода раскидаем по разным файлам, часть заменим функциями WordPres. А пока должно получиться вот так, без сайдбара и футера:
Если есть желание, пропишите линки на картинки, для чистоты эксперимента 🙂
Скачайте получившийся у меня файл index.php WordPress, для сравнения.
В следующих материалах
Следующим материалом по данной теме будет создание и наполнение сайдбаров WordPress. Очень интересная, на мой взгляд, тема. Следите за обновлениями сайта по FeedBurner, комментируйте, задавайте вопросы.
Лучший способ отблагодарить автора
Похожие по Тегам статьи
Продолжаю цикл статей по переносу HTML верстки в WordPress. В прошлом занятии мы первоначально…
Итак, мы уже подготовили минимально необходимые файлы для работы нашего учебного сайта. Теперь пришла…
Как редактировать файлы прямо на хостинге
Редактор кода для файлов на хостинге
Идея редактировать файлы прямо на хостинге не кажется хорошей, если речь идёт о реальном рабочем сервере.
С другой стороны, сколько раз возникает необходимость обновить какой-то файл, внести в него правки. Например, однажды загрузив свои скрипты (самописная CMS) я обнаружил, что один из них не работает, из-за более старой версии PHP. Ошибку пришлось устранять «на бегу», т. е. я правил файл на локалхосте, сохранял его, копировал на сервер, проверял, возвращался к файлу на локалхосте для дополнения и исправления. Работа заняла не так уж много времени (т. к. всё нужно было сделать именно быстро), но операций перезаписывания с локалхоста на сервер я сделал предостаточно через медленный до нудности FTP.
За 3 месяца вы пройдете путь от начальных навыков работы с SQL-запросами к базам данных до продвинутых техник. Научитесь находить уязвимости связанные с базами данных, и внедрять произвольный SQL-код в уязвимые приложения.
На последнюю неделю приходится экзамен, где нужно будет показать свои навыки, взломав ряд уязвимых учебных сайтов, и добыть флаги. Успешно сдавшие экзамен получат сертификат.
Ещё одним хорошим примером может стать изучение, программирование прямо на сервере в Интернете — в боевых условиях. С учётом копеечной стоимость хостинга, это вполне могут себе позволить даже начинающие разработчики на PHP. Из плюсов — не нужно возиться с локальным сервером, все проекты при переустановки Windows не теряются, не нужно беспокоится о безопасности Apache.
В общем, свои резоны в этой идее есть. Сейчас я объясню, как это реализовать.
На локальной машине нам нужен редактор. Я предпочитаю NetBeans — универсальный комбайн, который обладает огромным количеством удобных фукнций. Для веб-разработчиков я не знаю ничего лучше. Всё, что я программирую, я делаю в NetBeans. Ссылки на скачивание и общий обзор вы найдёте в моём стареньком обзоре по NetBeans. Для тех, кто сидит на Linux есть намного более свежая статья «Как установить NetBeans и Java на Linux».
В общем, я исхожу из того, что NetBeans у вас уже установлен.
Я буду показывать на примере хостинга Хостлэнд, на других хостингах всё очень похоже.
Открываем NetBeans и выбираем «Создать проект». Там где «Категории» выбираем PHP. А в «Проекты» выбираем «Приложение PHP с удалённого сервера»:
В следующем окне придумываете имя проекту.
Укажите папку источников, где будут размещены файлы на локальном компьютере.
Выберите версию PHP. Выбирайте версию, которая у вас установлена на хостинге!
Нажимаем «Далее» и перед нами открывается вот такое окно:
Всё нормально, мы настроем подключения сейчас. Для этого нажимаем кнопку с надписью «Управление…».
Откроется новое окно. В поле «Имя подключения» вписываем любое имя. Там где «Тип подключения» оставляем без изменений, т. е. FTP. Нажимаем ОК.
При регистрации хостинга вам пришлют необходимые данные, в том числе для FTP. Я ввожу свои данные. Нужно заполнить «Имя узла», «Имя пользователя» и «Пароль». Остальное можно не менять.
Когда готово, нажмите «Проверить подключение» и, если всё в порядке, то сохраните подключение.
Мы вернулись к прежнему окну:
У нас ошибка « Недопустимый URL-адрес проекта ». Всё верно, ведь мы ещё не прописывали никакой адрес.
Если в настройках FTP вы выбрали корневой каталог, то в поле «URL-адрес проекта» введите просто ваш домен (например, в моём случае это был бы codeby.net). Но я выбрал поддомен, поэтому я вводу адрес поддомена test2.codeby.net
У нас имеется строчка «Выгрузить каталог», в которой по умолчанию установлено «/» — это не то, что нам нужно.
Путь, где лежат файлы сайта, у каждого свой. Покажу на примере домена codeby.net. Файлы сайта лежат в каталоге
/codeby.net/blogs/htdocs/www/
Если мы хотим тестовый сайт разместить в поддомене, чтобы к нему можно было бы обратиться по адресу test2.codeby.net, тогда мне нужно сохранить файлы тестового сайта по этому пути
/codeby.net/blogs/htdocs/test2/
Если вам не всё понятно с поддоменами, то обратитесь к статье «Настройка поддоменов на локальном сервере (locahost’е) и на хостинге» там всё довольно подробно расписано.
Поменяйте начальный каталог в соответствии с вашими данными:
На крайний случай, если вы запутались в этих путях, просто удалите символ «/» и в следующем окне программа покажет вам все доступные для загрузки каталоги и предложит выбрать что-нибудь.
Происходит проверка, если всё в порядке, то появится подобное окошечко:
Редактирование файлов на сервере, будто они находятся на локальном компьютере
Всё уже готово, попробуем отредактировать существующий файл. В процессе редактирования ничего не происходит, но как только мы нажали «Сохранить», то в фоне, практически незаметно для нас файл загружается на сервер. При этом мы можем продолжать редактировать этот или другие файлы.
Поддерживаются все текстовые файлы, которые так или иначе связаны с сайтом и с сервером. При этом их синтаксис подсвечивается, а если нажать Ctrl+Пробел, то появляются всплывающие подсказки.
Я показывал на примере хостинга от Хостлэнд (отличный хостинг, все свои сайты я размещаю именно там). Если по какой-то причине у вас ещё нет хостинга для ваших сайтов, то обязательно его заведите. При регистрации по этой ссылке вы получите бесплатный месяц, домен в подарок и другие скидки.
1 октября запускаем «Paranoid Rebirth» — курс по защите приватности от команды Кодебай
Установка операционной системы; Настройка хоста; Настройка сети; Программы для безопасного общения; Работа с VPS сервером; Настройка виртуальных машин VBOX, QeMU; Покупка и настройка оборудования и многое другое.
Как редактировать шаблон WordPress. Структура шаблона
Дорогие читатели, в этой статье мы научимся редактировать шаблон WordPress.
Для тех, кто еще не знаком со структурой шаблона вордпресс, эта статья обязательна к прочтению. Содержание статьи:
Я вижу две основные причины, зачем нам это нужно:
Структура шаблона WordPress
HTML-код шаблона WordPress разбит на несколько php-файлов. Сделано это для удобства: повторяющиеся на разных страницах куски кода вынесены в отдельные файлы и подключаются к каждой странице с помощью функции include. Шапка, футер и сайдбар находятся в отдельных файлах, а файл каждого типа страниц содержит только центральную область: 
Наиболее часто редактируемые файлы шаблона WordPress:
В зависимости от выбранной темы, в ней могут появиться и другие файлы, тогда придется самостоятельно разобраться для чего нужны они.
Как редактировать файлы шаблона WordPress
Сразу хочу предупредить, что не стоит лезть в код и пытаться самостоятельно его переделать, если вы ничего не понимаете в CSS и HTML. Другое дело, когда в каком-то уроке говорится вставить определенный код в определенное место файла. Обязательно сделайте бэкап файлов и базы данных, прежде чем вносить какие-то изменения! Для редактирования файлов темы WordPress сайта я предлагаю три варианта:
Настройка темы WordPress в админке
Если вы скачали и установили готовый шаблон WordPress, то многие настройки можно сделать, не влезая в код. Редактировать каждую тему вордпресс можно через админку блога.
Вот и все! Выбирайте удобный для себя способ для редактирования шаблона WordPress в зависимости от ситуации и никогда не забывайте делать бэкапы. Подписывайтесь на RSS, чтобы не пропустить новые полезные статьи.