WordPress Blog में Author Box कैसे जोड़ें ( हर एक ब्लॉग पोस्ट में ) 2024

सभी जानकारी पाने के लिए औ से पैसे कमाने के लिए हिए हमसे जुंडे

नमस्कार दोस्तों ! आज के इस आर्टिकल में हम बात करेंगे की WordPress Blog में Author Box कैसे जोड़ें ( हर एक ब्लॉग पोस्ट में ) 2024 wordpress blog me author box kaise banaye ?

अगर आप एक वर्डप्रेस ब्लॉगर है तो आपको अपने ब्लॉग में ऑथर बॉक्स जरूर बनाना चाहिए जिस से आपकी ऑडियंस आप से और आपके ब्लॉग से अच्छे से कनेक्ट हो पाए ।

ब्लॉग में जितने भी ऑथर है आप सबका ऑथर बॉक्स बना सकते है जिस से साफ़ पता चल जायेगा कौन सा आर्टिकल कौन लिख रहा है । गूगल की तरफ से भी आपको अथॉरिटी मिलेगी साथ ही यूजर भी आपके ब्लॉग को पढ़ना पसंद करेंगे क्यों की उनका ट्रस्ट आपके कांटेक्ट पे ज्यादा बढ़ जायेगा ।

तो आज के इस आर्टिकल में हम आपको बताएँगे की कैसे आप अपने वर्डप्रेस ब्लॉग में ऑथर बॉक्स बना सकते है ऑथर बॉक्स बनाने के लिए आप इस वीडियो को देखिये ।

Step 1: Create a Custom Function


function custom_author_box() {
    global $post;

    // Get author information.
    $author_id = $post->post_author;
    $author_name = get_the_author_meta('display_name', $author_id);
    $author_description = get_the_author_meta('description', $author_id);
    $author_url = get_author_posts_url($author_id);

    // Output the author box.
    if ($author_name || $author_description) {
        echo '<div class="author-box">';
        echo '<div class="author-avatar">' . get_avatar($author_id, 80) . '</div>';
        echo '<div class="author-info">';
        echo '<h4 class="author-name">' . esc_html($author_name) . '</h4>';
        echo '<p class="author-description">' . esc_html($author_description) . '</p>';
        echo '<p class="author-link"><a href="' . esc_url($author_url) . '">View all posts by ' . esc_html($author_name) . '</a></p>';
        echo '</div>';
        echo '</div>';
    }
}

Step 2: Create a New Element in GeneratePress

  1. Go to your WordPress dashboard.
  2. Navigate to “Appearance” -> “GeneratePress” -> “Elements.”
  3. Click on the “New Element” button.

Step 3 : Hook Code ( Add a New Hook )

<?php
custom_author_box();
?>

Step 4 : Style with CSS


.author-box {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.author-avatar {
    float: left;
    margin-right: 20px;
}

.author-name {
    font-size: 18px;
    margin-bottom: 5px;
}

.author-description {
    margin-bottom: 10px;
}

.author-link a {
    color: #3498db;
    text-decoration: none;
}

वीडियो में बातये गए तरीके से आपको ऑथर बॉक्स बनाना है और ऊपर दिए गए कोड का इस्तमाल कर के आपको अपने ब्लॉग में ऑथर बॉक्स बना लेना है कुछ समझ न आये तो आप यूट्यूब वीडियो के माध्यम से हम से कनेक्ट कर सकते है ।

Hello Friends, My Name is Megha Mourya (Author) मैं एक Full-Time Blogger और Digital Marketer हूँ। https://Bloggingcourseinhindi.com ये Website मैंने उन लोगो के लिए बनाये है जो Free Online घर बैठे Complete Blogging Course Hindi में सीखना चाहते है. आप इस Blog को Subscribe कर के Free में पूरा Course access कर सकते है 

Leave a Comment