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

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

  • نحوه ایجاد یک نظرسنجی تعاملی در وردپرس (گام به گام)
  • روش تست شارژرهای لپ تاپ نمایندگی ایسوس در ایران-شارژر لپتاپ مستر جانبی
  • نحوه نمایش پست های محبوب بر اساس روز، هفته و ماه در وردپرس
  • نحوه واردات و صادرات محصولات WooCommerce با تصاویر
  • 10 افزونه وردپرس با استفاده از هوش مصنوعی و یادگیری ماشین
  • نحوه رفع خطای ERR_CONNECTION_REFUSED در کروم
  • نحوه ردیابی تاریخچه ویجت وردپرس (روش آسان)
  • نحوه ایجاد یک نظرسنجی Net Promoter Score® (NPS) در وردپرس
  • 5 بهترین برنامه پاپ آپ تخفیف Shopify در سال 2023 – Shopidevs
  • اتاق فرار چیست؟ معرفی انواع اسکیپ روم در تهران اکتیک-آل اسکیپ
  • نحوه ردیابی کلیک روی لینک و کلیک روی دکمه در وردپرس (روش آسان)
  • نحوه تغییر نام فرستنده در ایمیل خروجی وردپرس
  • گزیده محصول Shopify را در همه صفحات و صفحات مجموعه اضافه کنید
  • نحوه نوشتن محتوا با استفاده از AI Content Generator در وردپرس
  • نحوه ایجاد فرم HubSpot در وردپرس
  • نحوه نصب Microsoft Clarity Analytics در وردپرس
  • نحوه افزایش ارتفاع بخش Shopify div در سال 2023
  • چگونه URL کوتاه سفارشی خود را برای وبلاگ خود ایجاد کنید
  • معرفی انواع دستگاه مینی چیلر و مزایای آن ها آی تهویه-بتا تهویه
  • rel=”noopener” در وردپرس چیست؟ (توضیح داده شد)
  • تترلند خرید تتر و فروش تتر برنامه‌ها در Google Play-تترفا
  • چگونه از FOMO در سایت وردپرس خود برای افزایش تبدیل استفاده کنید
  • نحوه اضافه کردن گزینه انتخابگر در Shopify در صفحات مجموعه در سال 2023 – Shopidevs
  • 13 بهترین نمونه طراحی پاورقی وردپرس (+ بهترین روش ها)
  • چگونه به راحتی یک نقشه سایت چند زبانه در وردپرس ایجاد کنیم
  • نحوه اضافه کردن محدودیت کشوری برای محصولات WooCommerce
  • لوله بازکنی و لوله بازکن فوری قیمت لوله بازکنی-lolebazkonii
  • نحوه راه اندازی ردیابی تبدیل ووکامرس (گام به گام)
  • نحوه اضافه کردن گزینه انتخابگر در Shopify در صفحات جزئیات محصول در سال 2023 – Shopidevs
  • آیا استفاده از افزونه های قدیمی وردپرس بی خطر است؟
  • 7 نکته برای خرید مبل چستر + ویژگی‌های دکوراسیون با آن کوئیک فیت-مبل سید
  • خرید بک لینک و جریمه شدن سایت شما توسط گوگل-خرید بک لینک،خدمات لینکسازی،خرید رپورتاژ،خرید PBN گلدلینک
  • چگونه بررسی کنیم که آیا پست های وبلاگ شما برای کلمات کلیدی مناسب رتبه بندی می شوند یا خیر
  • 8 بهترین نوع جایگزین برای 2023 (رایگان + پولی)
  • Duplicator به خانواده محصولات WPBeginner خوش آمدید
  • در سال 2023 چه چیزی را انتخاب کنیم
  • تولیدی پیراهن آستین کوتاه خرید عمده پیراهن مردانه تولید کننده پیراهن مردانه
  • نحوه میزبانی فونت های محلی در وردپرس برای یک وب سایت سریعتر
  • نحوه دریافت اعلان ایمیل برای تغییرات پست در وردپرس
  • چرا وبلاگ؟ 14 مزیت وبلاگ نویسی (در سال 2023)
  • نحوه قرار دادن فروشگاه Shopify در تعطیلات (2023) – Shopidevs
  • کابل شارژ ایفون 7 1m فروشگاه شهر قطعات
  • عنوان سئو در مقابل عنوان پست H1 در وردپرس: تفاوت چیست؟
  • بک لینک چیست و چطور بک لینک قوی بسازیم؟ نوین-خرید بک لینک گلدلینک
  • نحوه اضافه کردن پاپ آپ سفارشی در Shopify – Shopidevs
  • خدمات کامپیوتر و شبکه تعمیرات کامپیوتر و شبکه فنستا
  • نحوه تغییر آدرس ارسال از در Shopify
  • چگونه آدرس های ایمیل را از نظرات وردپرس صادر کنیم
  • معرفی انواع تجهیزات شبکه هزارسوی شبکه-امن باش
  • نحوه هایلایت کردن یک آیتم منو در وردپرس (2 روش)

دسته‌ها

  • اخبار و مقالات قالب سایت
  • دسته‌بندی نشده
  • نحوه ایجاد یک نظرسنجی تعاملی در وردپرس (گام به گام)
  • روش تست شارژرهای لپ تاپ نمایندگی ایسوس در ایران-شارژر لپتاپ مستر جانبی
  • نحوه نمایش پست های محبوب بر اساس روز، هفته و ماه در وردپرس
  • نحوه واردات و صادرات محصولات WooCommerce با تصاویر
  • 10 افزونه وردپرس با استفاده از هوش مصنوعی و یادگیری ماشین
  • نحوه رفع خطای ERR_CONNECTION_REFUSED در کروم
  • نحوه ردیابی تاریخچه ویجت وردپرس (روش آسان)
  • نحوه ایجاد یک نظرسنجی Net Promoter Score® (NPS) در وردپرس
  • 5 بهترین برنامه پاپ آپ تخفیف Shopify در سال 2023 – Shopidevs
  • اتاق فرار چیست؟ معرفی انواع اسکیپ روم در تهران اکتیک-آل اسکیپ
  • نحوه ردیابی کلیک روی لینک و کلیک روی دکمه در وردپرس (روش آسان)
  • نحوه تغییر نام فرستنده در ایمیل خروجی وردپرس
  • گزیده محصول Shopify را در همه صفحات و صفحات مجموعه اضافه کنید
  • نحوه نوشتن محتوا با استفاده از AI Content Generator در وردپرس
  • نحوه ایجاد فرم HubSpot در وردپرس
  • نحوه نصب Microsoft Clarity Analytics در وردپرس
  • نحوه افزایش ارتفاع بخش Shopify div در سال 2023
  • چگونه URL کوتاه سفارشی خود را برای وبلاگ خود ایجاد کنید
  • معرفی انواع دستگاه مینی چیلر و مزایای آن ها آی تهویه-بتا تهویه
  • rel=”noopener” در وردپرس چیست؟ (توضیح داده شد)
  • تترلند خرید تتر و فروش تتر برنامه‌ها در Google Play-تترفا
  • چگونه از FOMO در سایت وردپرس خود برای افزایش تبدیل استفاده کنید
  • نحوه اضافه کردن گزینه انتخابگر در Shopify در صفحات مجموعه در سال 2023 – Shopidevs
  • 13 بهترین نمونه طراحی پاورقی وردپرس (+ بهترین روش ها)
  • چگونه به راحتی یک نقشه سایت چند زبانه در وردپرس ایجاد کنیم
  • نحوه اضافه کردن محدودیت کشوری برای محصولات WooCommerce
  • لوله بازکنی و لوله بازکن فوری قیمت لوله بازکنی-lolebazkonii
  • نحوه راه اندازی ردیابی تبدیل ووکامرس (گام به گام)
  • نحوه اضافه کردن گزینه انتخابگر در Shopify در صفحات جزئیات محصول در سال 2023 – Shopidevs
  • آیا استفاده از افزونه های قدیمی وردپرس بی خطر است؟
  • 7 نکته برای خرید مبل چستر + ویژگی‌های دکوراسیون با آن کوئیک فیت-مبل سید
  • خرید بک لینک و جریمه شدن سایت شما توسط گوگل-خرید بک لینک،خدمات لینکسازی،خرید رپورتاژ،خرید PBN گلدلینک
  • چگونه بررسی کنیم که آیا پست های وبلاگ شما برای کلمات کلیدی مناسب رتبه بندی می شوند یا خیر
  • 8 بهترین نوع جایگزین برای 2023 (رایگان + پولی)
  • Duplicator به خانواده محصولات WPBeginner خوش آمدید
  • در سال 2023 چه چیزی را انتخاب کنیم
  • تولیدی پیراهن آستین کوتاه خرید عمده پیراهن مردانه تولید کننده پیراهن مردانه
  • نحوه میزبانی فونت های محلی در وردپرس برای یک وب سایت سریعتر
  • نحوه دریافت اعلان ایمیل برای تغییرات پست در وردپرس
  • چرا وبلاگ؟ 14 مزیت وبلاگ نویسی (در سال 2023)
  • نحوه قرار دادن فروشگاه Shopify در تعطیلات (2023) – Shopidevs
  • کابل شارژ ایفون 7 1m فروشگاه شهر قطعات
  • عنوان سئو در مقابل عنوان پست H1 در وردپرس: تفاوت چیست؟
  • بک لینک چیست و چطور بک لینک قوی بسازیم؟ نوین-خرید بک لینک گلدلینک
  • نحوه اضافه کردن پاپ آپ سفارشی در Shopify – Shopidevs
  • خدمات کامپیوتر و شبکه تعمیرات کامپیوتر و شبکه فنستا
  • نحوه تغییر آدرس ارسال از در Shopify
  • چگونه آدرس های ایمیل را از نظرات وردپرس صادر کنیم
  • معرفی انواع تجهیزات شبکه هزارسوی شبکه-امن باش
  • نحوه هایلایت کردن یک آیتم منو در وردپرس (2 روش)
©2023 تمی | WordPress Theme by SuperbThemes