no-img
دس پرو | طراحی وب سایت و برنامه نویسی

افزودن تصویر شاخص به وردپرس | دس پرو | طراحی وب سایت و برنامه نویسی


دس پرو | طراحی وب سایت و برنامه نویسی
مطالب ویژه
ads
گزارش خرابی لینک
اطلاعات را وارد کنید .

ادامه مطلب

TXT
افزودن تصویر شاخص به وردپرس
txt
شهریور ۱۴, ۱۳۹۷

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


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

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

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

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

تصویر شاخص (Featured Image) به عنوان تصویر بند انگشتی قبل از جملات یک مقاله یا نوشته است . در وردپرس ورژن ۲٫۹ این قابلیت به اسم تصویر بندانگشتی نوشته معرفی شد و بعدا در ورژن ۳ به عنوان تصویر شاخص (Featured Image) شناخته شد .

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

تابع وردپرسی به نام add_theme_support() به شما اجازه افزودن قابلیت تصویر شاخص به قالب فعلی وردپرس شما را می دهد . برای فعال کردن قابلیت تصویر شاخص ، کد زیر را به فایل functions.php قالب خود اضافه کنید .

افزودن نوشته جدید با تصویر شاخص

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

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

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

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

دو تابع برای نمایش تصویر شاخص در نوشته های وردپرس وجود دارد .

  • The_post_thumbnail() – تصویر شاخص پست جاری را نمایش میدهد .
  • get_the_post_thumbnail() – یک رشته شامل کد های html همراه با تصویر شاخص را برگشت می دهد .

توابع بالا دو پارامتر اختیاری را دریافت می کنند ، اندازه عکس و مقدار مشخصه tag

قبل از فراخوانی توابع بالا برای اطمینان از اینکه نوشته تصویر شاخص دارد یا نه ، از تابع وردپرس has_post_thumbnail() استفاده کنید

موفق و پیروز باشید .

 



موضوعات :
آموزش , وردپرس

دیدگاه ها


دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *