قرار دادن تصویر کاربران در ابزارک وردپرس

عرض سلام خدمت همراهان گرامی مکانیک وردپرس ؛
در این مقاله از آموزش وردپرس به شما نشان خواهیم داد که چگونه توسط نصب یکی از افزونه های کاربردی وردپرس، لیست کاربران سایت را همراه با تصاویر گراواتار آنها در بخش ابزارک ها با هر مکان دلخواه دیگر به نمایش بگذارید.
با ما همراه باشید…

قرار دادن تصویر کاربران در ابزارک وردپرس با افزونه Author Avatars List

برای قرار دادن تصویر کاربران در ابزارک وردپرس همراه با تصاویر گراواتار انها نیاز به یک افزونه وردپرس با نام Author Avatars List میباشد.
شما عزیزان میتوانید این پلاگین وردپرس را در انتهای همین مقاله آموزشی بصورت رایگان دانلود کنید.

افزونه Author Avatars List وردپرس

این افزونه وردپرس بیش از ۹٫۰۰۰ نصب موفق و فعال در مخزن وردپرس داشته است.
پس از دانلود، نصب و فعالسازی این پلاگین وردپرس،یک ابزارک جدید با نام خود افزونه در آیتم ابزارک های وردپرس شما ایجاد خواهد شد.
به بخش ابزارک های وردپرس بروید و ابزارک مربوط به افزونه وردپرس Author Avatars List را در مکان مناسب قرار دهید و تنظیمات رو طبق علاقه خودتان سفارشی ساری کنید.
مهمترین قابلیت این افزونه این است که می توانید به دلخواه تنها تصاویر گراواتار مدیران، نویسندگان، مشارکت کننده ها و … را به نمایش در آورید.

قرار دادن تصویر کاربران در پست یا برگه وردپرس

برای این کار کافیست از shortcode افزونه استفاده کنید.
میتوانید کد کوتاه زیر رو در بین پست ها و برگه ها برای نمایش لیست کاربران سایت قرار دهید.

[authoravatars]

1	[authoravatars]

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

بیشتر بخوانید : افزایش امنیت وردپرس با افزونه cloudflare

[authoravatars avatar_size=44 link_to_authorpage=true show_name=true show_biography=true]

1	[authoravatars avatar_size=44 link_to_authorpage=true show_name=true show_biography=true]

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

.shortcode-author-avatars .avatar {
float:left;
text-align:left;
padding:3px;
margin:3px;
border: 1px solid #EEE;
}
.shortcode-author-avatars div.author-list .user {
text-align: left;
}