هنگام کار در وب سایت مشتری ، متوجه شدیم که عملکرد داخلی برای نوشتن لیست نویسندگان کافی نیست. ما به شما نحوه نمایش همه نویسندگان به شما نشان دادیم سایت شما ، اما این روش فقط در صورتی خوب است که بخواهید یک لیست ساده در نوار کناری خود نمایش دهد. اگر می خواهید یک صفحه با محتوای مفید و مفیدتر ایجاد کنید ، این عملکرد بی فایده است.
در این مقاله به شما نشان خواهیم داد که چگونه می توانید صفحه همیاری ایجاد کنید که لیستی از نویسندگان دارای آواتار یا userphoto و هر اطلاعات دیگری را که دوست دارید نمایش دهد. این آموزش یک آموزش سطح متوسط است.
اولین کاری که باید انجام دهید این است با استفاده از این الگو صفحه سفارشی ایجاد کنید .
سپس باید پرونده توابع.php را در پوشه تم های خود باز کرده و کد زیر را اضافه کنید:
همکاران عملکرد () {
جهانی $ wpdb؛
$ author = $ wpdb-> get_results ("SELECT ID، user_nicename from $ wpdb-> users ORDER BY display_name")؛
foreach ($ نویسندگان به عنوان $ author) {
echo "
echo “ echo get_avatar ($ author-> ID)؛
و جایگزین کردن آن با:
echo userphoto ($ author-> ID)؛
با دنبال کردن ساختار استفاده شده می توانید ویژگی های بیشتری مانند نمایش URL نویسنده و سایر اطلاعات از نمایه به این عملکرد اضافه کنید.
همچنین باید خطوط زیر را به پرونده CSS خود اضافه کنید:
# نویسنده لی {
روشن: سمت چپ؛
شناور به سمت چپ؛
حاشیه: 0 0 5px 0؛
}
# نویسنده img.photo {
عرض: 40 پیکسل
ارتفاع: 40 پیکسل
شناور به سمت چپ؛
}
# نویسنده div.authname {
حاشیه: 20px 0 0 10px؛
شناور به سمت چپ؛
}
پس از اضافه کردن عملکرد ، اکنون باید آن را در الگوی صفحه خود فراخوانی کنید. فایل contributor.php یا هر نام دیگری را که نام فایل قرار دهید باز کنید. الگوی صفحه مشابه page.php خود را دنبال کنید و در حلقه قرار دهید ، فقط به جای نمایش محتوا ، این عملکرد را اضافه کنید:
با این کار صفحه همکاری کنندگان با محتوای بیشتری در اختیار شما قرار می گیرد. این ترفند برای وبلاگهای چند نویسنده بسیار عالی است.
اکنون در اینجا مثالی از نحوه استفاده از آن آورده شده است:
اگر می خواهید صفحه مشارکت کنندگان با اطلاعاتی مانند مثال بالا نشان داده شود ، باید چند تغییر در عملکرد اصلی ایجاد کنید. ما یک کد کد داریم که دقیقاً هر آنچه در تصویر بالا نشان داده شده است را به شما ارائه می دهد.
همیاران عملکرد () {
جهانی $ wpdb؛
$ author = $ wpdb-> get_results ("SELECT ID، user_nicename from $ wpdb-> users WHERE display_name 'admin' ORDER BY display_name")؛
foreach ($ نویسندگان به عنوان $ author) {
echo "
echo “ ID)؛
echo “/ “> “؛
echo get_avatar ($ author-> ID)؛
echo ““؛
echo ‘
echo “ ID)؛
echo “/ “> “؛
the_author_meta (‘display_name’، $ author-> ID)؛
echo ““؛
echo “
“؛
echo “وب سایت: شناسه)؛
echo “/ ” target = ‘_ blank’> “؛
the_author_meta (‘user_url’ ، $ author-> شناسه)؛
echo ““؛
echo “
“؛
echo “Twitter: شناسه)؛
echo “” target = ‘_ blank’> “؛
the_author_meta (‘توییتر’ ، $ نویسنده-> شناسه)؛
echo ““؛
echo “
“؛
echo “ ID)؛
echo “/ “> بازدید از & nbsp؛ “؛
the_author_meta (‘display_name’، $ author-> ID)؛
صفحه پروفایل echo “؛
echo ““؛
echo “
“؛
echo “
“؛
}
}
این کد با استفاده از افزونه User Photo است. قسمت توییتر با استفاده از ترفندی که در مقاله به آن اشاره کردیم نمایش داده می شود نحوه نمایش Twitter و Facebook نویسنده در صفحه نمایه .
به عنوان مثال CSS به صورت زیر است:
# نویسنده ul {
سبک لیست: هیچ؛
عرض: 600 پیکسل
حاشیه: 0؛
بالشتک: 0؛
}
# نویسنده لی {
حاشیه: 0 0 5px 0؛
سبک لیست: هیچ؛
ارتفاع: 90px؛
padding: 15px 0 15px 0؛
border-bottom: 1px solid #ececec؛
}
# نویسنده img.photo {
عرض: 80 پیکسل
ارتفاع: 80 پیکسل
شناور به سمت چپ؛
حاشیه: 0 15px 0 0؛
بالشتک: 3px؛
حاشیه: 1px solid #ececec؛
}
# نویسنده div.authname {
حاشیه: 20px 0 0 10px؛
}
در صورت تمایل می توانید با استفاده از کد پیشرفته به عنوان راهنمای خود ، اطلاعات بیشتری را نمایش دهید.
منبع:
https://www.wpbeginner.com/wp-tutorials/how-to-display-an-author-list-with-avatars-in-wordpress-contributors-page/.