Implementasi Desain untuk single.php

by

Kita akan implementasikan desain untuk single.php, yang digunakan untuk menampilkan single blog post.

Kita tidak perlu membuat code dari awal, beberapa code kita copy dari page.php dan index.php. Berikut isi dari single.php

<?php
    get_header();

    while(have_posts()){
        the_post();
?>
<div class="page-banner">
    <div class="page-banner__bg-image" style="background-image: url(<?php echo get_theme_file_uri('images/ocean.jpg') ?>);"></div>
    <div class="page-banner__content container container--narrow">
        <h1 class="page-banner__title"><?php the_title(); ?></h1>
        <div class="page-banner__intro">
            <p>JANGAN LUPA NANTI DIGANTI</p>
        </div>
    </div>  
</div>

<div class="container container--narrow page-section">
    <div class="metabox metabox--position-up metabox--with-home-link">
        <p><a class="metabox__blog-home-link" href="<?php echo site_url('/blog'); ?>"><i class="fa fa-home" aria-hidden="true"></i> Blog Home</a> <span class="metabox__main">Posted by <?php the_author_posts_link(); ?> on <?php the_time('n.j.y'); ?> in <?php echo get_the_category_list(', '); ?></span></p>
    </div>
    <div class="generic-content"><?php the_content(); ?></div>
</div>

<?php
    }
    
    get_footer();
?>
Sharing is caring:

Leave a Comment