نحوه قرار دادن اولین تصویر به عنوان تصویر شاخص

نحوه قرار دادن اولین تصویر به عنوان تصویر شاخص

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

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

نحوه قرار دادن اولین تصویر به عنوان تصویر شاخص

مرحله ی اول

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image
$first_img = "/images/thumb.jpg";
}
return $first_img;
}

اگر توجه کنید داخل کد آدرس یک تصویر هم وجود داره که نام تصویر thumb.jpg هستش , شما می تونید داخل پوشه ی قالب پوشه ای به نام iamges داشته باشید که اغلب این پوشه داخل هر قالبی وجود داره , حال می تونید یک تصویر دلخواه به نام thumb.jpg داخل پوشه ی images قرار بدید تا در صورت عدم وجود تصویر یعنی نه برای پست تصویر شاخص انتخاب کردید نه داخل پست تصویری استفاده کردید در این صورت این تصویر به عنوان تصویر شاخص پیش فرض شناخته میشه.

مرحله ی دوم

خوب ما به وردپرس کد مورد نیاز رو معرفی کردیم حالا باید داخل پست ها تابع مربوط به تصویر شاخص رو فراخونی کنیم ( اگر قالب وردپرس شما از تصاویر شاخص پشتیبانی می کنه ) اما به این صورت نیست که اواین تصویر رو به عنوان تصویر شاخص قرار بده می تویند کد مربوطه قبلی رو حذف کنید , در وردپرس برای نمایش پست ها در بخش های مختلف از حلقه ها و کوئری ها استفاده شده که باید اون کدها رو پیدا کنید مثلا برای نوشته های سایت ممکن قالب وردپرس شما دارای فایلی به نام content.php باشه که حلقه پست داخل این فایل نوشته شده باشه یا index.php که باید ائن کد رو پیدا کنید اطلاعات بیشتر درباره ی فایل های قالب وردپرس رو در پست  آموزش ویرایش قالب وردپرس می تونید مطالعه کنید.

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

<?php echo catch_that_image() ?>

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

منبع: بیگ تم

لینک: https://bigtheme.ir/the-first-image-as-thumbnail/

یک نظر

  1. benyamin

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

    اگه میشه راهنمایی کنید. با تشکر

  2. محمد

    سلام
    من یه سوال داشتم
    اینکه چرا وقتی میخوام نوشته هارا اضافه یا ویرایش کنم گزینه های: ویرایش-ویرایش سریع زباله دان ونمایش به صورت زیر هم نمایش داده میشه مانند عکس زیر:
    up.ashiyane.org/images/zpvaoacxm0ahuggza2.png

  3. ebi

    منظور از حلقه چیه والا من قالبم content داره من انی کد رو گجاش بگذارم اینم کدش

    <article id="post-” >
    <a href="” title=””>
    <img src="/img/thumb-medium.png” alt=”” />
    <?php if ( has_post_format('video') && !is_sticky() ) echo'‘; ?>
    <?php if ( has_post_format('audio') && !is_sticky() ) echo'‘; ?>
    <?php if ( is_sticky() ) echo'‘; ?>
    <a class="post-comments" href="”>
    <a href="” rel=”bookmark” title=””>
    
  4. هادی قربانی

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

  5. هادی قربانی

    سلام
    چند بار امتحان کنید شاید کد رو اشتباهی حذف کردید , و کد رو به طور دقیق در محل تصویر شاخص قرار بدید.

  6. امیرمحسن

    سلام هادی جان یه دنیا شرمنده خیلی خیلی مزاحمت شدم کد مربوط به تصویر شاخص رو حذف کردم و دیگه تو سایتم بعضی پستهایی که تصویر شاخص داشتن تصاویرشون حذف شد اما بعد کد مرحله دوم را جایگزین کردم و ثبتش کردم تمام پستهایم محلی که عکس شاخص بود به جای عکس لینک اولین عکس داخل پستم را گذاشت بدین صورت golestanmet.ir/uploads/image/1_masomeh01.jpgولی تصویر را نمایش نمیده بالای همه پستها لینک اولین تصویر هست

  7. هادی قربانی

    سلام امیر محسن عزیز
    کد بخش مورد نظر رو که پیدا کردی یه بار کلا اون کد که باعث نمایش تصویر شاص میشه رو حذف کن و فایل رو ذخیره به طوری که مطمئن بشی دیگه تصویر شاخص نمایش داده نمیشه و کد رو درست حذف کردی , بعدش کد جدید رو جایگزینش کن.
    نظر لطف شماست

  8. امیرمحسن

    سلام هادی جان مرسی از راهنماییت thumbnailتونستم پیدا کنم که دو بار در فایل content تکرار شده بود که خط اول در کد زیر بود و خط دوم همین کد ?>”><?php the_post_thumbnail بدین شکل بود حالا باید کد مرحله دوم را بین این دو کد قرار دهم؟یا اینکه این کدها را پاک کنم وکد مرحله دوم را جایگزین کنم؟امیدوارم کدها در کامنت ثبت بشه و شرمنده که خیلی خیلی مزاحمت میشوم و بی نهایت سپاس از کمک ها و راهنمایی های خوبت که یک مبتدی هم در بیگ تم میتونه مشکلاتش و حل کنه حرف نداری

  9. هادی قربانی

    سلام
    [pre] و [/pre] مگه تو مرحله اول اومده , اصلا داخل ست نداریم البته در دیدگاه اول این پست هست که اون یه چیز دیگست.
    تابع نمایش تصویر شاخص دارای کلمه ای به نام thumbnail هست قبلا گفتم متاسفانه نمیشه تو قسمت دیدگاهها کد قرار داد چن وقته فرصت نکردم درستش کنم.
    thumbnail رو جست و جو کنید و کد مروبط به نمایش تصویر شاخص رو پیدا کنید و کد مرحله ی دوم را جایگزین کنید.

  10. امیرمحسن

    سلام هادی جان بالاخره تونستم مرحله اول رو بعد از چند بار ارور دادن و اصلاح فایلFunctions در هاست بالاخره این کد را دقیقا از 1تا 13 را بعد از حلقه ای به نام Excerpt More قرار دادم که بالاخره ویرایش به خوبی انجام شد و اروری نداد راستی [pre] و [/pre] رو بایستی اول و آخر کد مرحله اول اضافه میکردم یا خیر؟من همون کدهای خط 1تا 13 را فقط گذاشتم.

    اما در مرحله دوم حلقه پست ها را پیدا نکردم هر دو تا فایلی که گفتی رو قالبم داره اما فایلindex کدهاش کمه وای فایلcontent کدهاش بیشتر است اما این حلقه پست ها رو نتونستم پیدا کنم اسمش چیه باید کجا اون کد مرحله دوم رو بزارم؟

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

  11. هادی قربانی

    سلام
    منظور از جای مناسب جای خاصی نست , و فقط نکته ای برای اینه که کدها رو داخل حلقه ی دیگه ای قرار ندید مثلا یه کد کارش نمایش امار هست شما بیاید وسط کدها این کد رو قررا بدید. حالا در هر قالبی فایل Functions.php متفاوته و نمیشه دقیقا گفت کجا.
    کدی که گفته شده در فایل functions قرار بدید رو بعد از

  12. امیرمحسن

    سلام هادی جان مرسی از آموزش خوبت
    دو تا کد در دو مرحله معرفی کردی حال این جای مناسب کجاست؟باید این کدها را در فایلهای مربوطه کجای آن فایل قرار بدم میشه راهنماییم کنی

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

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