1. Tworzenie struktury plików-szablonów.
Po zainstalowaniu WP musimy założyć własny katalog gdzie będą przechowywane pliki – szablony motywu. Otwórz katalog w którym zainstalowany jest WP następnie wp-content->themes. Utwórz nowy katalog o dowolnej nazwie, ja nazwałem tutorial. Otwórz ten katalog. Utwórz plik index.php z pliku textowego. Przy tworzeniu pliku warto wybrać opcje kodowania na utf-8 (polskie znaki diakrytyczne itd.). Nie zapomnij nadać temu plikowi rozszerzenie php. Utwórz w ten sam sposób pliki functions.php, search.php, single-moto.php, single-cars.php, archive-moto.php, archive-cars.php, comments.php, content.php, page.php, header.php, footer.php, sidebar.php. Utwórz plik style.css z pliku textowego.
2. Kodowanie plików.
index.php
Otwórz plik index.php i wklej poniższy kod:
1. <?php get_header();//ładowanie nagłówka ?>
<div id="main-container">
<section id="content-container">
6.<?php get_sidebar();//ładowanie kolumny bocznej ?>
<!–pocztek postów motory–>
10. <?php $motor_args = new WP_Query(array( ‚post_type’ => ‚motory’,
11. ‚posts_per_page’ => 2));?>
<!–Początek pętli–>
<?php while($motor_args->have_posts()): $motor_args->the_post();
get_template_part( ‚content’, get_post_format() ); ?>
12. <?php endwhile; ?>
<!–koniec petli i postów dla motory–>
<!–pocztek postów samochody–>
<?php $car_args = new WP_Query(array( ‚post_type’ => ‚samochody’,
‚posts_per_page’ => 2));?>
<!–Początek pętli–>
16. <?php while($car_args->have_posts()): $car_args->the_post();
get_template_part( ‚content’, get_post_format() );//załączenie pliku //content ?>
<?php endwhile; ?> <!–koniec petli dla przepisów–>
<!–komentarze–>
<?php if (is_singular()) {comments_template(”,true);}?>
</section>
<!– #main-container – koniec –>
</div>
<!–dla maincontainer–>
<?php get_footer(); //załaczenie pliku footer ?>
2.Omawiamy najważniejsze ponumerowane linie kodu:
1. Wbudowana funkcja get_header wczytuje plik header.php, jest to nagłówek strony.
6. Funkcja get_sidebar wczytuje plik sidebar.php, jest to kolumna boczna zawiera głównie widgety.
10-12. Kod ten „mówi” WordPressowi, że za chwile nie będziemy korzystać ze standardowej pętli WordPress która wygląda tak:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
//instrukcje wyświetlające posty
<?php endwhile; ?>
<?php endif; ?>
10. Tworzymy nowy obiekt klasy wp_query o nazwie motor_args.
11. W haszowej tablicy określamy nazwę posta jaka będziemy się posługiwać w naszym przypadku sa to motory.
12. Określamy liczbę wyświetlanych postów na stronie.
16. Rozpoczęcie pętli. Możemy ją rozumieć tak: „dopóki motory mają posty, wyświetl posty”.
18. get_template_part wbudowana funkcja WP wczytuje zawartość pliku content , jako drugi parametr przyjmuje formaty postów. O formatach postów nie będziemy rozważać więcej info znajdziesz pod(link).
20. Wyjście z pętli.
23-37. Podobnie jak powyżej 10-20 z tą różnica ze tym razem chodzi o posty z samochodami.
40. Wbudowana funkcja sprawdza czy strona jest pojedynczym postem, jeśli tak to następuje:
41. Załączenie komentarzy.
47. Załączenie pliku footer, stopki strony.