Rozpoczynamy!

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.