Quick Program Edits
Tujuan
Memperbaiki detail-detail kecil di template program dan navigasi:
- Styling heading + spacing untuk related events
- Sembunyikan related events section jika kosong
- Setup header navigation untuk Programs
- Link tombol "Find Your Major" di home page
1. Heading Dinamis untuk Related Events
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 ...
}
}
?>| Kondisi | Aksi |
|---|---|
| Program punya events terkait | Tampilkan heading + daftar events |
| Program TIDAK punya events | Tidak 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>| Komponen | Penjelasan |
|---|---|
get_post_type_archive_link('program') | URL ke halaman archive /programs |
get_post_type() == 'program' | Menyalakan link kuning saat di halaman program |
4. Link Tombol "Find Your Major"
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
| File | Perubahan |
|---|---|
single-program.php | Heading dinamis, conditional if, HR separator |
header.php | Link + active state untuk Programs |
front-page.php | Tombol "Find Your Major" link ke programs archive |