خانه / سیستمهای مدیریت محتوا / وردپرس / چگونه یک باکس اطلاعات نویسنده را به پست های وردپرس اضافه کنیم

چگونه یک باکس اطلاعات نویسنده را به پست های وردپرس اضافه کنیم

آیا می خواهید که یک قسمت اطلاعات مربوط به نویسنده را در پست های وردپرس اضافه کنید؟ باکس اطلاعات نویسنده یک قسمت کوچک که در آن می توانید اطلاعات مربوط به نویسنده و لینک وب سایت و شبکه های اجتماعی آن ها را به نمایش بگذارید. در این مقاله به شما نشان می دهیم که چگونه این باکس را در پست های وردپرستان را قرار دهید.

 

چرا و چه موقع شما نیاز دارید که باکس مربوط به نویسنده را در وردپرس قرار دهید

نشان دادن این که فردی حقیقی یک مطلب را نوشته است می تواند به بالا بردن اعتبار و قدرت سایت شما در میان کاربران کمک کند.

برای وب سایت های تک نویسنده شما می توانید یک صفحه درباره من بسازید. اما برای یک سایت چند نویسنده ای وردپرس شما باید یک باکس اطلاعات نویسنده به هر پست اضافه کنید.

باکس اطلاعات نویسنده، نویسندگان را تشویق می کند تا با خوانندگان ارتباط بر قرار کنند و این فرصت را به نویسندگان می دهد تا دنبال کنندگان خودشان را داشته باشند.

اگر شما نویسندگان مهمان از سایر وبلاگ ها دارید، این باکس می تواند میزان بازدید شما را بالا ببرد.

اضافه کردن باکس اطلاعات نویسنده به پست های وردپرس

روش های مختلفی وجود دارد که شما می توانید قسمت اطلاعات نویسنده را اضافه کنید. ما دو پلاگین و یک روش با استفاده از کد را در اینجا نشان می دهیم. به این شکل شما می توانید مناسب ترین روش برای سایت خود را برگزینید.

روش اول: اضافه کردن باکس نویسنده زیر پست های وردپرس با استفاده از پلاگین

بیشتر صاحبان سایت ها می خواهند که اطلاعات نویسنده را در انتهای هر پست قرار دهند. در اینجا می بینید که چگونه می توانید باکس نویسنده را به انتهای هر پست اضافه کنید.

اولین کاری که باید بکنید این است که پلاگین Guerrilla Author Box را نصب و فعال کنید.

هر نویسنده در سایت شما باید اطلاعات شخصی و لینک های مربوط حساب های کاربری خود را وارد کنند. آنها می توانند با وارد شدن در حساب وردپرس خود در وب سایت شما این کار را انجام دهند و سپس بر روی profile در منوی ادمین وردپرس کلیک کنند.

به عنوان یک مدیر سایت شما می توانید خودتان نیز این اطلاعات را با ویرایش پروفایل هر کاربر وارد کنید. باید به صفحه Users » All User بروید و بر روی لینک Edit که زیر هر کاربر وجود دارد کلیک کنید.

شما اکنون می توانید به هر پست سایت خود سر بزنید و در آنجا باکس اطلاعات نویسنده را زیر آن خواهید دید.

پلاگین از آواتار پیش فرض سیستم وردپرس استفاده می کند که به آن Gravatar می گویند. نویسندگان شمت باید عکس های خود را در سایت Gravatar آپلود کنند.

تغییر دادن ظاهر باکس اطلاعات نویسنده

پلاگین Guerilla’s Author Box یک CSS بسیار ساده دارد. این باکس رنگ لینک ها و متن را از قالب شما استفاده می کند.

اما اگر شما بخواهید آن را به دلخواه خود تغییر دهید، و با کار کردن با CSS راحت هستید، می توانید CSS پیش فرض پلاگین را کپی کنید و در داخل قالب سایت خود قرار دهید.

اینجا یک مثال از CSS است که شما می توانید به عنوان نقطه شروع استفاده کنید. ما رنگ پیش زمینه را تغییر داده ایم و عکس نویسنده را به جای مربعی، دایره ای کرده ایم.

۰۱ .guerrillawrap {
۰۲ background: #ECECEC;
۰۳ -webkit-box-sizing:border-box;
۰۴ -moz-box-sizing:border-box;
۰۵ -ms-box-sizing:border-box;
۰۶ box-sizing:border-box;
۰۷ border: 1px solid #d0d0d0;
۰۸ float: left;
۰۹ padding: 2%;
۱۰ width: 100%;
۱۱ }
۱۲
۱۳ .guerrillagravatar {
۱۴ float: left;
۱۵ margin: 0 10px 0 0;
۱۶ width: 10%;
۱۷ }
۱۸
۱۹ .guerrillagravatar img {
۲۰ border-radius:50%;
۲۱ border:1 px solid #eee;
۲۲ }
۲۳
۲۴ .guerrillatext {
۲۵ float: left;
۲۶ width: 84%;
۲۷ }
۲۸
۲۹ .guerrillatext h4 {
۳۰ font-size: 20px;
۳۱ line-height: 20px;
۳۲ margin: 0 0 0 0;
۳۳ padding: 0;
۳۴ }
۳۵
۳۶ .guerrillatext p {
۳۷ margin: 10px 0 15px 0;
۳۸ font-style: italic;
۳۹ }
۴۰
۴۱ .guerrillasocial {
۴۲ float: left;
۴۳ width: 100%;
۴۴ }
۴۵
۴۶ .guerrillasocial a {
۴۷ border: 0;
۴۸ margin-right: 10px;
۴۹ }

 

ظاهر باکس نویسنده در یک وب سایت فرضی با استفاده از این CSS به این شکل می شود.مال شما ممکن است کمی متفاوت باشد به علت تفاوتی که در رنگ ها و نوع خطی که استفاده می کنید.

روش دوم: آوردن اطلاعات نویسنده در نوار کناری برای هر پست

روش بالا در هنگامی که می خواهید اطلاعات نویسنده را در پایین هر پست بیاورید عالی است. اما بعضی از شما ممکن است بخواهید که اطلاعات نویسنده در کنار پست و یا در نوار کناری نشان داده شود. در اینجا به شما نشان می دهیم چگونه این کار را انجام دهید.

اولین کاری که باید انجام دهید این است که پلاگین Meks Smart Author Widget را نصب و فعال کنید. بعد از فعال سازی به صفحه Appearance » Widgets بروید. در آن جا در فهرست ابزارک های در دسترس اسم Meks Smart Author را خواهید دید. این ابزارک را به نوار کناری که می خواهید اطلاعات نویسنده نمایش داده شود اضافه کنید.

ابزارک گزینه های متعددی دارد. مهمترین گزینه ای که باید کنترل کنید این است که گزینه Automatically detect author را تیک بزنید.

بر روی دکمه ذخیره کلیک کنید تا تنظیمات ابزارک ذخیره شود. حال به وب سایت خود سر بزنید تا تغییرات ایجاد شده و نوع نمایش ابزارک را در عمل ببینید.

این پلاگین اطلاعت نویسنده را از پروفایل وردپرس آنها استخراج می کند. نویسندگان شما باید اطلاعات لازم را در آنجا پر کنند.

روش سوم: اضافه کردن باکس اطلاعت نویسنده با استفاده از کد نویسی

هر دو روش گفته شده در بالا بر اساس پلاگین ها بود. اگر به هر دلیلی شما بخواهید که این باکس را به صورت دستی وارد کنید از روش زیر می توانید بهره بجویید.

در ابتدا کد زیر را به فایل 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’);

این کد اطلاعات نویسنده را استخراج می کند و در زیر پست قرار می دهد. شما باید این باکس را طوری تنظیم کنید که با فرم و استایل قالب سایت شما متناسب باشد.

شما می توانید از این 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;
۱۷ }

 

این ظاهر باکس اطلاعات نویسنده است که بعد از قرار دادن این کدها در یک وب سایت فرضی به وجود آمده است.

منبع

مطلب پیشنهادی

چگونه مهلت نظر دادن در وردپرس را برای بعضی پست ها تغییر دهیم

یکی از راه حل هایی که اغلب اوقات برای کاهش میزان نظرات اسپم پیشنهاد می …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *