تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

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

مقالات,آموزش,ترفند , وردپرس

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

 

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

 

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

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

 

در این روش وقتی اولین تصویری که در نوشته آپلود می‌کنید کش شده و به عنوان تصویر شاخص می‌توان از آن استفاده کرد. برای این منظور وارد ویرایشگر قالب خود شده و فایل فانکشن (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 [۱] [۰];
if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}

 

همان طور که در این قطعه کد مشاهده می‌کنید در صورتی که در نوشته شما تصویری وجود داشته باشد اولین تصویر به عنوان تصویر شاخص انتخاب خواهد شد و اگر تصویری در نوشته وجود نداشته باشد تصویری که با عنوان default در دایرکتوری images از قالب وردپرس قرار دارد را انتخاب خواهد کرد که بنا به انتخاب خود می‌توانید تصویر دلخواهی را با همین نام طراحی کرده و در پوشه images قالب خود قرار دهید. اگر هم چنین پوشه‌ای ندارید می‌توانید آن را ایجاد کنید.

 

حال برای اینکه تصویر شاخص در نوشته نمایش داده شود وارد ویرایشگر فایل single.php قالب خود شده و کد زیر را در مکان مناسبی از آن که می‌خواهید تصویر شاخص نمایش داده شود قرار گیرد.

 

<?php echo catch_that_image() ?>

 

دقت داشته باشید که این کد باید در داخل حلقه query قرار گرفته باشد.

موفق باشید

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
ثبت نام در بروکر فارکس با قابلیت واریز و برداشت به صورت ریالی کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=24558
کلمات کلیدی پست :
مطالب مرتبط
9,582دانلود نسخه نهایی قالب فارسی صحیفه Sahifa نسخه 5.5.3 تاریخ : 2016/03/31
2,116رفع مشکل تکرار شدن تصویر شاخص در پست وردپرس تاریخ : 2019/09/7
6,524افزونه وردپرس قرار دادن تصویر شاخص به صورت خودکار با Auto Post Thumbnail تاریخ : 2016/02/14
7,262اضافه کردن تصویر شاخص در وردپرس تاریخ : 2016/02/14
1,396بهترین نوع فرمت تصاویر در صفحات وب را بشناسید! تاریخ : 2021/04/9
5,772مخفی کردن تصویر شاخص با افزونه Hide Featured Image تاریخ : 2016/03/23
6,630افزودن تصویر شاخص وردپرس از آدرس Post Thumbnail from URL تاریخ : 2017/03/8
4,393نمایش جدید ترین مطالب همراه عکس در وردپرس تاریخ : 2017/12/2
3,580افزونه تغییر و ویرایش تصاویر شاخص در وردپرس Quick Featured Images Pro تاریخ : 2019/12/7
5,848نمایش تصویر شاخص مطالب در بخش مدیریت وردپرس تاریخ : 2016/10/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات