Menampilkan Author Box pada WordPress

August 19, 2018 Artikel,Snippets Kholis net

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 🙂

60 total views, 1 views today

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Yes No