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

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

دسته بندی موضوعات
سفارش تبلیغات

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

WORDPRESS

 

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

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

Thumbnail در وردپرس

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

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

thumbnail-in-wordpress

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

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

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

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

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

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

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

 

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

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

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

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

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

<<

>>

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



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

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

  • امیر

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

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

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

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

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟