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

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

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

تصویر شاخص در وردپرس تصویر بند انگشتی Thumbnails - سایت آموزی

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

در سئوی سایت شما نیز تاثیر منفی و آسیب زیادی به بار می آورد.

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

تصاویر شاخص در انتقال مفهوم نوشته‏ ها بسیار تاثیرگذار هستند.

با انتخاب یک تصویر مناسب میتوانید به کاربر بگویید که در نوشته شما چه چیزهایی گنجانده شده است.

تصاویر شاخص یا پست های عکس دار یکی از ویژگی های هر پوسته ای هستند.

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

اضافه کردن تصاویر شاخص یا thumbnail در وردپرس

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

با انجام اینکار وردپرس آپلود رسانه را باز خواهد کرد.

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

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

تصویر انتخابی شما مانند تصویر زیر در متاباکس تصاویر شاخص نمایان می شود:

تصویر شاخص در وردپرس تصویر بند انگشتی Thumbnails - سایت آموزی

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

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

[html]<?php add_theme_support( ‘post-thumbnails’ ); ?>[/html]

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

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

برای نمایش تصاویر شاخص در مکان مورد نظر، شما به ویرایش قالب خود و اضافه کردن خط کد زیر در جایی که می خواهید تصاویر شاخص نمایش داده شود ، نیاز دارید.

[html]<?php the_post_thumbnail(); ?>[/html]

فایل هایی که کد فوق را به آن اضافه می کنید بر اساس طراحی پوسته شما متفاوت است.

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

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

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

برای تنظیم اندازه تصویر برای تصاویر شاخص که آپلود می کنید، شما باید این خط کد را به فایل functions.php اضافه کنید.

[html]<?php set_post_thumbnail_size(50 , 50); ?>[/html]

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

همچنین شما می توانید اندازه تصویر را با تابع ()add_image_size تغییر دهید.

مثلا:

[html]// Image size for single posts
add_image_size( ‘single-post-thumbnail’, 590, 180 );[/html]

در کد بالا ما یک اندازه جدید تصویر به نام single-post-thumbnail با عرض ۵۹۰ پیکسل و ارتفاع ۱۸۰ پیکسل اضافه کرده ایم.

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

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

تصویر شاخص در وردپرس تصویر بند انگشتی Thumbnails – اختصاصی سایت آموزی