نمایش اطلاعات نویسنده در نوشته به صورت واکنش گرا

با سلام

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

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

این افزونه Simple Author Box نام دارد.

پس از دانلود افزونه که لینک دانلود آن در انتهای همین آموزش قرار داده شده است را می توانید ، این افزونه را نصب و سپس فعال کنید. گزینه ای با عنوان 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-در صورتی که می خواهید تصاویر نویسنده برای زمانی که موس روی تصویر هست به صورت دایره وار بچرخد این گزینه را فعال کنید.

Show author website– زمانی که میخواهید آدرس سایت نویسنده نماش داده شود این گزینه را فعال کنید.

Open social icon links in a new tab– لینک شبکه اجتماعی نوینده در تب دیگری باز می شود.

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

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

در بخش Typography Options قادر خواهید بود تا فونت دلخواه نوشته در هر بخش از باکس نویسنده را تعیین کنید.

نمونه هایی را بصورت واکنش گرا و حالت دسکتاپی مشاهده می کنید:

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

دانلود افزونه simple-author-box