در این پست می خوام آموزش نحوه ی قرار دادن اولین تصویر به عنوان تصویر شاخص رو بگم یعنی اگر شما برای پست تصویر شاهص انتخاب نکرده باشید و در داخل پست چن تا تصویر استفاده کرده باشید اولین تصویر موجود در پست به عنوان تصویر شاخص شناخته بشه , واقعا بعضی وقت ها این مورد لازم میشه.
خوب برای اینکه بتونید این امکان رو به سایت وردپرس خودتون اضافه کنید ابتدا کد زیر رو در فایل 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/
ممنون
دوست عزیز کدنویسی راحتی نداره
باید بدین یه نفر براتون بنویسه
با سلام و احترام ،
مرسی از مطلب خوبتون ، سوال داشتم ؟
اگر بخوام در یک مطلب یک مقاله چندین تصویر قرار بدم . بعدش اون تصاویر از اون مقاله رو در اسلاید بار صفحات دیگه نشون بدم. به عنوان مثال
سه عدد تصویر برای یک مقاله دارم و قصد دارم اون سه عدد تصویر به صورت جداگانه در جای دیگه فراخوانی کنم مثل
سایت های فروشگاهی به همین سبک ، باید از چه کدی استفاده کنم .
اگه میشه راهنمایی کنید. با تشکر
تصویر رو جای دیگه آپلود کنید این سایت باز نشد آنتی ویروس بهش گیر میده
سلام
من یه سوال داشتم
اینکه چرا وقتی میخوام نوشته هارا اضافه یا ویرایش کنم گزینه های: ویرایش-ویرایش سریع زباله دان ونمایش به صورت زیر هم نمایش داده میشه مانند عکس زیر:
up.ashiyane.org/images/zpvaoacxm0ahuggza2.png
من میخوام از کد بار گذاری شه چون هاستم پر میشه چی کنم؟
منظور از حلقه چیه والا من قالبم 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=””>خیر
اموزشی در رابطه با قرار دادن تصویر شاخص به عنوان پس زمینه ندارید؟
سلام reza جان
این آموزش اولین تصویری که در بین پست استفاده شده را به عنوان تصویر شاخص نشون خواهد داد.
با سلام
این آموزش همان قرار دادن تصویر شاخص به عنوان پس زمینه است؟
سلام
چند بار امتحان کنید شاید کد رو اشتباهی حذف کردید , و کد رو به طور دقیق در محل تصویر شاخص قرار بدید.
سلام هادی جان یه دنیا شرمنده خیلی خیلی مزاحمت شدم کد مربوط به تصویر شاخص رو حذف کردم و دیگه تو سایتم بعضی پستهایی که تصویر شاخص داشتن تصاویرشون حذف شد اما بعد کد مرحله دوم را جایگزین کردم و ثبتش کردم تمام پستهایم محلی که عکس شاخص بود به جای عکس لینک اولین عکس داخل پستم را گذاشت بدین صورت golestanmet.ir/uploads/image/1_masomeh01.jpgولی تصویر را نمایش نمیده بالای همه پستها لینک اولین تصویر هست
سلام امیر محسن عزیز
کد بخش مورد نظر رو که پیدا کردی یه بار کلا اون کد که باعث نمایش تصویر شاص میشه رو حذف کن و فایل رو ذخیره به طوری که مطمئن بشی دیگه تصویر شاخص نمایش داده نمیشه و کد رو درست حذف کردی , بعدش کد جدید رو جایگزینش کن.
نظر لطف شماست
کد خط اول ثبت نشد کد زیراست:
php if(has_post_thumbnail
سلام هادی جان مرسی از راهنماییت thumbnailتونستم پیدا کنم که دو بار در فایل content تکرار شده بود که خط اول در کد زیر بود و خط دوم همین کد ?>”><?php the_post_thumbnail بدین شکل بود حالا باید کد مرحله دوم را بین این دو کد قرار دهم؟یا اینکه این کدها را پاک کنم وکد مرحله دوم را جایگزین کنم؟امیدوارم کدها در کامنت ثبت بشه و شرمنده که خیلی خیلی مزاحمت میشوم و بی نهایت سپاس از کمک ها و راهنمایی های خوبت که یک مبتدی هم در بیگ تم میتونه مشکلاتش و حل کنه حرف نداری
سلام
[pre] و [/pre] مگه تو مرحله اول اومده , اصلا داخل ست نداریم البته در دیدگاه اول این پست هست که اون یه چیز دیگست.
تابع نمایش تصویر شاخص دارای کلمه ای به نام thumbnail هست قبلا گفتم متاسفانه نمیشه تو قسمت دیدگاهها کد قرار داد چن وقته فرصت نکردم درستش کنم.
thumbnail رو جست و جو کنید و کد مروبط به نمایش تصویر شاخص رو پیدا کنید و کد مرحله ی دوم را جایگزین کنید.
سلام هادی جان بالاخره تونستم مرحله اول رو بعد از چند بار ارور دادن و اصلاح فایلFunctions در هاست بالاخره این کد را دقیقا از 1تا 13 را بعد از حلقه ای به نام Excerpt More قرار دادم که بالاخره ویرایش به خوبی انجام شد و اروری نداد راستی [pre] و [/pre] رو بایستی اول و آخر کد مرحله اول اضافه میکردم یا خیر؟من همون کدهای خط 1تا 13 را فقط گذاشتم.
اما در مرحله دوم حلقه پست ها را پیدا نکردم هر دو تا فایلی که گفتی رو قالبم داره اما فایلindex کدهاش کمه وای فایلcontent کدهاش بیشتر است اما این حلقه پست ها رو نتونستم پیدا کنم اسمش چیه باید کجا اون کد مرحله دوم رو بزارم؟
هادی جان شرمنده همیشه مزاحمت هستم یه دنیا هم سپاس از اینکه راهنماییم میکنی هر وقت اومدم سایتت دست خالی برنگشتم و مشکلم حل شد
یه خورده باهاش کار کنید و در جاهای مختلف از کد استفاده کنید متوجه می شید.
مرسی از راهنماییت هادی جان ما که مبتدی بودیم نتونستیم
موفق باشی و پیروز
سلام
منظور از جای مناسب جای خاصی نست , و فقط نکته ای برای اینه که کدها رو داخل حلقه ی دیگه ای قرار ندید مثلا یه کد کارش نمایش امار هست شما بیاید وسط کدها این کد رو قررا بدید. حالا در هر قالبی فایل Functions.php متفاوته و نمیشه دقیقا گفت کجا.
کدی که گفته شده در فایل functions قرار بدید رو بعد از
سلام هادی جان مرسی از آموزش خوبت
دو تا کد در دو مرحله معرفی کردی حال این جای مناسب کجاست؟باید این کدها را در فایلهای مربوطه کجای آن فایل قرار بدم میشه راهنماییم کنی
دیدگاه آزمایشی برای نمایش کد
[pre]
php echo catch_that_image()
[/pre]