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

تصاویر بندانگشتی در وردپرس

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

 rubiks_cube_mockup5

thumbnail ها در وردپرس

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

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

 

تصاویر بندانگشتی یا thumbnail چیست ؟

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

 

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

جهت فعالسازی تصاویر بندانگشتی کد زیر رو در فایل functions.php وارد کنید ، دقت داشته باشید که در تگ php قرار بگیره :

 

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

شما میتونید برای هر قسمت از قالب برای تصویر شاخصتون اندازه ی دلخواهی رو تعیین کنید . برای اینکار در فایل functions.php به شکل زیر یک نام و اندازه برای تصویر بندانگشتی تعریف میکنید .

 

Sample-thumb نام تصویر شاخص ، ۲۰۰ پیکسل عرض تصویر و ۱۵۰ پیکسل ارتفاع تصویر می باشد .

برای نسبت دادن این تنظیمات به تصاویر شاخص در قالب به شکل زیر عمل می کنید :

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

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

توابع thumbnails در وردپرس

 

در صورت نیاز با استفاده از این تابع میتونید id تصویر پیوست شده به مطلب رو بگیرید و در کوئری هاتون به کار ببرید .

پارامتر : خارج از حلقه ی نمایش محتوا دارد

کاربرد :

پارامتر id$ : آیدی یا شناسه ی مطلب (در صورتی که خارج از حلقه ی نمایش مطلب قرار بگیره)

در صورتی که در حلقه ی نمایش مطلب قرار بگیره نیازی به ورود id مطلب نیست .

 

 

با این تابع میتونید تصویر بندانگشتی مطلب رو بگیرید و نمایش بدید . فقط این تابع مقدار رو به شما برمیگردونه و شما برای نمایش باید مقدار رو با echo چاپ کنید .

پارامتر : میتونه داشته باشه .

جایگاه : درون حلقه ی نمایش محتوا

کاربرد :

 

 

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

این شرط رو بصورت زیر هم میتونید بنویسید :

 

 

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

پارامتر : میتونه داشته باشه

جایگاه : درون حلقه ی نمایش مطلب

کاربرد :

 

خوب دوستان فکر می کنم بطور کامل نکات مهم رو در رابطه با تصاویر شاخص (thumbnail) ها در وردپرس گفته باشم ، امیدوارم این مطلب مورد استفادتون قرار بگیره .

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

حسین همت یار

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

۱ دیدگاه

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

پنل کاربران

بستن
*
*

نظرسنجی

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

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

اموزش تصادفی

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

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

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

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