Menampilkan Author Box pada WordPress

Jika kamu sedang membuat custom wordpress theme atau diminta klien untuk menambahkan author box, maka artikel ini sangat cocok dengan kamu 😀

Author Box ini biasanya dipakai di single.php sesudah konten, dan cara menggunakannya pun sangat mudah. Berikut script yang harus kamu copy paste ke theme kamu.

Single.php

<?php if (get_the_author_meta('description')) : // Checking if the user has added any author descript or not. If it is added only, then lets move ahead ?>
    
<div class="author-box">
        
<div class="author-img"><?php echo get_avatar(get_the_author_meta('user_email'), '100'); // Display the author gravatar image with the size of 100 ?></div>

        
<h3 class="author-name"><?php esc_html(the_author_meta('display_name')); // Displays the author name of the posts ?></h3>

        

<?php esc_textarea(the_author_meta('description')); // Displays the author description added in Biographical Info ?>

    </div>

<?php endif; ?>

Style.css

.author-box {
    background-color: #fff;
    padding: 20px;
    margin: 0 0 40px;
    display: inline-block;
    width: 100%;
}
 
.author-box .author-img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
 
.author-box .author-img img {
    border-radius: 50%;
}
 
.author-box .author-name {
    font-weight: bold;
    clear: none;
    display: inline;
}

Jika berhasil, tampilan Author Box nya seperti pada gambar di bawah ini.

Author Box kholis.net

Cukup mudah bukan? Share ya jika artikel ini membantu 🙂

WhatsApp chat