SHET25

افزودن تصویر به دسته‌بندی وردپرس با افزونه Categories Images

افزودن تصویر به دسته‌بندی وردپرس با افزونه Categories Images

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

وردپرس به‌صورت پیش‌فرض گزینه‌ای برای تصویر دسته‌بندی نداره. برای همین در این آموزش از افزونه رایگان Categories Images استفاده می‌کنیم. اول تصویر رو به دسته‌ها اضافه می‌کنیم، بعد روش نمایش اون در قالب‌های بلوکی و کلاسیک رو می‌بینیم و در پایان سراغ مشکلات رایج می‌ریم.

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

آنچه در این مقاله می‌خوانید

افزودن تصویر به دسته‌بندی وردپرس چه کاربردی داره؟

دسته‌بندی‌ها نوشته‌های مرتبط رو کنار هم قرار می‌دن. تصویر دسته‌بندی هم کمک می‌کنه کاربر موضوع هر دسته رو زودتر تشخیص بده. مثلاً یک فروشگاه لوازم دیجیتال می‌تونه برای دسته‌های موبایل، لپ‌تاپ و هدفون سه تصویر متفاوت داشته باشه.

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

تصویر دسته‌بندی با تصویر شاخص نوشته یکی نیست. تصویر شاخص به یک نوشته مشخص وصل می‌شه، ولی تصویر دسته‌بندی به مجموعه‌ای از نوشته‌ها مربوطه. مثلاً هر نوشته در دسته «آموزش وردپرس» تصویر شاخص خودش رو داره، اما خود دسته هم می‌تونه یک تصویر عمومی و ثابت داشته باشه.

قبل از شروع به چه چیزهایی نیاز دارید؟

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

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

افزودن تصویر به دسته‌بندی وردپرس با افزونه Categories Images

نصب و فعال‌کردن افزونه Categories Images

در پیشخوان وردپرس به مسیر «افزونه‌ها ← افزودن افزونه تازه» برید. عبارت Categories Images رو در کادر جستجو بنویسید و نام افزونه و صفحه رسمی اون رو بررسی کنید. بعد دکمه نصب و سپس دکمه فعال‌سازی رو بزنید. متن دقیق دکمه‌ها ممکنه با توجه به نسخه یا ترجمه وردپرس شما کمی متفاوت باشه.

نصب و فعال‌کردن افزونه Categories Images
نصب و فعال‌کردن افزونه Categories Images

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

پیداکردن بخش تصویر در صفحه دسته‌بندی‌ها

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

بخش تصویر در صفحه دسته‌بندی‌ها
بخش تصویر در صفحه دسته‌بندی‌ها

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

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

گزینه مربوط به تصویر دسته موردنظرتون رو بزنید. اگه کتابخانه رسانه وردپرس باز شد، می‌تونید یکی از تصاویر قبلی رو انتخاب کنید یا از بخش بارگذاری پرونده‌ها، تصویر تازه‌ای از کامپیوترتون بفرستید. اسم دکمه‌ها ممکنه در نسخه‌های مختلف کمی فرق داشته باشه.

افزودن تصویر به دسته‌بندی مطالب
افزودن تصویر به دسته‌بندی مطالب

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

ویرایش یا حذف تصویر دسته‌بندی

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

حذف ارتباط تصویر با دسته لزوماً فایل اصلی رو از کتابخانه رسانه پاک نمی‌کنه. اگه می‌خواید خود فایل رو هم حذف کنید، باید اون رو جداگانه در بخش «رسانه ← کتابخانه» پیدا کنید. قبل از حذف مطمئن بشید بخش دیگه‌ای از سایت از همون فایل استفاده نمی‌کنه.

افزودن تصویر به دسته‌بندی وردپرس بدون افزونه

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

بهتره قابلیت اصلی رو داخل یک افزونه اختصاصی سبک بذارید تا با عوض‌کردن قالب از بین نره. کد مربوط به ظاهر و محل نمایش تصویر هم می‌تونه داخل چایلدتم باشه. چایلدتم نسخه فرزند قالبه و تغییرات اختصاصی شما رو جدا از قالب اصلی نگه می‌داره. کد رو مستقیم داخل قالب اصلی نذارید، چون ممکنه با به‌روزرسانی قالب تمام تغییراتتون پاک بشن. اگه با PHP و ساختار وردپرس آشنا نیستید، بهتره این کار رو به یک توسعه‌دهنده بسپارید؛ یک خطای کوچیک ممکنه پیشخوان یا صفحه‌های سایت رو از دسترس خارج کنه.

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

ساخت فیلد انتخاب تصویر برای دسته‌ها

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

ذخیره تصویر با Term Meta

بعد از انتخاب تصویر، شناسه عددی اون باید با Term Meta ذخیره بشه. Term Meta یعنی اطلاعات اضافه‌ای که به یک دسته یا برچسب وصل می‌شه. معمولاً ذخیره شناسه تصویر بهتر از ذخیره آدرس مستقیم فایله، چون وردپرس بعداً می‌تونه اندازه‌ها و اطلاعات همون فایل رو درست‌تر دریافت کنه.

کد ذخیره‌سازی باید سطح دسترسی کاربر و کد امنیتی فرم رو بررسی کنه و داده ورودی رو هم پاک‌سازی کنه. بعد از اون، امکان به‌روزرسانی یا حذف مقدار ذخیره‌شده هم لازمه. نام کلید Term Meta رو ثابت و منحصربه‌فرد انتخاب کنید تا با اطلاعات قالب یا کدهای دیگه تداخل نداشته باشه.

نمایش تصویر در قالب و بررسی نتیجه

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

  • اول از سایت نسخه پشتیبان بگیرید و یک سایت آزمایشی آماده کنید.
  • قابلیت اصلی رو داخل یک افزونه اختصاصی سبک یا ساختاری مشابه و قابل نگهداری قرار بدید.
  • فیلد انتخاب تصویر رو به صفحه افزودن و ویرایش دسته اضافه کنید.
  • شناسه تصویر رو بعد از بررسی‌های امنیتی در Term Meta ذخیره کنید.
  • امکان تعویض و حذف تصویر رو هم به همون فیلد اضافه کنید.
  • کد دریافت و نمایش تصویر رو به آرشیو دسته وصل کنید.
  • نتیجه رو هم برای دسته‌های دارای تصویر و هم دسته‌های بدون تصویر آزمایش کنید.
  • ظاهر تصویر، متن جایگزین، سرعت صفحه و نمایش اون در موبایل رو بررسی کنید.

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

افزودن تصویر به برچسب‌ها و طبقه‌بندی‌های سفارشی

افزودن تصویر به برچسب نوشته‌ها

برای بررسی برچسب‌ها، وارد «نوشته‌ها ← برچسب‌ها» بشید و صفحه افزودن یا ویرایش یک برچسب رو باز کنید. اگه نسخه افزونه و ساختار سایتتون از این بخش پشتیبانی کنن، گزینه انتخاب تصویر رو می‌بینید. قبل از اینکه برای همه برچسب‌ها تصویر بذارید، یک برچسب آزمایشی بسازید و مطمئن بشید تصویر درست ذخیره می‌شه.

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

بررسی پشتیبانی افزونه از طبقه‌بندی سفارشی

طبقه‌بندی سفارشی یعنی روشی برای گروه‌بندی محتوا که یک قالب یا افزونه دیگه به سایت اضافه کرده؛ مثلاً «برند» برای محصولات. صفحه مدیریت همون طبقه‌بندی رو باز کنید و ببینید گزینه تصویر اونجا دیده می‌شه یا نه.

نمایش گزینه تصویر به شیوه ثبت طبقه‌بندی، نسخه افزونه و سازگاری بخش‌های مختلف سایت بستگی داره. اگه این گزینه رو نمی‌بینید، قبل از اضافه‌کردن کد یا تغییر فایل‌ها، مستندات افزونه‌ای رو بررسی کنید که طبقه‌بندی رو ساخته و نتیجه رو هم روی سایت آزمایشی بسنجید.

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

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

بررسی امکانات قالب قبل از اضافه‌کردن کد

اول تنظیمات قالب، ویرایشگر سایت و صفحه‌سازتون رو ببینید. بعضی ابزارها امکان دریافت اطلاعات پویا رو دارن، اما این به معنی پشتیبانی خودکار از داده ذخیره‌شده Categories Images نیست. داده پویا یعنی اطلاعاتی مثل نام یا توضیح دسته که با عوض‌شدن دسته، خودکار تغییر می‌کنه. پشتیبانی از تصویر این افزونه رو باید جداگانه در قالب یا صفحه‌ساز خودتون بررسی کنید.

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

نمایش تصویر در قالب‌های بلوکی

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

  1. در پیشخوان به «نمایش ← ویرایشگر» برید.
  2. بخش مربوط به قالب‌ها یا Templates رو باز کنید.
  3. قالب آرشیو یا بایگانی دسته‌بندی رو انتخاب کنید.
  4. ببینید قالب یا افزونه، بلوک مشخصی برای نمایش تصویر همین طبقه‌بندی در اختیارتون می‌ذاره یا نه.
  5. اگه مستندات نسخه نصب‌شده افزونه یک کد کوتاه مرتبط معرفی کرده، اون رو اول داخل بلوک «کد کوتاه» و روی سایت آزمایشی امتحان کنید.

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

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

نمایش تصویر در قالب‌های کلاسیک

قالب کلاسیک معمولاً برای آرشیو، سربرگ و نوشته‌ها فایل‌های PHP جداگانه داره. اگه قالب گزینه آماده‌ای برای تصویر دسته نداره، ممکنه لازم باشه از تابع PHP معرفی‌شده در مستندات Categories Images استفاده کنید.

قبل از هر تغییری یک چایلدتم بسازید. چایلدتم نسخه فرزند قالبه و تغییرات اختصاصی شما رو جدا نگه می‌داره تا با به‌روزرسانی قالب اصلی از بین نرن. بعد فایل مربوط به آرشیو دسته‌بندی، مثل category.php یا archive.php، رو داخل چایلدتم پیدا کنید.

نمونه زیر با تابع z_taxonomy_image_url نوشته شده. قبل از استفاده باید نام تابع و نوع خروجی اون رو با نسخه نصب‌شده افزونه تطبیق بدید. این کد رو اول روی سایت آزمایشی و با همون نسخه وردپرس، PHP، قالب و افزونه‌ای بررسی کنید که روی سایت اصلی دارید:

<?php
if ( function_exists( 'z_taxonomy_image_url' ) ) {
    $category_image_url = z_taxonomy_image_url();

    if ( $category_image_url ) {
        echo '<img class="category-archive-image" src="' . esc_url( $category_image_url ) . '" alt="' . esc_attr( single_cat_title( '', false ) ) . '">';
    }
}
?>

این نمونه اول بررسی می‌کنه که تابع موردنظر در دسترس هست یا نه. بعد فقط وقتی آدرس تصویر پیدا بشه، تگ تصویر رو چاپ می‌کنه. تابع‌های esc_url و esc_attr هم آدرس و متن خروجی رو برای استفاده در HTML امن می‌کنن. بااین‌حال، وجود function_exists به‌تنهایی درست‌بودن نام تابع یا سازگاری کامل خروجی رو تضمین نمی‌کنه.

محل دقیق قراردادن کد به ساختار قالب بستگی داره. معمولاً می‌تونید اون رو نزدیک عنوان آرشیو بذارید، ولی بهتره تغییر رو توسعه‌دهنده قالب یا کسی که با PHP آشناست بررسی کنه. فایل‌های قالب اصلی رو هم مستقیم ویرایش نکنید.

نمایش تصویر فقط در صفحه یک دسته خاص

اگه می‌خواید تصویر فقط در آرشیو یک دسته مشخص دیده بشه، می‌تونید شرط is_category() رو به کد چایلدتم اضافه کنید. به‌جای news نامک دسته خودتون رو بذارید. نامک همون بخش کوتاه آدرسه که در صفحه ویرایش دسته می‌بینید.

<?php
if ( is_category( 'news' ) && function_exists( 'z_taxonomy_image_url' ) ) {
    $category_image_url = z_taxonomy_image_url();

    if ( $category_image_url ) {
        echo '<img class="category-archive-image" src="' . esc_url( $category_image_url ) . '" alt="' . esc_attr( single_cat_title( '', false ) ) . '">';
    }
}
?>

اگه شناسه عددی دسته رو دارید، می‌تونید همون شناسه رو هم به is_category() بدید. بعد از ذخیره تغییرات، آرشیو دسته موردنظر و چند دسته دیگه رو باز کنید تا مطمئن بشید شرط درست کار می‌کنه.

نمایش فهرست دسته‌ها همراه با تصویر

برای ساخت فهرست تصویری دسته‌ها، اول مستندات نسخه نصب‌شده Categories Images رو ببینید. اگه همون نسخه کد کوتاه یا تابع PHP مشخصی برای این کار معرفی کرده، نمونه رسمی رو بردارید و اول داخل یک برگه آزمایشی امتحان کنید. بدون یک نمونه تأییدشده، نمی‌شه مطمئن بود هر نسخه افزونه کد کوتاه مناسبی برای این کار داره.

بعد از ساخت فهرست، دسته‌های بدون تصویر، ترتیب نمایش، لینک هر دسته و ظاهر بخش در موبایل رو بررسی کنید. بهتره هر تصویر به آرشیو همون دسته لینک بشه تا کاربر با انتخاب اون، فهرست نوشته‌های مرتبط رو ببینه.

تنظیم اندازه و ظاهر تصویر دسته‌بندی

انتخاب ابعاد و نسبت تصویر مناسب

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

یکسان‌کردن ظاهر تصاویر با CSS سفارشی

اگه در کد قبلی کلاس category-archive-image رو نگه داشتید، می‌تونید با CSS زیر تصویر رو داخل یک کادر افقی ثابت نشون بدید:

.category-archive-image {
    display: block;
    width: 100%;
    max-width: 720px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin: 0 auto 24px;
    border-radius: 12px;
}

ویژگی aspect-ratio نسبت کادر رو روی ۱۶ به ۹ نگه می‌داره و object-fit: cover کمک می‌کنه تصویر تمام کادر رو پر کنه. به همین دلیل ممکنه بخش کوچیکی از لبه‌های تصویر بریده بشه. قبل از انتشار، نتیجه رو با تصویرهای عمودی و افقی امتحان کنید. راهنمای افزودن CSS سفارشی هم محل مناسب قراردادن این کد رو نشون می‌ده.

بهینه‌سازی حجم تصویر برای سریع‌ترشدن سایت

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

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

نوشتن متن جایگزین مناسب برای دسترس‌پذیری

متن جایگزین یا Alt یک توضیح کوتاه درباره مفهوم تصویره. ابزارهای کمکی مثل صفحه‌خوان از اون برای توضیح تصویر استفاده می‌کنن. برای یک تصویر دسته‌بندی ساده، نام روشن دسته معمولاً انتخاب خوبیه؛ مثلاً «آموزش‌های امنیت وردپرس».

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

رفع مشکل نمایش‌ندادن تصویر دسته‌بندی

اگه تصویر رو انتخاب کردید ولی داخل سایت نمی‌بینید، موارد زیر رو به‌ترتیب بررسی کنید:

  • ذخیره تصویر: صفحه ویرایش دسته رو دوباره باز کنید و ببینید تصویر انتخاب‌شده هنوز نمایش داده می‌شه یا نه.
  • کش سایت و مرورگر: کش یعنی نسخه ذخیره‌شده صفحه. کش افزونه، سرور، شبکه توزیع محتوا و مرورگر رو پاک کنید و دوباره صفحه رو باز کنید.
  • قالب سایت: مطمئن بشید قالب واقعاً تابع، بلوک یا کد کوتاه مربوط به تصویر دسته رو اجرا می‌کنه.
  • محل کد: اگه از PHP استفاده کردید، بررسی کنید کد داخل فایل درست چایلدتم قرار گرفته و همون فایل برای آرشیو دسته بارگذاری می‌شه.
  • نام تابع: نام تابع PHP رو با مستندات نسخه نصب‌شده Categories Images تطبیق بدید.
  • تداخل افزونه‌ها: روی سایت آزمایشی، افزونه‌های مرتبط رو یکی‌یکی غیرفعال کنید و بعد از هر مرحله نتیجه رو ببینید.

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

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

  • برای همه دسته‌ها از سبک، نسبت و ابعاد هماهنگ استفاده کنید.
  • نام فایل رو کوتاه، ساده و مرتبط انتخاب کنید؛ مثلاً wordpress-security.jpg.
  • فایل‌های قالب اصلی رو مستقیم تغییر ندید و برای کدهای PHP مربوط به ظاهر از چایلدتم کمک بگیرید.
  • هر تغییر رو در موبایل، تبلت و دسکتاپ بررسی کنید.
  • برای دسته‌های مهم تصویر منحصربه‌فرد بذارید و یک تصویر رو برای چند موضوع نامرتبط تکرار نکنید.
  • بعد از تغییر نام یا حذف یک دسته، تصویر و لینک‌های مربوط به اون رو هم بررسی کنید.

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

سؤال‌های پرتکرار درباره تصویر دسته‌بندی وردپرس

آیا وردپرس بدون افزونه از تصویر دسته‌بندی پشتیبانی می‌کنه؟

وردپرس به‌صورت پیش‌فرض برای دسته‌ها فیلد اختصاصی تصویر نداره. می‌تونید این قابلیت رو با افزونه‌ای مثل Categories Images یا کدنویسی سفارشی به سایتتون اضافه کنید.

آیا می‌تونید برای برچسب‌ها هم تصویر بذارید؟

این موضوع به نسخه افزونه و ساختار سایتتون بستگی داره. صفحه «نوشته‌ها ← برچسب‌ها» رو بررسی کنید و قبل از استفاده گسترده، ذخیره تصویر رو روی یک برچسب آزمایشی امتحان کنید.

چرا تصویر دسته‌بندی در سایت نمایش داده نمی‌شه؟

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

آیا با تغییر قالب، تصاویر دسته‌بندی حذف می‌شن؟

ممکنه اطلاعات تصویر بعد از تغییر قالب در پایگاه داده باقی بمونه، ولی قالب تازه لزوماً اون رو نشون نمی‌ده. نتیجه به روش ذخیره افزونه و شیوه نمایش قالب بستگی داره. قبل از تغییر قالب بکاپ بگیرید و نتیجه رو روی سایت آزمایشی بررسی کنید.

بهترین اندازه برای تصویر دسته‌بندی چقدره؟

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

جمع‌بندی

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

نظر شما در این مورد چیه؟

  1. U7097۵ مرداد ۱۳۹۸

    درود. وقتی از ووکامرس فایلها رو آپلود می کنم،
    درون هاست میره داخل پوشه آپلود ووکامرس و تا اینجا مشکلی نیست.
    اما در پیشخوان، در محیط پرونده های چندرسانه ای در کنار سایر فایلهای تصویری دیده میشه.
    چه راهی وجود داره،
    که در محیط پیشخوان(محیط پرونده های چندرسانه ای)،
    بتونم فایلهای دیگر (مثلا zip.pdf) رو در یک پوشه جدا قرار بدم که قاطی دیده نشه.
    با سپاس

    • تیم پشتیبانیتیم پشتیبانی۵ مرداد ۱۳۹۸

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

  2. کاربر مهمان۲۳ اردیبهشت ۱۳۹۸

    سلام ، مقاله مربوط به اضافه کردن تصاویر در دسته بندی های وردپرس را مطالعه کردم سوالی که پیش می آید این است اون کد php در کدام صفحه
    و در کجا باید نوشته شود و آیا باید به این صورت نوشته شود :

    • رضا راد۲۳ اردیبهشت ۱۳۹۸

      در فایل functions.php باید اضافه کیند.

پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
تیم میهن وردپرس
پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
تیم میهن وردپرسآنلاین و پاسخگوی شما هستیم.آنلاین

در حال بارگذاری...

هر سوالی دارید بپرسید.پاسخگوی شما هستیم.