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

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

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

چگونه تصویر شاخص را در وردپرس فعال کنیم؟

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

تصویر شاخص

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

  • امکان اضافه کردن آن به قالب وردپرس
  • ویرایش ساده و آسان توسط کاربری که از کدنویسی چیزی نمیداند
  • بارگذاری سریع تر تصاویر به دلیل لود شدن آن ها در ابعاد واقعی
  • منظم شدن و کمتر شدن کد ها در هر مقاله
  • نتیجه بهتر در سئو و بهینه سازی سایت
  • مدیریت و یکپارچه سازی تصاویر در قالب استاندارد وردپرس

 

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

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

قبل از آن حتما از این فایل مهم فایل پشتیبان تهیه کنید تا باعث مشکل نشوید:

ساخت تصویر شاخص با ابعاد دلخواه

وردپرس به صورت پیش فرض تصاویر را در ۵ سایز متفاوت می سازد که به صورت زیر هستند:

  • (thumbnail) به ابعاد ۵۰ در ۵۰ پیکسل
  • (medium) به ابعاد ۳۰۰ در ۳۰۰ پیکسل
  • (medium_large) به ابعاد ۷۶۸ در ۰ پیکسل
  • (large) به ابعاد ۱۰۲۴ در ۱۰۲۴ پیکسل
  • (full) سایز اصلی تصویر می باشد

برای ساخت ابعاد دلخواه تنها می بایست aray(200*200) را به تابع functions.php اضافه کنید که به صورت زیر می باشد.

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

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

در تابع add_image_size پارامتر اول نام تصویر شاخص است پارامتر دوم و سوم ابعاد تصویر دلخواه است که در مثال بالا ۱۵۰ در ۱۵۰ در نظر گرفتیم.

پارامتر چهارم برش تصویر است که اگر true گذاشته شود تصویر را برش می دهد و ممکن است بعضی از قسمت های تصویر را حذف کند.

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

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

برای انجام این کار از قطعه کد زیر استفاده می کنیم:

کد بالا کامل ترین کد نمایش تصویر شاخص است که ویژگی های alt و title هم به تصویر اضافه می کند که باعث بالا بردن سئو قالب وردپرس می شود.

همچنین در صورتی که تصویر شاخصی توسط کاربر انتخاب نشده باشد فایلی با نام default.jpg را که در پوشه img قالب سایت وجود دارد را نشان می دهد.


اشتراگ گذاری در:
اگه خوبه لایکش کن




دیدگاه بگذارید

avatar
  Subscribe  
Notify of