Вам бонус- начислено 1 монета за дневную активность. Сейчас у вас 1 монета

WORDPRESS 4. Шаблон хедера.

Лекция



Привет, сегодня поговорим про wordpress шаблон хедера , обещаю рассказать все что знаю. Для того чтобы лучше понимать что такое wordpress шаблон хедера , настоятельно рекомендую прочитать все из категории Системы управления контентом CMS.


Если вы здесь впервые, советую начать курс «Создание тем для WordPress» сначала. На прошлом занятии я показал вам, как установить локальный сервер Apache и MySQL базу данных, установить WordPress и вашу новую тему, и ознакомил вас с РНР. Сегодня мы продолжим рассматривать РНР и научимся вызывать заголовок вашего сайта или блога.

Я советую набирать код вручную. Если будете копировать и вставлять коды, которые я вам даю − не запомните как это делать самостоятельно. А ведь главное, чтобы вы запоминали то, что учите − в этом суть любого учебного курса. Готовы?

Шаг 1.

Включите Denwer. Затем откройте папку с вашей темой. Напоминаю, она находится вhome/wordpress/www/wp-content/themes/tutorial. Там вы должны увидеть два файла, которые вы создали на прошлом уроке: index.php и style.css.

WORDPRESS 4. Шаблон хедера.

Содержимое данных файлов должно совпадать с файлами index.txt и style.txtсоответственно.

 

Шаг 2.

— откройте новое окно браузера. Зайдите на http://wordpress/. вы должны увидеть пустую страницу, потому что вчера вы установили пустую тему;

— снова зайдите в папку с темой и откройте файл index.php в редакторе;

Сейчас у вас должны быть открыты папка с темой, браузер и файл index.php (открытый в редакторе).

Шаг 3.

В файле index.php, открытом в редакторе напечатайте:

<?php bloginfo(‘name’); ?> между тэгами <body> и </body>. Сохраните файл.

Обновите окно вашего браузера. Вы должны увидеть заголовок вашего блога. Заголовок моего − «Разработка тестовой темы».

WORDPRESS 4. Шаблон хедера.

Что произошло?

Вы добавили строку РНР  кода в ваш файл index.php в области <body> вашей страницы. Об этом говорит сайт https://intellect.icu . Эта строка вызвала информацию о вашем блоге, так называемую bloginfo(). В частности, строка вызвала заголовок вашего блога. Название, которое вы задали как заголовок на странице настроек.

<?php — начало PHP
bloginfo(‘name’) – вызвать информацию о блоге, в частности его заголовок
- конец оператора bloginfo
?> — конец PHP кода

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

Шаг 4.

Чтобы преобразовать заголовок блока в текстовую ссылку потребуется XHTML тэг. Снова зайдите в файл index.php.

Добавьте <href=»#»> и </a> в ту же линию. Вновь созданная линия кода будет выглядеть так:

<a href=»#»><?php bloginfo(‘name’); ?></a>

Вернитесь в браузер, обновите окно и вы увидите, что заголовок вашего блога стал ссылкой.

WORDPRESS 4. Шаблон хедера.

Сейчас это ссылка, но она никуда не приведет. Так как это заголовок вашего блога, думаю, вы хотели бы, чтобы он ссылался на первую страницу, ведь так? Чтобы сделать так, вставьте:

<?php bloginfo(‘url’); ?> в кавычках после href=

Сохраните файл, это должно выглядеть так:
<href=»<?php bloginfo(‘url’); ?>»><?php bloginfo(‘name’); ?></a>

Снова вернитесь  браузер и обновите страницу. Теперь, когда вы наведете курсор на линк, в строке статуса будет указано http://wordpress/:

WORDPRESS 4. Шаблон хедера.

Сейчас, когда вы кликните на этой ссылке, вы попадете на первую страницу вашего блога. Пока вы увидите ту же самую страницу, но разница в том, какой адрес ссылки будет указан — # или http://wordpress/ — очевидна :)

Что сейчас произошло?

Вы преобразовали заголовок вашего сайта в ссылку на первую страницу вашего блога, или так называемую, домашнюю страницу.

bloginfo(‘url’) — вызвать блогинфо, в частности адрес, или URL, первой страницы блога.
<a> — это XHTML тэг для открытия ссылки.
</a> — это закрывающий тэг для ссылки. Если этого тэга нет, ваша веб-страница не будет знать, где заканчивается линк, и остальная часть веб-страницы будет одним сплошным линком. Помните правило №1? Зыкрывайте все, что вы открываете.
href — это сокращенние от «hypertext reference /гипертекстовая ссылка». Все, что находится между значками «» атрибута href=»» — это значение параметра.

Выражаясь словами, код:

<href=»<?php bloginfo(‘url’); ?>»><?php bloginfo(‘name’); ?></a>

означает: я начинаю ссылку, значение ссылки — это URL моего блога; я использую РНР функцию bloginfo(‘url’), чтобы вызвать его адрес; название(анкор) ссылки — это заголовок моего блога; я использую  РНР функцию bloginfo(‘name’), чтобы вызвать заголовок моего блога; закрыть ссылку.

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

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

На этом все! Теперь вы знаете все про wordpress шаблон хедера , Помните, что это теперь будет проще использовать на практике. Надеюсь, что теперь ты понял что такое wordpress шаблон хедера и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Системы управления контентом CMS

Из статьи мы узнали кратко, но содержательно про wordpress шаблон хедера

Ответы на вопросы для самопроверки пишите в комментариях, мы проверим, или же задавайте свой вопрос по данной теме.

создано: 2014-10-18
обновлено: 2021-03-13
132435



Рейтиг 9 of 10. count vote: 2
Вы довольны ?:
Поделиться:

Найди готовое или заработай

С нашими удобными сервисами без комиссии*

Как это работает? | Узнать цену?

Найти исполнителя
$0 / весь год.
  • У вас есть задание, но нет времени его делать
  • Вы хотите найти профессионала для выплнения задания
  • Возможно примерение функции гаранта на сделку
  • Приорететная поддержка
  • идеально подходит для студентов, у которых нет времени для решения заданий
Готовое решение
$0 / весь год.
  • Вы можите продать(исполнителем) или купить(заказчиком) готовое решение
  • Вам предоставят готовое решение
  • Будет предоставлено в минимальные сроки т.к. задание уже готовое
  • Вы получите базовую гарантию 8 дней
  • Вы можете заработать на материалах
  • подходит как для студентов так и для преподавателей
Я исполнитель
$0 / весь год.
  • Вы профессионал своего дела
  • У вас есть опыт и желание зарабатывать
  • Вы хотите помочь в решении задач или написании работ
  • Возможно примерение функции гаранта на сделку
  • подходит для опытных студентов так и для преподавателей



Комментарии


Оставить комментарий
Если у вас есть какое-либо предложение, идея, благодарность или комментарий, не стесняйтесь писать. Мы очень ценим отзывы и рады услышать ваше мнение.
To reply

Системы управления контентом CMS

Термины: Системы управления контентом CMS