پوسته ووکامرس ثلث

پوسته ووکامرس ایرانی ثلث

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

مشاهده جزئیات بیشتر
پوسته ووکامرس ثلث

پوسته ووکامرس ایرانی ثلث

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

مشاهده جزئیات بیشتر
تعمیرگاه وردپرس

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

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

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

به اشتراک گذاری مطلب

با سلام خدمت کاربران عزیز حلقه وردپرس !

برای افزودن تصویر شاخص به پوسته شما نیاز دارید ابتدا چند خطی کد PHP به فایل فانکشن خود ( function.php ) اضافه کنید و بعد از آن تابع تصویر شاخص رو درون حلقه ی نوشته قرار بدهید ، با ما باشید تا بطور کامل متوجه بشید چطور می توانید تصویر شاخص رو به پوسته اضافه کنید و در صورت نداشتن تصویر شاخص در یک مطلب تصویر بصورت پیش فرض بیاید.

خب ابتدا کدهای زیر به فایل function.php اضافه کنید.

<?php
if (function_exists('add_theme_support')) {
add_theme_support( 'post-thumbnails' );
}
?>
خب شما به وردپرس با کدهای بالا فهماندید که از تصویر شاخص پشتیبانی کند.خط دوم کد بالا نیز باعث می شود از نسخه ۲٫۹ به پایین نیز تصویر شاخص پشتیبانی شود.

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

مانند مثال زیر ؛

while ( have_posts() ) : the_post();
<?php the_post_thumbnail(); ?>
<?php the_content(); ?>

خب حالا می توانید با کمی Css و Html به تصویر شاخص خود استایل بدهید و مکان مورد نظرتان را برای تصویر بندانگشتی انتخاب نمایید.

خب حالا به بخش بعدی آموزش بپردازیم یعنی در صورتی که تصویر شاخص را انتخاب نکنیم چه اتفاقی می افتد ؟!

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

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

<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
else {
echo '<img src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/no-thumbnail.png" />';
}
?>

و تمام !

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

امیدوارم آموزش مفید واقع شده باشد.

با تشکر

دیدگاه ها

5 پاسخ به “اضافه کردن تصویر شاخص به پوسته”

  1. آرش گفت:

    سلام داداش کد دوم و سومی که گذاشتی رو باید کجا بذارم دقیقا ؟
    اصلا متوجه نمیشم…

    • درود
      کد زیر را هرجایی میتونید بذارید فقط باید در داخل حلقه یا لوپ وردپرس باشد ؛
      < ?php the_post_thumbnail(); ?>
      این مرحله که توضیح دادم بعد از قرار دادن کد در فانکشن هست

  2. Muhammad گفت:

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

  3. نیلیترین گفت:

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

  4. سامان گفت:

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

    تو رو خدا جوابم رو بدید کلافه شدم

پاسخ دهید

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