ثبت نام

امکان عضویت غیر فعال است

همه چیز در مورد تصویر شاخص وردپرس

all about thumbnail in wordpress
ب

همه چیز در مورد تصویرشاخص وردپرس

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

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

پس با ما همراه باشیم

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

خب برای فعال کردن  این ویژگی منحصر به فرد وردپرس ابتدا فایل functions.php رو از قسمت “نمایش>>ویرایشگر” در وردپرس باز کنید و کد زیر رو به آن اضافه کنید.

 

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

 

 

۲) فراخوانی تصویر شاخص در قالب وردپرس

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

 

اما یکسری کد خیلی مفید و صد البته بهتر برای استفاده در طراحی وب و قالب وردپرس

افزودن alt و title به همه تصاویر در وردپرس

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

نمایش تصویر شاخص خاص در صورتی که یک نوشته تصویر شاخص نداشته باشد

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

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

این سایز ها شامل :

افزودن لینک به همراه یک rel به تمامی تصاویر شاخص

برای این کار باید کد زیر را در فایل فانکشن قالب سایت خودتون قرار بدین.توجه داشته باشید که میزان rel را lightbox قرار دادیم که شما میتوانید تغییر بدید.

قرار دادن اندازه های مختلف تصویر شاخص

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

و سپس برای نمایش ان نیز به این شکل زیر عمل کنیم

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

برای این کار از چند روز میتونید استفاده کنید یکی این که از افزونه  Auto Post Thumbnail استفاده کنید و نصب کنید و تمام

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

در کد بالا اولین عکس فراخوانی شده و اگر شما عکسی در پست خود نداشته باشید با قرار دادن عکسی def.jpg در شاخه images می توانید عکس پیش فرض را تعریف کنید.

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

بهترین کد نمایش تصویر شاخص

بهترین کد استاندارد هست از نظر بده کد زیر است.

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

 

نکته : سایر ها را نیز همانطور که در بالا توضیح داده شد میتوانید تغییر دهید.

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

منبع : پاتوق وردپرس

به این پست امتیاز دهید.
همه چیز در مورد تصویر شاخص وردپرس
4.75 از 4 رای

ارسال دیدگاه

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