تبلیغات
طراحی و بهینه سازیمشاهده
آخرین ارسال های تالار مشاهده انجمن
  • مشکل عدم تکمیل مرحله آپدیت افزونه های وردپرس! 1 پاسخ 92 بازدید
  • پاک کردن ویروس سایت 2 پاسخ 238 بازدید
  • FS-Poster 6.0.7 5 پاسخ 728 بازدید
  • خطا در اضافه کردن اکانت در افزونه FS Poster 0 پاسخ 120 بازدید
  • افزونه یوست سئو 0 پاسخ 129 بازدید
  • اسلایدر رولوشن 1 پاسخ 435 بازدید
  • نصب نشدن افزونه اسکرپس scrapes 1 پاسخ 305 بازدید
  • درخواست راهنمایی در خصوص افزونه Duplicator 6 پاسخ 597 بازدید
  • راه اندازی سایت پاپ آپ 0 پاسخ 293 بازدید
  • اتصال وردپرس به api 9 پاسخ 657 بازدید
  • هاست

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

    افزونه ها , افزونه وردپرس

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

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

     

    نمایش اطلاعات نویسنده در وردپرس با افزونه Simple Author Box

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

    افزونه‌ای که قصد معرفی آن را دارم با نام Simple Author Box در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است بیش از ۱۰٫۰۰۰ نصب فعال
    و کسب امتیاز ۴٫۱۱ را بر اساس بازخوردهای ارسالی کاربران دریافت کند. به کمک همین افزونه می توانید نمایش اطلاعات نویسنده در وردپرس را ممکن سازید.

     

    تنظیمات در افزونه

    پس از نصب و فعال سازی این افزونه منویی در بخش تنظیمات سایت وردپرسی شما با نام Simple Author Box افزوده خواهد شد،

    روی آن کلیک کنید تا وارد صفحه تنظیمات افزونه شوید.

    برای شروع ابتدا به بخش تنظیمات همگانی افزونه مراجعه کنید که با نام General Options شخص شده است.

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

    • Manually insert the Simple Author Box: با فعال کردن این بخش این امکان برای شما فعال خواهد شد تا فاصله‌ای از بالا و پایین بخش نوشته
      برای باکس نمایش اطلاعات نویسنده در وردپرس ایجاد کنید تا در سایت نمایش داده شود.
    • Hide the author box if author description is empty: در صورت فعال کردن این گزینه اگر فیلد درباره نویسنده که شامل اطلاعات کوتاهی از پروفایل وی می‌باشد خالی باشد، باکس نویسنده مورد نظر در مطالب سایت نمایش دادهه نخواهد شد.
    • Author avatar image style: در این بخش می‌توانید تصویر مورد نظر برای نویسنده را در دو حالت دایره‌ای یا مربعی انتخاب کنید.
    • Rotate effect on author avatar hover: اگر قصد دارید تا با رفتن نشانگر ماوس روی تصویر نویسنده آواتار وی چرخش کوتاهی را داشته باشد آن را فعال کنید.

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

    • Show author website: در صورتی که می‌خواهید تا آدرس سایت نویسنده در باکس نمایش اطلاعات نویسنده در وردپرس نمایش داده شود

    ابتدا این بخش را بر روی گزینه Yes قرار داده و سپس مکان مورد نظر برای نمایش آدرس سایت را در بخش
    Author websitee position بر روی یکی از حالت‌های Right برای سمت راست و Left برای سمت چپ انتخاب کنید.

     

    تنظیمات اضافی

    حال اگر می‌خواهید تا آدرس سایت نویسنده در پنجره جدید باز شود گزینه Open author website link in a new tab را بر روی Yes قرار داده و
    در نهایت برای اینکه لینک سایت نیز به صورت نوفالو باشد گزینه Add “nofollow” attribute on author website link را بر روی Yes قرار دهید.

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

    در این بخش ابتدا نوع نمایش آیکون شبکه‎های اجتماعی را در گزینه اول مشخص کنید، در صورتی که آن را بر روی Colored قرار دهید تنظیمات مشابه
    تصویر فوق برای شما نمایش داده خواهد شد. اما در غیر اینصورت به صورت ساده تنها آیکون هر شبکه اجتماعی نمایش داده می‌شود.

    تنظیمات شبکه های اجتماعی

    • Social icons style: از این بخش مانند آواتار نویسنده می‎توانید نوع آیکون شبکه‌های اجتماعی را در دوحالت دایره‌ای یا مربعی انتخاب کرده و برای
      اینکه چرخش آیکون شبکه اجتماعی نیز مانند تصویر پروفایل نویسنده فعال باشد گزینه Rotate effect on social icons hover را بر روی Yes قرار دهید.
    • Use flat long shadow effect: اگر می‎خواهید که آیکون شبکه‌های اجتماعی به صورت طراحی فلت سک سایه در خود داشته باشند نیز این گزینه را فعال کنید.

     

    ادامه تنظیمات

    • Show a thin border on colored social icons: در این بخش نیز می‌توانید تعیین کنید تا یک نوار نازک دور هر شبکه اجتماعی با رنگ متفاوت‌تری نمایش داده شود.
    • Open social icon links in a new tab: با فعال کردن این گزینه نیز شبکه‌های اجتماعی برای نمایش اطلاعات نویسنده در وردپرس در یک پنجره جدید باز خواهند شد.

    و در نهایت در بخش Hide the social icons on author box می‌توانید به طور کلی امکان نمایش شبکه‌های اجتماعی را در این افزونه غیرفعال کنید.

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

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

     

    تنظبمات رنگ و آیکون

    • author name color: رنگ متن نام نویسنده
    • Author website link color: رنگ لینک آدرس سایت نویسنده
    • Border color of Simple Author Box: رنگ حاشیه باکس نویسنده
    • Background color of social icons bar: رنگ پس زمینه آیکون‌های شبکه‌های اجتماعی نویسنده
    • Social icons color (for symbols only): رنگ آیکون شبکه‌های اجتماعی (این گزینه برای حالتی است که نمایش آیکون‌های شبکه‌های اجتماعی در حالت ساده باشند)

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

    مشابه تصویر فوق در بخش Typography Options قادر خواهید بود تا فونت دلخواه نوشته در هر بخش از باکس نویسنده را تعیین کنید. همانطور که در تصویر مشاهده می‌کنید در صورتی که تمایل دارید تا از فونت‌های گوگل در باکس نویسنده استفاده کنید ابتدا از بخش Google font characters subset فونت دلخواه مورد نظر را انتخاب کنید.

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

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

    با انتخاب و فعال کردن گزینه Disable Font Awesome stylesheet نمایش استایل مجموعه font awesome در سایر افزونه‌ها و یا قالب وردپرس برای این افزونه غیرفعال شده و لود آنها توسط قالب خواهد بود. و با انتخاب گزینه Load generated inline style to footer استایل‌های داخلی در فوتر لود خواهند شد که باعث افزایش سرعت بارگذاری سایت می‌شود.

     

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

    نمایش اطلاعات نویسنده به صورت واکنش گرا در وردپرس با افزونه Simple Author Box

    شاد باشید..

    لطفا به این مطلب امتیاز بدید


    دانلود نسخه : 2.1.0


    جای تبلیغ متنی ویژه


    نحوه استفاده

    افزونه را در مسیر wp-content/plugins آپلود و سپس فعال کنید.

    مطلب مفیدی بود ؟
    نویسنده : mohammad 0 افزونه ها , افزونه وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=38835

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    6,098مديريت همزمان چند سايت وردپرسی در يک پيشخوان تاریخ : 2016/06/18
    23,558دانلود افزونه مدیریت تبلیغات وردپرس AdPress تاریخ : 2015/03/22
    5,662افزونه وردپرس اشتراک گذاری مطلب در ازای دانلود Content Locker Pro تاریخ : 2018/09/21
    5,261افزونه ایجاد وب سایت دانشنامه BWL Knowledge Base Manager برای وردپرس تاریخ : 2016/05/11
    3,212افزونه مدیریت و طراحی وبلاگ وردپرس WP Blog Manager تاریخ : 2018/08/24
    1,160ایجاد جستجوگر پیشرفته در وردپرس با افزونه Algolia تاریخ : 2019/05/19
    3,463دریافت ایمیل های بروزرسانی وردپرس تاریخ : 2017/07/13
    3,959افزونه All in One SEO Pack Pro v2.2.2 + سریال نامبر تاریخ : 2014/02/7
    2,422فشرده سازی و افزایش سرعت وردپرس با افزونه Check and Enable GZIP compression تاریخ : 2018/03/6
    1,340استفاده از لینک های خارجی به صورت استاندارد و بهینه در وردپرس تاریخ : 2019/01/29
    932اضافه کردن جعبه جستجو در نتایج گوگل با افزونه Sitelinks Search Box تاریخ : 2019/12/13
    3,140عیب یابی خطای 404 در وردپرس با افزونه Custom 404 Pro تاریخ : 2018/04/8
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب