Skip to content
تمی
تمی

اخبار روز وردپرس

  • اخبار و مقالات قالب سایت
تمی

اخبار روز وردپرس

19 تیر 1401

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


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

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

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

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

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

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

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

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

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

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

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

یک مثال خوب از آن سایتی مانند 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 راه اندازی می کنید، ممکن است بخواهید دسته بندی محصولات را حذف کنید.

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

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

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

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

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





منبع

اخبار و مقالات قالب سایت تم سایتقالب سایت

راهبری نوشته

Previous post
Next post

نوشته‌های تازه

  • ابزار ممیزی رایگان سئو برای افزایش رتبه
  • نحوه ویرایش انبوه تصاویر ویژه در وردپرس
  • نحوه ایجاد فید RSS مجزا برای هر دسته در وردپرس
  • نحوه اضافه کردن خودکار سلب مسئولیت در وردپرس (راه آسان)
  • نحوه تغییر اندازه تصویر Gravatar در وردپرس
  • 10 بهترین مولد کلمات کلیدی دم بلند (مقایسه شده)
  • نحوه استفاده از کدهای کوتاه در ابزارک های نوار کناری وردپرس
  • اعلام ایده مولد پست وبلاگ WPBeginner
  • چرا باید به سراغ بهترین لپ تاپ های لنوو Core i5 رفت؟ + معرفی 4 مدل محبوب | behtarin-laptop
  • نحوه فروش وب سایت یا کسب و کار آنلاین (راهنمای کامل)
  • نمایندگی سیم کشی و برق کشی ساختمان اعزام سریع برقکار ساختمان امدادکاران | fanbaz
  • نحوه ایجاد نمودار سازمانی شرکت خود در وردپرس (راه آسان)
  • نحوه ایجاد یک پست خلاصه در وردپرس (راه آسان)
  • قیمت دستگاه تولید لیوان کاغذی دست دوم + راهنمای جامع خرید | ایران کاپ
  • نحوه مشاهده نسخه موبایل سایت های وردپرس از دسکتاپ
  • نحوه افزودن متن به گفتار در وردپرس (گام به گام)
  • نحوه ایجاد فرم آپلود فایل در وردپرس (راه حل آسان)
  • کتاب کمک درسی دوم دبستان پایتخت کتاب | ketabko
  • طراحی سایت و فروشگاه اینترنتی شروع یک موفقیت آنلاین پرتال | allescape
  • حمل و نقل چیست ؟ انواع و تاریخچه حمل و نقل در ایران | transemartlogistics
  • نحوه اضافه کردن یک سازنده محصول سفارشی در ووکامرس (آسان)
  • چگونه انواع پست سفارشی را به فید اصلی وردپرس خود اضافه کنید
  • معرفی تحلیلگر سرفصل – نوشتن سرفصل های جذاب آسان شده است
  • نحوه اضافه کردن مبدل ارز در وردپرس (2 راه آسان)
  • نحوه تعمیر تغییر مسیر وردپرس به دامنه قدیمی پس از مهاجرت
  • چگونه در پست های وردپرس خود کلیک به جعبه های توییت اضافه کنید
  • نحوه ایجاد اسلایدر محصول در Shopify در سال 2023
  • نحوه نمایش یا پنهان کردن ابزارک ها در صفحات خاص وردپرس
  • به HeroThemes به صندوق رشد WPBeginner خوش آمدید
  • بهترین کاندوم بازار در سال 2023 + معرفی 20 مدل پرفروش | asilbekharid
  • نحوه ایجاد و مدیریت فایل های Ads.txt در وردپرس (آسان)
  • آیا باید به افزونه های وردپرس اجازه جمع آوری داده ها را بدهم؟
  • قیمت و رزرو اتاق فرار اختلال disorder ایران اسکیپ | allescape
  • نحوه ارسال ایمیل به همه کاربران ثبت نام شده در وردپرس
  • 16 بهترین افزونه تایپوگرافی وردپرس برای بهبود طراحی شما
  • چگونه به راحتی تصاویر تعاملی 360 درجه را در وردپرس اضافه کنیم
  • شرایط شرکت در بازی اتاق فرار در مجموعه اسکیپ رومیست | allescape
  • نحوه نمایش یا دفن نظرات در وردپرس (2 راه آسان)
  • 8 بهترین افزونه گرید محصول برای ووکامرس (رایگان + پولی)
  • معماری اسلامی و 8 نمونه برجسته | معماری نواز
  • معرفی Broken Link Checker – Easy Dead Link Checker برای تعمیر لینک های شکسته در وردپرس
  • نحوه اضافه کردن کلاهک در پست های وردپرس (3 روش ساده)
  • نحوه باز کردن پیوندهای خارجی در یک پنجره یا برگه جدید با وردپرس
  • طراحی ایوان، بالکن، تراس، پاسیو و بام سبز آرل | elitarchgroup
  • طراحی سایت خدماتی یاس وب مبتکر اینده های نو و جذاب در طراحی وب | totoweb
  • نحوه تبدیل انبوه بلوک های کلاسیک به گوتنبرگ در وردپرس
  • برترین برنامه های Shopify چرخ فلک و اسلایدر ویدیو در سال 2023 – Shopidevs
  • نحوه سفارشی کردن رنگ پس زمینه ویرایشگر بلاک وردپرس
  • نحوه استفاده از فونت های آیکون در ویرایشگر پست وردپرس (بدون کد)
  • چگونه فروشگاه Shopify را در سال 2023 زنده کنیم – Shopidevs

دسته‌ها

  • اخبار و مقالات قالب سایت
  • دسته‌بندی نشده
  • ابزار ممیزی رایگان سئو برای افزایش رتبه
  • نحوه ویرایش انبوه تصاویر ویژه در وردپرس
  • نحوه ایجاد فید RSS مجزا برای هر دسته در وردپرس
  • نحوه اضافه کردن خودکار سلب مسئولیت در وردپرس (راه آسان)
  • نحوه تغییر اندازه تصویر Gravatar در وردپرس
  • 10 بهترین مولد کلمات کلیدی دم بلند (مقایسه شده)
  • نحوه استفاده از کدهای کوتاه در ابزارک های نوار کناری وردپرس
  • اعلام ایده مولد پست وبلاگ WPBeginner
  • چرا باید به سراغ بهترین لپ تاپ های لنوو Core i5 رفت؟ + معرفی 4 مدل محبوب | behtarin-laptop
  • نحوه فروش وب سایت یا کسب و کار آنلاین (راهنمای کامل)
  • نمایندگی سیم کشی و برق کشی ساختمان اعزام سریع برقکار ساختمان امدادکاران | fanbaz
  • نحوه ایجاد نمودار سازمانی شرکت خود در وردپرس (راه آسان)
  • نحوه ایجاد یک پست خلاصه در وردپرس (راه آسان)
  • قیمت دستگاه تولید لیوان کاغذی دست دوم + راهنمای جامع خرید | ایران کاپ
  • نحوه مشاهده نسخه موبایل سایت های وردپرس از دسکتاپ
  • نحوه افزودن متن به گفتار در وردپرس (گام به گام)
  • نحوه ایجاد فرم آپلود فایل در وردپرس (راه حل آسان)
  • کتاب کمک درسی دوم دبستان پایتخت کتاب | ketabko
  • طراحی سایت و فروشگاه اینترنتی شروع یک موفقیت آنلاین پرتال | allescape
  • حمل و نقل چیست ؟ انواع و تاریخچه حمل و نقل در ایران | transemartlogistics
  • نحوه اضافه کردن یک سازنده محصول سفارشی در ووکامرس (آسان)
  • چگونه انواع پست سفارشی را به فید اصلی وردپرس خود اضافه کنید
  • معرفی تحلیلگر سرفصل – نوشتن سرفصل های جذاب آسان شده است
  • نحوه اضافه کردن مبدل ارز در وردپرس (2 راه آسان)
  • نحوه تعمیر تغییر مسیر وردپرس به دامنه قدیمی پس از مهاجرت
  • چگونه در پست های وردپرس خود کلیک به جعبه های توییت اضافه کنید
  • نحوه ایجاد اسلایدر محصول در Shopify در سال 2023
  • نحوه نمایش یا پنهان کردن ابزارک ها در صفحات خاص وردپرس
  • به HeroThemes به صندوق رشد WPBeginner خوش آمدید
  • بهترین کاندوم بازار در سال 2023 + معرفی 20 مدل پرفروش | asilbekharid
  • نحوه ایجاد و مدیریت فایل های Ads.txt در وردپرس (آسان)
  • آیا باید به افزونه های وردپرس اجازه جمع آوری داده ها را بدهم؟
  • قیمت و رزرو اتاق فرار اختلال disorder ایران اسکیپ | allescape
  • نحوه ارسال ایمیل به همه کاربران ثبت نام شده در وردپرس
  • 16 بهترین افزونه تایپوگرافی وردپرس برای بهبود طراحی شما
  • چگونه به راحتی تصاویر تعاملی 360 درجه را در وردپرس اضافه کنیم
  • شرایط شرکت در بازی اتاق فرار در مجموعه اسکیپ رومیست | allescape
  • نحوه نمایش یا دفن نظرات در وردپرس (2 راه آسان)
  • 8 بهترین افزونه گرید محصول برای ووکامرس (رایگان + پولی)
  • معماری اسلامی و 8 نمونه برجسته | معماری نواز
  • معرفی Broken Link Checker – Easy Dead Link Checker برای تعمیر لینک های شکسته در وردپرس
  • نحوه اضافه کردن کلاهک در پست های وردپرس (3 روش ساده)
  • نحوه باز کردن پیوندهای خارجی در یک پنجره یا برگه جدید با وردپرس
  • طراحی ایوان، بالکن، تراس، پاسیو و بام سبز آرل | elitarchgroup
  • طراحی سایت خدماتی یاس وب مبتکر اینده های نو و جذاب در طراحی وب | totoweb
  • نحوه تبدیل انبوه بلوک های کلاسیک به گوتنبرگ در وردپرس
  • برترین برنامه های Shopify چرخ فلک و اسلایدر ویدیو در سال 2023 – Shopidevs
  • نحوه سفارشی کردن رنگ پس زمینه ویرایشگر بلاک وردپرس
  • نحوه استفاده از فونت های آیکون در ویرایشگر پست وردپرس (بدون کد)
  • چگونه فروشگاه Shopify را در سال 2023 زنده کنیم – Shopidevs
©2023 تمی | WordPress Theme by SuperbThemes