دلایل زیادی برای استفاده از تصویر برای دسته بندی ها در وردپرس وجود دارد. در این مطلب به روش استفاده از تصویر دسته بندی وردپرس می پردازیم.
نمایش لیست دسته بندی های وب سایت در صفحات مختلف سایت امری کاربردی است. وجود این بخش کاربر را در یافتن دسته بندی های اصلی سایت کمک می کند. قبلا در مطلب «لیست دسته بندی وردپرس» به صورت مفصل درباره این موضوع صحبت کردیم. اما در این آموزش تنها نام دسته بندی ها را نمایش دادیم. استفاده از تصویر برای دسته بندی ها در وردپرس مزایای زیادی دارد. در بیشتر وب سایت های فروشگاهی و مختلف از تصویر برای نمایش بهتر دسته بندی ها استفاده می شود. به زبان ساده تر استفاده از تصویر تاثیر مثبتی بر روی تجربه کاربر دارد. به غیر از این، تصویر باعث زیبایی بیشتر رابط کاربری نیز می شوند. در این مطلب قصد معرفی روشی ساده برای افزودن تصویر به دسته بندی ها را داریم.
تصویر دسته بندی وردپرس
روش های زیادی برای افزودن تصویر به دسته بندی ها و تگ های وردپرس وجود دارد. ساده ترین روش استفاده از یک افزونه جالب و کاربردی است. پلاگین Categories Images به سادگی قابلیت اضافه کردن تصویر به تمام taxonomy های وردپرس را ایجاد می کند. پس از نصب این افزونه، یک گزینه با همین نام به منوی وردپرس اضافه می شود. در این بخش امکان فعال و غیر فعال سازی قابلیت تصویر برای انواع دسته بندی، تگ و … را داریم. بخش اصلی، یعنی افزودن تصویر، در بخش های مربوط به خود انجام می شود. به عنوان مثال برای افزودن تصویر به دسته بندی، باید وارد بخش دسته بندی ها در پنل مدیریت وردپرس شویم. در قسمت ویرایش هرکدام از آنها، امکان افزودن و ویرایش تصویر وجود دارد. همین روش برای تگ ها و موارد دیگر وب سایت شما قابل انجام است.
نمایش تصویر در قالب
تا اینجا روش افزودن تصویر دسته بندی وردپرس را یاد گرفتیم. اما به صورت خودکار این تصویر ها نمایش داده نمی شوند. برای نمایش تصویر از توضیحات خود افزونه کمک می گیریم. برای این کار ۲ روش وجود دارد. در کد اول آدرس تصویر چاپ می شود. این حالت تنها آدرس تصویر را برای استفاده در تگ تصویر برمی گرداند:
<?php echo z_taxonomy_image_url(term_id, size, return_placeholder); ?>خروجی کد بالا آدرس تصویر دسته بندی ها است. تابع z_taxonomy_image_url سه ورودی نیز می گیرد:
- ورودی term_id: این گزینه برای دریافت آی دی عنصر مورد نظر است. به صورت پیش فرض خالی است.
- ورودی size: با استفاده از این گزینه، ابعاد و سایز تصویر خروجی را از حالت های کامل، بند انگشتی و … انتخاب می کنیم. به صورت پیش فرض مقدار کامل چاپ می شود.
- ورودی return_placeholder: به صورت پیش فرض یک تصویر به برای تمام دسته بندی ها و تگ ها ایجاد می شود. اما در لیست ها نمایش داده نمی شوند. با true کردن مقدار این گزینه، تصویر پیش فرض برای موارد بدون تصویر، نمایش داده می شود.
اما در روش دوم، کد HTML آماده توسط افزونه چاپ می شود. برای این کار از کد زیر استفاده می کنیم:
<?php z_taxonomy_image(term_id, size, attr); ?>خروجی کد بالا چاپ تصویر دسته بندی وردپرس به صورت HTML توسط افزونه است. این تابع نیز ورودی های مختلفی دارد:
- ورودی term_id: این گزینه برای دریافت آی دی عنصر مورد نظر است. به صورت پیش فرض خالی است.
- ورودی size: با استفاده از این گزینه، ابعاد و سایز تصویر خروجی را از حالت های کامل، بند انگشتی و … انتخاب می کنیم. به صورت پیش فرض مقدار کامل چاپ می شود.
- ورودی attr: با استفاده از گزینه آخر امکان افزودن ویژگی های مختلفی مانند نام کلاس، عنوان تصویر، طول و عرض از جمله این موارد هستند که باید به شکل یک آرایه وارد شوند.
با استفاده از این افزونه به سادگی امکان افزودن و نمایش تصویر برای taxonomy های وردپرس ایجاد می شود. افزونه نیز دو روش کلی برای استفاده و نمایش تصویر ها ایجاد کرده است. استفاده از هر دو روش نیز در جایگاه مناسب، کاربرد خود را دارد.