jumbotron

Co to jest jumbotron?
Jumbotron jest częścią składową Bootstrap, jego głównym zadaniem jest skupienie uwagi na danej akcji mającej miejsce na stronie. Na naszej stronie jest to przycisk „przepis dnia” wraz z podłączonym do niego łączem prowadzącym do treści tego przepisu.

<div class="jumbotron">
 <div id="home" class="home">
  <div class="text-vcenter">

	 <div class="classname">
		<h1 style="color:orange;">Przepisy kulinarne oraz restauracje</h1>
	</div>
	 <div class="classname">
		<h3>Przepis dnia</h3>
	 </div>
	 <?php  	$the_slug = 'receptura-nr1';
				$przepisy = new WP_Query(array(
								'post_type' => 'receptury',
								'name'		=>$the_slug,
								'posts_per_page' => 1)); ?>
			<?php while($przepisy->have_posts()): $przepisy->the_post();?>
    <a href="<?php the_permalink();?>" class="btn btn-default btn-lg classname">Sprawdz go</a>
	  <?php endwhile; ?>
  </div>
 </div>
</div> 

1.Wstawiamy blok diva o klasie jumbotron.
3.Określamy wycentrowanie textu.
11.Zmienna będzie przechowywać tytuł konkretnego posta , tytuł jest jednocześnie slugiem.
12. Definicja nowego obiektu klasu WP_Query a w niej nazwa typu (customowego) posta,( nie mylić z typem formatu posta), nazwa (tytuł) konkretnego posta(slug, jako część składowa adresu url) , ilość wyświetlanych postów : jeden.
17. Utworzenie hiperłącza prowadzącego do tego konkretnego posta.

Share This

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *