Тепер ми переходимо до самої важчої частини. Файл Index.php - основний файл в наший темі для WordPress. Я сподіваюся, ваш index.php схожий на це: (читаємо першу частину)

<div id="main">
main
</div> <!-- close main -->

Викликаємо Файли Шаблону

Тепер те, що ми хочемо зробити, повинне викликати наш header.php, sidebar.php і footer.php у наш index.php файл. Щоб зробити це, ми потребуємо цих функцій.

<? php get_header ();?> - Ця функція викличе наш header.php файл
<? php get_sidebar ();?> - Ця функція викличе наш sidebar.php файл
<? php get_footer ();?> - Ця функція викличе наш footer.php файл

Вставте <? php get_header ();?> вище головного id (id=”main”). <? php get_sidebar ();?> і <? php get_footer ();?> - нижче головного id. От так:

<?php get_header(); ?>
<div id="main">
main
</div> <!– close main –>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Цикл

Добре, що тепер?
Тепер ми збираємося робити цикл Wordpress. Цей цикл використовується, щоб показати наші записи на веб-сайті.

Початок циклу виглядає так: <?php if (have_posts()) : while (have_posts()) : the_post(); ?> і закінчується цим, я поясню, чому ми маємо потребу “else: (англ. ще)” пізніше, <?php endwhile; else: ?>. Після <? php endwhile;?>, упевніться, що він знаходиться до <? php endif;?>. Тепер разом з поміщеними функціями і циклом index.php схожі на це:

<div id="main">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
main
<?php endwhile; else: ?>
<?php endif; ?>
</div> <!-- close main -->

Тепер ми зосередимося на циклі. У циклі ми зробимо три відділення. Це буде використано для того, щоб вивести заголовок повідомлення (запису), його зміст, дату і т.д. Пам’ятаєте, ми працюємо в тілі циклу! Вставляємо <div> (для стилів) в наш цикл:

<div class=”post_title”>
Тут буде виводитися заголовок запису (post title here)
</div> <!– close post title –>
<div class=”post_content”>
Тут буде виводитися зміст запису - контент (post content here)
</div> <!-- close post content -->
<div class=”post_tag”>
Тут будуть виводитися різні теги (post tag here)
</div> <!-- close post tag -->

Тепер наш цикл схожий на це:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post_title">
post title here
</div> <!-- close post title -->
<div class="post_content">
post content here
</div> <!– close post content –>
<div class="post_tag">
post tag here
</div> <!– close post tag –>
<?php endwhile; else: ?>
<?php endif; ?>

Заголовок повідомлення

Для заголовка нашого запису, ми використовуватимемо наступні функції.

<? php the_ID ();?> - Викликають id вашого запису, щоб вставити id в наш post_title
<? php the_permalink ()?> - Викликають url нашого запису
<? php the_title ();?> - назва нашого запису

У post_title класі, ми створюємо назви нашого запису з посиланням на нього. Для цього використовуйте- HTML + код PHP.

<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></a>

Тепер вставляємо функції заголовка запису в <div class="post_title">.

<div class="post_title" id="<?php the_ID(); ?>">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a>
</div> <!-- close post title -->

Зміст запису

У змісті, ми тільки потребуємо однієї функції, щоб викликати зміст нашого запису. Функцію, яку ми використовуватимемо, - це <?php the_content(__(’Read more.’)); ?>.
Зверніть увагу ви можете замінити “Read more.” на що-небудь інше, наприклад, "Читати далі…".

<div class="post_content">
<?php the_content(__(‘Read more…’)); ?>
</div> <!-- close post content -->

Теги запису і додаткова інформація

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

<?php the_time(’F dS, Y’)?> - Викликає дату запису
<?php the_time(’h:i а’); ?> - Викликає час
<?php the_category(’, ‘)?> - Викликає категорію запису
<?php comments_popup_link(’No Comments’, ‘1 Comment’, ‘% Comments’); ?> - Посилання на коментарі з вказівкою їх числа

<?php edit_post_link(’Edit’"); ?> - Посилання на редагування

<div class="post_tag">
<?php the_time(‘F dS, Y’) ?> | <?php the_time(‘h:i a’); ?> | <?php the_category(‘, ‘) ?> | <?php comments_popup_link(‘No Comments’, ‘1 Comment’, ‘% Comments’); ?> | <?php edit_post_link(‘Edit’,”,”); ?>
</div> <!-- close post tag -->

Викликаємо коментарі

Тепер нам необхідно викликати коментарі (детально це буде розглянуто в наступному записі). Для цього <?php comments_template(); ?> ми поміщаємо перед <?php endwhile; else: ?>

404 помилка

Можливо дехто з вас задаються питанням ми чому ми маємо потребу “else: (англ. ще)” у <?php endwhile; else: ?>. Це зроблено на той випадок, якщо запис буде недоступний. Тоді ми зможемо вивести відповідний текст. Ось зразковий код:

<?php endwhile; else: ?>
Вставляємо любе повідомлення про помилку! (Sorry, but you are looking for something that isn‘t here.)
<?php endif; ?>

---

У результаті наш index.php повинен виглядати приблизно так:

<?php get_header(); ?>
<div id="main">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post_title" id="<?php the_ID(); ?>">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a>
</div> <!-- close post title -->
<div class="post_content">
<?php the_content(__(‘Read more…’)); ?>
</div> <!-- close post content -->
<div class="post_tag">
<?php the_time(‘F dS, Y’) ?> | <?php the_time(‘h:i a’); ?> | <?php the_category(‘, ‘) ?> | <?php comments_popup_link(‘No Comments’, ‘1 Comment’, ‘% Comments’); ?> | <?php edit_post_link(‘Edit’,”,”); ?>
</div> <!-- close post tag -->
<?php comments_template(); ?>
<?php endwhile; else: ?>
Sorry, but you are looking for something that isn‘t here.
<?php endif; ?>
</div> <!-- close main -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

---

Ви читаєте третю частину статті “Зробіть вашу Власну Тему для Wordpress”. Для того, щоб ознайомитися з іншими частинами натисніть на посилання нижче.

• Частина 1 - Шари (Layout)
• Частина 2 - Заголовок (Header)
• Частина 3 - Індекс (Index)
• Частина 4 - Коментар (Comment)
• Частина 5 - Меню блога (Sidebar)
• Частина 6 - Нижня частина - підвал (Footer)
• Частина 7 - Фініш! (Останні доведення і поради)