نحوه اضافه کردن تصاویر طبقه بندی (آیکون های دسته بندی) در وردپرس


آیا می خواهید تصاویر طبقه بندی یا آیکون های دسته بندی را در وردپرس نمایش دهید؟

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

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

افزودن آیکون های دسته یا تصاویر طبقه بندی در وردپرس

چرا تصاویر طبقه بندی را در وردپرس اضافه کنیم؟

به طور پیش فرض، وب سایت وردپرس شما گزینه ای برای اضافه کردن تصاویر برای طبقه بندی های شما مانند دسته ها و برچسب ها (یا هر طبقه بندی سفارشی دیگری) ندارد.

این به سادگی از نام های طبقه بندی در همه جا از جمله آرشیوهای دسته بندی یا صفحات آرشیو طبقه بندی استفاده می کند.

صفحه آرشیو طبقه بندی ساده

این یک جورهایی ساده و خسته کننده به نظر می رسد.

اگر ترافیک جستجوی زیادی به صفحات طبقه بندی خود دارید، ممکن است بخواهید آنها را جذاب تر نشان دهید.

ساده‌ترین راه برای جذاب‌تر کردن صفحه، اضافه کردن تصاویر است. می‌توانید تصاویر طبقه‌بندی یا نمادهای دسته‌بندی را اضافه کنید تا این صفحات کاربرپسندتر و جذاب‌تر شوند.

یک مثال خوب از آن سایتی مانند NerdWallet است که از نمادهای دسته بندی در هدر خود استفاده می کند:

نمادهای دسته‌بندی به عنوان مثال Nerdwallet

همچنین می توانید از آن برای ایجاد بخش های ناوبری زیبا در صفحه اصلی خود مانند Bankrate استفاده کنید:

بلوک های ناوبری نماد دسته

همانطور که گفته شد، بیایید نگاهی به نحوه اضافه کردن آسان تصاویر طبقه بندی در وردپرس بیندازیم.

به راحتی تصاویر طبقه بندی را در وردپرس اضافه کنید

اولین کاری که باید انجام دهید این است که افزونه Category Images را نصب و فعال کنید. برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.

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

تصویر پیش‌فرض جای‌بان

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

در صفحه ویرایش دسته، به پایین اسکرول کنید و فرمی برای آپلود تصویر طبقه بندی خود پیدا خواهید کرد.

آپلود تصویر طبقه بندی جدید

برای آپلود تصویری که می خواهید برای آن دسته خاص استفاده کنید، به سادگی روی دکمه “آپلود/افزودن تصویر جدید” کلیک کنید.

فراموش نکنید که برای ذخیره تغییرات خود بر روی دکمه Add Category یا Update کلیک کنید.

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

دسته بندی با تصاویر بند انگشتی

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

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

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

پس از اتصال، باید الگوی مسئول نمایش آرشیو طبقه بندی خود را پیدا کنید. این می تواند فایل های archives.php، category.php، tag.php، یا taxonomy.php باشد.

برای جزئیات بیشتر، به راهنمای ما در مورد چگونگی پیدا کردن فایل‌های ویرایش در قالب وردپرس مراجعه کنید.

هنگامی که فایل را پیدا کردید، باید آن را در رایانه خود دانلود کرده و در یک ویرایشگر متن مانند Notepad یا TextEdit باز کنید.

اکنون کد زیر را در جایی که می خواهید تصویر طبقه بندی خود را نمایش دهید قرار دهید. معمولاً می‌خواهید آن را قبل از عنوان طبقه‌بندی یا اضافه کنید the_archive_title() برچسب زدن

<?php if( is_category() ) { ?> 
<div class="taxonomy-image">
<img class="taxonomy-img" src="<?php if (function_exists('z_taxonomy_image_url')) echo z_taxonomy_image_url(); ?>"  alt="" / >
</div>
<?php 
} else {  
//do nothing
} 
?>

پس از افزودن کد، باید این فایل را ذخیره کرده و با استفاده از FTP دوباره در وب سایت خود آپلود کنید.

اکنون می توانید از صفحه آرشیو طبقه بندی دیدن کنید تا تصویر طبقه بندی شما را نمایش دهد. در اینجا نحوه نمایش آن در صفحه آرشیو دمو ما آمده است.

دسته با تصویر

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

در اینجا CSS سفارشی است که ما برای تصویر طبقه بندی استفاده کردیم.

img.taxonomy-img {
    float: left;
    max-height: 100px;
    max-width: 100px;
    display: inline-block;
}

بسته به موضوع خود، ممکن است لازم باشد عناصر اطراف مانند عنوان طبقه بندی و توضیحات را نیز سبک کنید.

ما به سادگی عنوان و شرح آرشیو طبقه بندی خود را در یک پیچیدیم <div> عنصر و یک کلاس CSS سفارشی اضافه کرد. سپس از کد CSS زیر برای تنظیم عنوان و توضیحات استفاده کردیم.

.taxonomy-title-description {
    display: inline-block;
    padding: 18px;
}

در اینجا نحوه ظاهر آن در وب سایت آزمایشی ما آمده است.

پس از افزودن CSS سفارشی

طبقه بندی ها را از نمایش تصاویر طبقه بندی حذف کنید

اکنون ممکن است برخی از کاربران فقط بخواهند از تصاویر طبقه بندی برای طبقه بندی های خاص استفاده کنند.

به عنوان مثال، اگر یک فروشگاه آنلاین با استفاده از WooCommerce راه اندازی می کنید، ممکن است بخواهید دسته بندی محصولات را حذف کنید.

به سادگی به صفحه تصاویر دسته ها در قسمت مدیریت وردپرس برگردید و طبقه بندی هایی را که می خواهید حذف کنید بررسی کنید.

دسته ها را حذف کنید

فراموش نکنید که برای ذخیره تنظیمات خود بر روی دکمه ذخیره تغییرات کلیک کنید.

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

اگر این مقاله را دوست داشتید، لطفاً در کانال یوتیوب ما برای آموزش های ویدیویی وردپرس مشترک شوید. شما همچنین می توانید ما را در توییتر و فیس بوک





منبع