Projekt - část 4

V tomto úkolu si zopakujeme pole a cyklus foreach, které použijeme pro výpis článků z blogu.

1. Ve složce s projektem máme vytvořený soubor config.php

2. Do souboru si nakopíruj následující pole:

$clanky = [
  [
    'nazev' => 'První článek',
    'podnadpis' => 'Podnadpis prvního článku',
    'autor' => 'Gavin Blair',
    'datum' => '19.10.2021',
    'obrazek' => 'assets/img/post-bg.jpg'
  ],
  [
    'nazev' => 'Druhý článek',
    'podnadpis' => 'Podnadpis druhého článku',
    'autor' => 'Gavin Blair',
    'datum' => '16.10.2021',
    'obrazek' => 'assets/img/post2.jpg'
  ],
];

V tomto úkolu si zopakujeme pole a cyklus foreach, které použijeme pro výpis článků z blogu.

3. V souboru index.php máme vypsané tři blogové články. Pro každý článek je na stránce html element <article class="post-preview"> následovaný oddělovací čárou <hr class="my-4" />. Na stránce si nechte jen jeden článek náselovaný jednou čarou (tzn. smažte druhý a třetí článek včetně druhé a třetí čáry).

4. Článek, který na stránce zůstal, obalte cyklem foreach, který bude procházet pole $clanky a bude vypisovat hodnoty z pole na správné místo.

5. V tuto chvíli by měla sekce s blogem vypadat takto:

Bonus: Přidej do pole další dva články, klidně si ke článkům někde najdi obrázky a přidej si je do složky assets/img/

Výsledná část kódu v souboru index.php by měla vypadat takto:

        <?php foreach ($clanky as $clanek) : ?>
          <!-- Post preview-->
          <article class="post-preview">
            <a href="post.html">
              <div class="row">
                <div class="col-md-4">
                  <img src="<?php echo $clanek['obrazek']; ?>" class="img-fluid" />
                </div>
                <div class="col-md-8">
                  <h3 class="post-title">
                    <?php echo $clanek['nazev']; ?>
                  </h3>
                </div>
                <div class="col-12 mt-3">
                  <h4 class="post-subtitle">
                    <?php echo $clanek['podnadpis']; ?>
                  </h4>
                </div>
              </div>
            </a>
            <p class="post-meta">
              Posted by
              <em><?php echo $clanek['autor']; ?></em>
              on <?php echo $clanek['datum']; ?>
            </p>
          </article>
          <!-- Divider-->
          <hr class="my-4" />
        <?php endforeach; ?>