Skip to content

Quick Program Edits

Tujuan

Memperbaiki detail-detail kecil di template program dan navigasi:

  1. Styling heading + spacing untuk related events
  2. Sembunyikan related events section jika kosong
  3. Setup header navigation untuk Programs
  4. Link tombol "Find Your Major" di home page

Di single-program.php, buat heading yang menampilkan nama program secara dinamis:

php
echo '<hr class="section-break">';
echo '<h2 class="headline headline--medium">Upcoming ' . get_the_title() . ' Events</h2>';

Hasil: "Upcoming Biology Events", "Upcoming Math Events", dll.

💡 get_the_title() tanpa argumen otomatis mengambil judul dari post yang sedang dilihat (current post in main query).


2. Sembunyikan Section Jika Tidak Ada Events

Wrap seluruh kode related events dalam conditional:

php
<?php
  // ... custom query code ...

  if ($homepageEvents->have_posts()) {
    echo '<hr class="section-break">';
    echo '<h2 class="headline headline--medium">Upcoming ' . get_the_title() . ' Events</h2>';

    while ($homepageEvents->have_posts()) {
      $homepageEvents->the_post();
      // ... event HTML ...
    }
  }
?>
KondisiAksi
Program punya events terkaitTampilkan heading + daftar events
Program TIDAK punya eventsTidak tampilkan apa-apa

3. Header Navigation untuk Programs

Di header.php, update list item Programs:

html
<li <?php if (get_post_type() == 'program') echo 'class="current-menu-item"'; ?>>
  <a href="<?php echo get_post_type_archive_link('program'); ?>">Programs</a>
</li>
KomponenPenjelasan
get_post_type_archive_link('program')URL ke halaman archive /programs
get_post_type() == 'program'Menyalakan link kuning saat di halaman program

Di front-page.php, update tombol hero di bagian atas:

html
<a href="<?php echo get_post_type_archive_link('program'); ?>" class="btn btn--large btn--blue">
  Find Your Major
</a>

Ringkasan Perubahan File

FilePerubahan
single-program.phpHeading dinamis, conditional if, HR separator
header.phpLink + active state untuk Programs
front-page.phpTombol "Find Your Major" link ke programs archive