نحوه نمایش باکس نویسنده در وردپرس

نمایش باکس نویسنده

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

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

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

دقت داشته باشید که قبل از هر چیزی ابتدا باید به مسیر کاربران > ویرایش کاربر شوید و اطلاعات مورد نیاز مثل زندگی‌نامه یا فیلد های دیگر را پر کنید .

افزونه نمایش باکس نویسنده starbox
افزونه نمایش باکس نویسنده starbox

1# افزونه نمایش باکس نویسنده starbox

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

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

این افزونه حرفه ای برای تعامل با کاربر ایجاد شده است . پلاگین starbox بیشتر رو ی مباحث بصری تمرکز داشته است که هیمن امر باعث شده تا کاملا user-friendly باشد . یکی دیگر از امکانات آن این است که شما توانایی سفارشی سازی افزونه را نیز دارید . با این حال اگر به صورت پیشفرض از آن نیز استفاده کنید تمامی نیاز های شما را برطرف خواهد کرد .

دانلود از مخزن وردپرس
2# افزونه Simple Author Box

2# افزونه Simple Author Box

افزونه simple author box دقیقاً همان کاری را انجام می دهد که نام آن نشان می دهد: یک جعبه نویسنده ساده به پست های شما در وب سایت وردپرس شما اضافه می کند.اگر چه این افزونه ساده است ولی این را در نظر بگیرید که تمام نیازهای شما را لرطرف خواهد کرد . با کمک این افزونه شما قادر خواهید بود نام نویسنده ، زندگی نامه ( توضیحات ) ، آدرس وب سایت ، گراواتر و 30 تا از شبکه های اجتماعی رو در صورت نیاز به نمایش بگذارید .

شما می توانید رنگ و طرح آن را متناسب با زمینه سایت خود تنظیم کنید . بعلاوه این افزونه نمایش باکس نویسنده کاملا ریسپانسیو است و در هر دستگاهی مثل موبایل و تبلت به درستی نمایش داده می شود . یک امتیازی که این افزونه به نسبت رقبای خود دارد این است که شما می توانید در صورت تمایل با کد php موجود ، آن را در هرجایی از قالب خود به نمایش بگذارید .

برخی ویژگی های افزونه عبارتند از:

  1. طراحی واکنشگرا و سازگار با موبایل و تبلت
  2. امکان نمایش اطلاعات کامل نویسنده (نام، تصویر، گراواتار، توضیحات و …)
  3. قابلیت نمایش لینک پروفایل بیش از 30 شبکه اجتماعی نویسنده
  4. امکان افزودن خودکار اطلاعات نویسنده به برگه های single.php و author.php
  5. قابلیت تغییر رنگ بخشهای مختلف جعبه اطلاعات نویسنده
  6. امکان گرد کردن گوشه تصویر نویسنده مطلب
  7. قابلیت نمایش بیوگرافی نویسنده پست
  8. راست چین بودن و سازگاری کامل باقالبهای فارسی
  9. و …
دانلود از مخزن وردپرس

3# نمایش باکس نویسنده با کمک کدنویسی

حال وقت آن رسیده که دوستانی که دوست دارن کد بزنن و درگیر چالش ها بشن دست به کار بشن و کار خودشون رو شروع کنن ، پس بیایین شروع کنیم به کد زدن . در ابتدا باید با کمک توابع وردپرس بیایم چند تا از اطلاعات مورد نیازمون رو از وردپرس بگیریم . من کمک توابع وردپرس نویسنده مطلب ، زندگی نامه ، آدرس وب سایت و لینک عکس گراواتر نویسنده رو می گیرم به این شکل


// Get Author Data
$theAuthor = get_the_author();
$theAuthorDescription = get_the_author_meta( ‘description’ );
$theAuthorUrl = esc_url( get_author_posts_url( get_the_author_meta( ‘ID’ ) ) );
$theAuthorAvatar = get_avatar( get_the_author_meta( ‘user_email’ ), 60 );

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

<div class="card post-author">
    <div class="card-body">
         <?php echo $theAuthorAvatar  ?>
        <div class="about-author">
            <h5> <?php echo echo $theAuthor ?> </h5>
            <p>
                 <?php echo $theAuthorDescription  ?>
            </p>
            <a href=" <?php echo $theAuthorUrl ?>  ">آدرس وب سایت</a>
        </div>
    </div>
</div>

خب حالا بیاین کمی چاشنی css هم بهش اضافه کنیم


.post-author {
padding: 20px;
margin-bottom: 15px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
border-radius: 4px;
background-color: #fff;
word-wrap: break-word;
border: 1px solid #e2ebf7 !important;
box-shadow: 0 0 3px rgba(31, 30, 47, .05);
}
.post-author img {
border-radius: 50%;
float: right;
margin-left: 20px;
width: 70px;
height: 70px;
}
.post-author .about-author {
margin: 15px 0;
padding-right: 120px;
}
.post-author .about-author h5 {
color: #323232;
font-weight: bold;
margin-bottom: 10px;
}
.post-author .about-author .about-author a {
transition: .4s;
width: 30px;
height: 30px;
border-radius: 2px;
background: #f5f5fb;
font-size: 12px;
line-height: 30px;
text-align: center;
color: #323232;
display: block;
border: 1px solid #f1f1f1;
}

پاسخی بنویسید

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