WORDPRESS 6. Цикл — The Loop

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

Цикл вызывает записи в вашем блоге. Это самый важный набор РНР кодов. К этому времени вы уже знаете, что нужно сделать перед тем, как начать этот урок. Приступайте. Сначала сделайте это, а потом мы сделаем краткий обзор того, что вы выучили к этому моменту.

Итак, вы уже знаете:

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

А теперь, собственно, урок №6:

К этому моменту, у вас должен быть открыт Denwer, папка Tutorial, страница

http://wordpress/ и файл index.php в редакторе.

То, что должно быть у вас в файле index.php:

Помните, чтобы хорошо запомнить коды, печатайте все, не используйте «копи-паст»!

Шаг 1:

Добавьте DIV (невидимый блок) под зону хедера. Присвойте ему «контейнер» для ID, вот так:

<div id=»container»>

</div>

Для чего этот DIV тэг? Для того, чтобы отделить ваш контент от всего, что идет после него, например от сайдбара или футера.

Шаг 2:

Добавьте следующие коды между DIV тэгами. Постарайтесь напечатать все в точности, как сейчас видите на экране. Если будут ошибки, напечатайте снова.

С этого момента вы будете узнавать код, вместо того, чтобы разбираться в каждом отдельном коде. Об этом говорит сайт https://intellect.icu . То, что вы сейчас напечатали в WordPress называется циклом. Перед тем, как я объясню словами, что это значит, вы должны получить следующее:

Обратите внимание, я сделал отступы каждой строки внутри контент-бокса. Это делается для правильной организации кода, чтобы облегчить его «читаемость». Недостаточно просто напечатать код, его нужно уметь организовать, чтобы позже вы могли сразу знать, что где находится и к чему относится каждый из наборов кодов. Для отступов используйте клавишу Tab вместо пробелов.

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

• if(have_posts()) — проверить есть ли у вас пост;
• while(have_posts()) — выполнять функцию the_post(), пока у вас есть какой-либо пост в стеке;
• the_post() — отобразить пост;
• endwhile; — вспоминая правило №1, это значит закрыть while();
• endif; — закрыть if();

На заметку: не все наборы кодов требуют две части, чтобы открываться и закрываться. Некоторые могут закрываться сами, что объясняет have_posts() и the_post();. Из-за того, что код the_post(); находится за пределами if() и while(), ему необходимы собственные точка с запятой, чтобы закрыться.

Шаг 3:

На предыдущих уроках вы узнали, как вызвать заголовок блога, используяbloginfo(‘name’). Сейчас вы научитесь, как вызвать заголовки постов в пределах Цикла.

Наберите <?php the_title(); ?> после the_post(); ?> и перед <?php endwhile; ?>

Сохраните файл index.php, обновите окно браузера. Вы должны увидеть Hello World под описанием блога. По умолчанию в вашем блоге всего один пост. У меня, например, в тестовом блоге есть несколько постов, так что у меня и несколько заголовков. Из-за того, что заголовки, которые я использовал одинаковы, и на этом этапе еще не организованы, это выглядит как одна сплошная строка из слов Hello World.

Шаг 4:

превращаем заголовки постов в ссылки на заголовки. Помните, как вы превращали заголовок блога в линк? Здесь то же самое — добавьте <a href=»#»> и </a> вокруг <?php the_title(); ?>

Сохраните файл index.php и обновите браузер. Сейчас ваши заголовки стали ссылками, но они никуда не приведут. Чтобы привязать каждый пост-линк к нужному посту, вам нужно заменить знак # на the_permalink().

the_permalink() - это РНР функция, которая вызывает адрес, или расположение, каждого поста. Сохраните и обновите окно. Если у вас остался только один заголовок Hello World, наведите курсор на этот линк, посмотрите в строку статуса внизу браузера, там уже не написаноhttp://wordpress/#.

Если у вас больше, чем один линк, вы увидите, что каждая ссылка привязана к разным постам или веб-страницам. Но ссылки на наши заголовки все еще в одной линии. Чтобы разделить их, добавьте тэги <h2> и </h2> вокруг кодов ссылки.

Помните Н1, который мы использовали для заголовка блога? Это название вашей веб-страницы. Н2 используется для подзаголовков. Теперь, когда каждая из ваших ссылок на заголовки постов стали подзаголовками, они получили собственную линию. Сохраните файлindex.php и обновите окно браузера, чтобы увидеть изменения.

Это конец урока. Сейчас у вас должно быть примерно следующее:

Примечание: попробуйте сделать несколько пробных постов, чтобы протестировать вашу тему. Зайдите на http://wordpress/wp-login.php, авторизируйтесь, кликните на вкладкеWrite, сделайте пост, потом сделайте это еще несколько раз. Вы можете называть их Hello World, как это делал я, а можете давать собственные названия.

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