استفاده از تصویر شاخص در قالب وردپرس

آموزش وردپرس علی ولی زاده

تصاویر شاخص یا بند انگشتی : Thumbnails تصاویر کوچک و پرکاربردی هستند که این روزها در وب استفاده میشن تو این مطلب با تصاویر شاخص وردپرس بیشتر آشنا میشیم

تصویر شاخص چیست ؟

تصویر شاخص در وردپرس به تصویری میگن که برای یک نوشته یا محتوا قرار میدین ، مثل عنوان یا مشخصه یک محصول منحصر به فرده ، در سیستم های مدیریت محتوا معمولا اندازه ۱۵۰×۱۵۰ رو برای تصویر شاخص استاندارد انتخاب میکنند ، شما میتونید در صورت نیاز اندازه های دیگه ای رو هم برای استفاده در قالبتون تنظیم کنید

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

  1. تصویر با اندازه اصلی
  2. تصویر بند انگشتی با اندازه ۱۵۰×۱۵۰
  3. تصویر با اندازه متوسط
  4. تصویر با اندازه بزرگ

اگر در قالب شما اندازه ی دیگری برای برش تصویر تعریف نشده باشد به شرح بالا تصاویر برش میخورن

تغییر سایز پیش فرض تصویر شاخص

برای تغییر اندازه تصاویر از قسمت تنظیمات وردپرس و بخش رسانه میتونید اندازه های پیش فرض رو مدیریت کنید :

تنظیمات رسانه اندازه تصویر شاخص

خب با توجه به تصویر بالا اندازه بندانگشتی بصورت پیش فرض ۱۵۰×۱۵۰ هست ، اندازه متوسط رو من ۰ قرار دادم که ابعد متوسط برش نخوره ، و اندازه بزرگ هم ۱۰۲۴ که میتونید به دلخواه تنظیم کنید یا با ۰ کردن غیر فعالش کنید

تنظیم تصویر شاخص برای مطلب

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

تصور شاخص در ویرایشگر بلوک
تصویر شاخص در ویرایشگر کلاسیک

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

فعال کردن تصویر شاخص در قالب

خب حالا شاید بپرسید من چطوری باید تصویر شاخص رو فعال کنم ؟
کاری نداره فقط کافیه کد زیر رو به Function قالبت اضافه کنی :

 add_theme_support('post-thumbnails');

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

<?php the_post_thumbnail('medium');?>

خب ما اینجا اندازه Medium رو فراخونی کردیم که خودمون تعریفش کردیم در تنظیمات ، اما اگر بخوایم اندازه های خاص داشته باشیم چی ؟ کاری نداره باید توی function اندازه برش جدید تعریف کنیم اینطوری :

  add_image_size('mini', 80, 80,true);
  add_image_size('music', 170, 120,true);
  add_image_size('post', 720, 480,true);

کد بالا داره به ما میگه ما ۳ تا سایز برش به وردپرس دادیم ، اولی اسمش mini هست و اندازه ۸۰×۸۰ دومی music و سومی post ، برای اضافه کردن اندازه برش باید ۴ تا پارامتر رو رعایت کنیم ،

  1. نام تصویر برای فراخوانی که مثلا تو مورد اول mini گذاشتیم
  2. اندازه برش شامل دو عدد عرض و ارتفاع میشه
  3. قابلیت crop که میتونه true یا false باشه

! قابلیت crop وقتی true باشه به ما تصاویر با برش بهتری میده و اگر اندازه تصویر کوچکتر از اندازه ما باشه به نسبت ارتفاع و عرض یک برش منطقی میزنه برامون

فراخوانی تصویر شاخص در قالب

خب حالا برای نمونه من عکس برش خورده با نام mini رو اگر فراخونی کنم به من تصویری میده در خروجی با اندازه ۸۰×۸۰ ، فراخوانی به شکل زیر :

<?php the_post_thumbnail('mini') ?>

دوستان عزیز امیدوارم این مطلب به کارتون اومده باشه ، مثل همیشه اگر نظر یا سوالی داشتید حتما در بخش دیدگاه ها مطرح کنید 🙂


صفحه اینستاگرام مطالب ایران وردپرس رو از دست ندید ! کانال تلگرام
هنوز برای کسب‌و‌کارت سایت نداری ؟ همین الان شروع کن سفارش طراحی سایت
دیدگاه ها
  1. نریمان گفت:

    مرسی ممنون از آموزش خوبتون

نظر شما چیه؟