آموزش طراحی وب

فعال کردن تصاویر بندانگشتی در وردپرس

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

WORDPRESS

 

فصل چهارم : هک ها و افزونه ها

جلسه سیزدهم : فعال کردن تصاویر بندانگشتی در وردپرس

Thumbnail در وردپرس

سلام خدمت همراهان همیشگی مدرسه مجازی ایرانیان

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

thumbnail-in-wordpress

برای این کار کافیه کد زیر رو در فایل functions.php قرار بدید :

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

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

این اسامی lessons-thumb  یا  films-thumb دلخواه هستند و میتونید تغییر بدید همچنین سایزهای وارد شده ۱۰۰ در ۱۰۰ یا ۲۱۰ در ۱۲۵ عرض و ارتفاع تصویر مارو مشخص می کنه که این رو هم میتونید تغییر بدید . برای استفاده از این کدها در قالب هم به شکل زیر از این قابلیت استفاده می کنید :

خیلی راحت بود نه؟

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

تصویر پیشفرض در کد بالا در پوشه ای بنام images در پوشه ی قالبتون هست و نام تصویر no-thumbnail.png هست . پس در نامگذاری و ذخیره سازی دقت کنید.

 

استفاده از افزونه ها

یه راه دیگه هم وجود داره ، اونم استفاده از افزونه Auto Post Thumbnail هست که توصیه نمیشه ، تا زمانی که شما میتونید بدون افزونه ها قابلیت های دلخواهتون رو پیاده سازی کنید ، از افزونه ها استفاده نکنید چون با بالا رفتن تعداد افزونه ها هم سرعت لود سایتتون زیاد میشه هم به سرورتون فشار وارد می کنه .

امیدوارم که این آموزش هم مورد استفادتون قرار بگیره .

موفق و پاینده باشید 🙂

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

  • سلام ممنون
    عالی بود
    سوالی داشتم
    کد زیر :
    add_image_size( ‘lessons-thumb’, 100, 100, true);

    برای crop کردن تصویر به سازی ۱۰۰*۱۰۰ است درسته ؟
    برای Resize کردن تصویر باید چیکار کرد ؟

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین