تیک تم بازاریابی اینترنتی سئو و بهینه سازی وب سایت آموزش وردپرس 
"
سلام به تیک تم خوش آمدید در این مقاله به آموزش نمایش باکس اطلاعات نویسنده در وردپرس بدون افزونه می پردازیم.اکثر کاربران علاقه مند هستند که نام و اطلاعات نویسندگان مقالاتی که مطالعه می کنن را ببینند. تا بازدید کنندکان و کاربران وبسایت ها بتوانند تا نویسنده مقالات را بشناسند تا اگر خواستند با آنها در ارتباط باشند برای انجام این کار شما می توانید به سادگی با یک جستجو ساده در اینترنتپلاگین ها زیادی را در این زمینه پیدا کنید. اما اگر می خواهید بدون نصب افزونه و به راحتی این کار را انجام دهید می توانید از کد هایی که در این مقاله وجود دارد استفاده کنید.
نمایش باکس اطلاعات نویسنده در وردپرس بدون افزونه
با کد زیر می توانید باکس اطلاعات نویسنده را در زیر هر مطلب به نمایش درآورید.
اول باید کد زیر را در فایل functions.php قالب وبسایتتان اضافه کنید:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | 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>';</p> // 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 noopener">Website</a> '; } else { // if there is no author website then just close the paragraph $author_details .= ' '; } // 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 قالب سایتتان را باز کنید و کد زیر را به انتهای آن اضافه کنید:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | .author_bio_section{ background: none repeat scroll #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: 10px 10px ; } |
مطالب مرتبط:
آموزش ساخت Testimonial در وردپرس
منبع: تیک تم– ارائه دهنده مقالات: قالب وردپرس فروشگاهی– افزونه تجاری وردپرس– قالب وردپرس رایگان
