تصویر شاخص در وردپرس
تصویر شاخص در وردپرس تصویر بند انگشتی Thumbnails
در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی در مورد تصویر بند انگشتی وردپرس توضیح می دهیم. نداشتن تصاویر شاخص علاوه بر اینکه ظاهر وب سایت وردپرس را خراب می کند. در سئوی سایت نیز تاثیر منفی و آسیب زیادی به بار می آورد.
شما به راحتی با استفاده از تصاویر شاخص مناسب در سایت خود می توانید از رقیبان خود جلوتر باشید. تصاویر شاخص در انتقال مفهوم نوشته ها بسیار تاثیرگذار هستند.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
با انتخاب یک تصویر مناسب میتوانید به کاربر بگویید که در نوشته شما چه چیزهایی گنجانده شده است. تصاویر شاخص یا پست های عکس دار یکی از ویژگی های هر پوسته ای هستند. اکثر پوسته ها به طور پیش فرض تصاویر شاخص را پشتیبانی می کنند.
اضافه کردن تصاویر شاخص یا thumbnail در وردپرس
برای اضافه کردن تصاویر شاخص در پست وردپرس ، به سادگی بر روی لینک قرار دادن به عنوان تصاویر شاخص در داخل جعبه متا تصاویر شاخص که در تصویر بالا نشان داده شده است کلیک کنید. با انجام اینکار وردپرس آپلود رسانه را باز خواهد کرد.
شما می توانید در این صفجه برای بارگزاری یک تصویر از رایانه خود یا استفاده از یک تصویر موجود از کتابخانه رسانه خود استفاده کنید. هنگامی که تصویر را انتخاب کردید،بر روی دکمه استفاده به عنوان تصویر شاخص وردپرس کلیک کنید. تصویر انتخابی شما مانند تصویر زیر در متاباکس تصاویر شاخص نمایان می شود:
پشتیبانی از تصاویر شاخص در پوسته وردپرس
برای اضافه کردن پشتیبانی تصاویر شاخص در پوسته وردپرس ، باید کد زیر را در فایل functions.php پوسته خود اضافه کنید:
<?php add_theme_support( 'post-thumbnails' ); ?>
این کد پشتیبانی از تصویر شاخص وردپرس برای ویرایشگر متن نوشته ها و برگه ها را فعال خواهد کرد.
نمایش تصویر شاخص وردپرس در مکان مورد نظر
برای نمایش تصاویر شاخص در مکان مورد نظر، شما به ویرایش قالب خود و اضافه کردن خط کد زیر در جایی که می خواهید تصاویر شاخص نمایش داده شود ، نیاز دارید.
<?php the_post_thumbnail(); ?>
فایل هایی که کد فوق را به آن اضافه می کنید بر اساس طراحی پوسته شما متفاوت است. شما می خواهید کد را داخل حلقه پست خود اضافه کنید.
تنظیم اندازه تصویر برای تصویر شاخص در وردپرس
کد فوق که شما نیاز به اضافه کردن پشتیبانی از تصویر برجسته و نمایش تصاویر برجسته در موضوع خود دارید. برای تنظیم اندازه تصویر برای تصاویر شاخص که آپلود می کنید، شما باید این خط کد را به فایل functions.php اضافه کنید.
<?php set_post_thumbnail_size(50 , 50); ?>
پارامترهای تگ set_post_thumbnail_size در این کد عرض و ارتفاع هستند. و می تواند به دلخواه برای تصویر شاخص قالب شما تعیین گردد. همچنین شما می توانید اندازه تصویر را با تابع ()add_image_size تغییر دهید.
مثلا:
// Image size for single posts
add_image_size( 'single-post-thumbnail', 590, 180 );
در کد بالا ما یک اندازه جدید تصویر به نام single-post-thumbnail با عرض ۵۹۰ پیکسل و ارتفاع ۱۸۰ پیکسل اضافه کرده ایم.
برای استفاده از این اندازه تصویر در پوسته وردپرس باید این کد را در فایل مورد نظر پوسته وردپرس اضافه کنید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
تصویر شاخص در وردپرس تصویر بند انگشتی Thumbnails – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی4 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
کد رو در فانکشن قرار میدم خطا میده. می خوام سایز شاخص پیش فرض قالب رو تغییر بدم. چیکار باید بکنم؟
سلام و درود بر شما دوست گرامی کد جدید و سالم قرار گرفت… این کد را در فایل functions.php قالب خود قرار دهید.
توجه داشته باشید که مقدار اول و دوم که در این کد 50 نوشته شده، به ترتیب به عنوان مقادیر عرض و ارتفاع هستند. که شما می توانید براساس عرض ارتفاع دلخواه خود برای تصویر شاخص قالبتان تغییر دهید. و از عددی دلخواه استفاده نمایید. با تشکر…
سلام من خیلی وقته دارم کار میکنم رو سایتم خیلی کار ها کردم ولی نمیدونم تصویر های بند انگشتی رو سئو سایت تاثیر داره یا نه یا این که ربات های گوگل بیان ببینن تصویر بند انگشتی خاصیت ALT داره تاثیری داره یا نه اگر به این سوال جواب بدین چون بیشتر تصویر بند انگشتی بیشتر تو دسته بندی ها کاربرد داره و سئو دسته بندی خیلی مهم هستش.
سلام و درود بر شما.. قطعا حتی تصاویر بندانگشتی و هر فایل و متن و عکس و حتی کدهای وبسایت شما هم در سئو تاثیرگذار هستند و باید بهینه باشند و طبق نیاز کاربر و الگوریتم های گوگل رفتار کنید… در صورتی که می خواهید اطلاعات کاملی در زمینه سئو کسب کنید حتما در دوره سئوی محتوا به آدرس زیر ثبت نام کنید:
https://siteamoozi.com/product/دوره-آموزش-سئو-محتوا/