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

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

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

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

خیلی سریع بریم سر اصل مطلب ،

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

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

<?php the_post_thumbnail(); ?>

کد نمایش تصویر شاخص وردپرس را کجا قرار دهیم ؟

شما می بایست تکه کدی که در بالا ذکر شد را در لا به لای کد های single.php قرار دهید. single.php را می توانید در فایل های قالب سایت خود بیابید.

.

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

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

می توانید با افزودن کد زیر به فایل functions.php قالب ، آن را فراخوانی نمایید.

<?php add_theme_support('post-thumbnails'); ?>

.

.

شرح کامل همراه با جزئیات بیشتر :

.

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

خلاصه مطالب مقاله تصویر شاخص وردپرسی :

  • افزودن امکان نمایش تصویر شاخص به قالب
  • قرار دادن تصویری بعنوان تصویر شاخص
  • نمایش تصویر شاخص داخل نوشته
  • تعیین اندازه تصویر شاخص
  • تصویر شاخص با اندازه‏ای خاص

 

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

تصاویر شاخص میتونن به اندازه های مختلف باشن، مثلا در ابعاد ۷۰۰ در ۲۰۰ پیکسل در اسلایدشو‏ها در بالای سایت نمایش داده بشن؛

اندازه ۳۰۰ در ۲۰۰ پیکسل در اول نوشته‏ها نمایش داده بشن، یا ۹۰ در ۹۰ پیکسل در بخش مطالب مرتبط،

اما در هر اندازه و ابعادی و در هر کجای سایت که باشن باعث افزایش بازدید و علاقه کاربران به نوشته شما میشن و زیبایی مطالب شما رو دو چندان میکنن.

.

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

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

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

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

توضیح : برای اینکار باید از ویرایشگر قالب؛ داخل مدیریت وردپرس از منوی نمایش > ویرایشگر استفاده کنید
از لیست سمت چپ پنجره ویرایش فایل  functions.php رو انتخاب کنید تا در محیط ویرایشی باز بشه

.

 

کد زیر رو ( برای افزودن قابلیت تصویر شاخص به قالب ) در آخر فایل فانکشن قالب کپی کنید.

.

add_theme_support( 'post-thumbnails' );

.

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

– همیشه! ابتدا از فایل اصلی قبل از تغییر دادن یه کپی بگیرید که اگر چیزی اتفاقا پاک شد یا بهم ریخت یه نسخه ازش داشته باشید (خیلی مهمه)

– اگر فایل فانکشنتون به هر طریقی دچار مشکلی بشه و کدی رو اشتباه وارد کنید، حتی اگه شده یه نقطه یا ویرگول، احتمال داره سایتتون اصلا بالا نیاد و فقط یه صفحه سفید رو مشاهده کنید؛

در خیلی از موارد حتی بخش مدیریت هم بالا نمی یاد،

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

– اگر  فایل functions.php داخل قالبتون نبود باید بصورت دستی یکی ایجاد کنید، ایجاد کردنش هم کاری نداره، یه فایل خالی ایجاد میکنید و طبق نوشته بالا کد رو داخلش قرار میدید.

– یادتون نره کد هایی که وارد میکنید باید حتما قبل از بسته شدن تگ php باشه نه بعدش

قرار دادن تصویری بعنوان تصویر شاخص : 

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

.

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

.

خب تا اینجا ما فقط “افزودن تصویر شاخص” رو تونستیم به محیط وردپرسمون اضافه کنیم
برای اضافه کردن یک تصویر شاخص به نوشته باید روی لینک ” قرار دادن به عنوان تصویر شاخص” کلیک کنیم
و تصویر مورد نظر رو بعد از آپلود به عنوان تصویر شاخص معرفی کنید

.

نمایش تصویر شاخص وردپرس داخل نوشته :

حالا برای نمایش تصویر داخل نوشته یا هر جای دیگه باید فایل مخصوص اون بخش رو ویرایش کنیم

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

<?php the_post_thumbnail(); ?>;

نکته : اگه زیاد از حلقه و این چیزها سر در نمی یارید کد نمایش تصویر شاخص رو  بالا یا پایین کد عنوان نوشته قرار بدید، عنوان نوشته ها معمولا با این کد نمایش داده میشن :

<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

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

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

برای این کار کد زیر رو به  functions.php اضافه کنید

add_image_size( 'single-post-thumbnail', 220, 170 );
add_image_size( 'slider', 700, 310 );

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

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

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

برای این کار کد زیر رو در فایل functions.php کپی کنید

add_image_size( 'single-post-thumbnail', 220, 170, true  );

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

<?php the_post_thumbnail('single-post-thumbnail'); ?>

مقاله فوق در گروه داده پردازان مدرن گرد آوری و ویرایش شده است ،

منابع کمک گرفته جهت این مقاله :

سررسید

wpbeginner.com

2 پاسخ

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

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

      را درون فایل single.php پیدا کرده و حذف نمایید
      اما اکیدا شما رو از این کار نهی می کنیم چرا که هم بر روی میانبر های آن پست در سایر قسمت های سایت مشکل ایجاد میشه و هم بر روی سئو امتیاز منفی داره

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

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