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

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

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

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 قرار گرفته باشد.

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=24558
کلمات کلیدی پست :
مطالب مرتبط
11,246دانلود نسخه نهایی قالب فارسی صحیفه Sahifa نسخه 5.5.3 تاریخ : 2016/03/31
7,736مخفی کردن تصویر شاخص با افزونه Hide Featured Image تاریخ : 2016/03/23
8,104افزونه وردپرس قرار دادن تصویر شاخص به صورت خودکار با Auto Post Thumbnail تاریخ : 2016/02/14
5,637نمایش جدید ترین مطالب همراه عکس در وردپرس تاریخ : 2017/12/2
9,402افزودن تصویر شاخص وردپرس از آدرس Post Thumbnail from URL تاریخ : 2017/03/8
8,782اضافه کردن تصویر شاخص در وردپرس تاریخ : 2016/02/14
3,000رفع مشکل تکرار شدن تصویر شاخص در پست وردپرس تاریخ : 2019/09/7
5,348افزونه تغییر و ویرایش تصاویر شاخص در وردپرس Quick Featured Images Pro تاریخ : 2019/12/7
3,404بهترین نوع فرمت تصاویر در صفحات وب را بشناسید! تاریخ : 2021/04/9
6,952نمایش تصویر شاخص مطالب در بخش مدیریت وردپرس تاریخ : 2016/10/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
سئو سایت
تبلیغات