با سلام و دوردی دیگر به یکا یک شما عزیزان سایت بانک وردپرس. باز هم با آموزشی دیگر در خدمت شما علاقه مندان وردپرس هستیم.
نمایش دادن جعبه مشخصات و اطلاعات نویسنده بدون استفاده از افزونه
آیا شما هم از آن دسته کاربرانی هستید که دل تان می خواهد اطلاعات مربوط به نویسندگان سایت تان زیر هر مطلبی که می گذارند درج شود تا بازدید کنندکان سایت تان بتوانند تا نویسنده مورد نظر شان را بشناسند و با آن ها بتوانند در تماس باشند؟ برای به عمل آوردن این کار شما می توانید به راحتی با یک جستجو ساده در فضای اینترنت افزونه ها زیادی را در این زمینه پیدا کنید. اما اگر می خواهید خودتان به طور دستی این کار را انجام دهید و بدون اینکه از افزونه ای استفاده کنید ما به شما در این مقاله یک قطعه کد معرفی می کنیم تا دیگر نیازی به نصب افزونه نداشته باشید.
پس از اینکه مشخص کردیم نویسنده پست چه کسی است، لازم است اطلاعات نویسنده را در جعبه مربوط به اطلاعات نویسنده اضافه کنیم.
برای اینکه کار ابتدا قطعه کد زیر را در درون فایل functions.php پوسته سایت تان اضافه کنید.
function wpb_author_info_box( $content ) { global $post; // Detect if it is a single post with a post author if ( is_single() && isset( $post->post_author ) ) { // Get author's display name $display_name = get_the_author_meta( 'display_name', $post->post_author ); // If display name is not available then use nickname as display name if ( empty( $display_name ) ) $display_name = get_the_author_meta( 'nickname', $post->post_author ); // Get author's biographical information or description $user_description = get_the_author_meta( 'user_description', $post->post_author ); // Get author's website URL $user_website = get_the_author_meta('url', $post->post_author); // Get link to the author archive page $user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author)); if ( ! empty( $display_name ) ) $author_details = '<p class="author_name">About ' . $display_name . '</p>'; if ( ! empty( $user_description ) ) // Author avatar and bio $author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>'; $author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>'; // Check if author has a website in their profile if ( ! empty( $user_website ) ) { // Display author website link $author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>'; } else { // if there is no author website then just close the paragraph $author_details .= '</p>'; } // Pass all this info to post content $content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>'; } return $content; } // Add our function to the post content filter add_action( 'the_content', 'wpb_author_info_box' ); // Allow HTML in author bio section remove_filter('pre_user_description', 'wp_filter_kses');
قطعه کد بالا پس از اضافه شدن یک باکس از اطلاعات نویسنده را زیر متن پست تان اضافه می کند.
سپس نیاز است که به این جعبه جلوه و استایل زیبایی را بدهیم تا باعث جلب کاربران شود. برای اینکار ابتدا فایل style.css پوسته سایت تان را باز و سپس قطعه کد زیر را در آن وارد کنید.
.author_bio_section{ background: none repeat scroll 0 0 #F5F5F5; padding: 15px; border: 1px solid #ccc; } .author_name{ font-size:16px; font-weight: bold; } .author_details img { border: 1px solid #D8D8D8; border-radius: 50%; float: left; margin: 0 10px 10px 0; }
اکنون جعبه نویسنده شما ظاهر مناسب تر و زیباتری را پیدا کرده است. همچنین شما می توانید کد ها css خودتان را اضافه و ویرایش کنید تا سفارشی تر باشد.
ممنون از همراهی شما عزیزان و مخاطبان همیشگی سایت بانک وردپرس. تا مطلبی دیگر بدرود.
سلاممی خوام باکسی مثل باکس شبکه های اجتماعی شما داشته باشم؟ مسلماً کد سی اس اس داره. میشه راهنمایی کنید؟ممنون
باسلام و عرض خسته نباشید خدمات شما دوست عزیز
ببینید در مورد شبکه های اجتماعی باید بهتون بگم که به صورت اختصاصی کد زده شد ولی نمونه هاشو شما با سرچ در گوگل مشاهده کنید.
موفق باشید