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

انتخاب خودکار نخستین تصویر به عنوان تصویر شاخص
سلام. امروز یک آموزش از وردپرس براتون آماده کردم. در این آموزش نحوه قرار دادن خودکار اولین تصویر پست به عنوان تصویر شاخص را آموزش میدم. با من همراه باشید.
برای این کار ابتدا باید کد زیر را در فایل functios.php قالب خود داخل تگ 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/default.gif";
	}
	return $first_img;
}

سپس در قالب خود برای فراخوانی تصویر به جای آدرس ( یعنی برای مقدار src ) از کد زیر استفاده کنید:

<?php echo catch_that_image() ?>

امیدوارم خوب توضیح داده باشم!

25 پاسخ به “انتخاب خودکار نخستین تصویر به عنوان تصویر شاخص”

  1. محمد رضا می‌گه:

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

  2. amir می‌گه:

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

  3. amir می‌گه:

    علی جون درست شد
    اون زحمتو نکش یه زحمت دیگه دارم برات :دی
    قالب قبلیتو میشه به صورت فری بدی :دی 😡

  4. ترانه امیدی می‌گه:

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

    من اینو زدم نشد

    <a class="taraneh-post" href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"> <img class="taraneh-img" src="<?php echo catch_that_image() ?>"  title="<?php the_title(); ?>"  alt="<?php the_title(); ?>">
    <h2><?php the_title(); ?></h2>
    </a>
    
  5. ترانه امیدی می‌گه:

    اونی کدی که گفتید بذارم تو فانکشن باعث شد همه جای سایت این ارور بیاد

    function catch_that_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('//i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //Defines a default image $first_img = "images/default.gif"; } return $first_img; } 
    
  6. ترانه امیدی می‌گه:

    آموزشتون اشتباست
    یا اینکه کد اشتباست
    چون وقتی گذاشتم اون ارور رو داد
    یعنی مشکل از کجاست
    من میخام صفحه اصلی index.php سایتمو تغییر بدم

  7. ترانه امیدی می‌گه:

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

    • علی می‌گه:

      اگر مطمئن هستید اشتباس میتونید از سایت استفاده نکنید! اگر مشکل داشت توی نظرات گفته میشد تا الان.
      عرض کردم که این کد همین الان روی سایت هست و اینکه شما اشتباه ازش استفاده میکنید و یا مبتدی هستید نه اشتباه از منه نه کد!
      این کد رو توی functions.php باید اضافه کنید. کد باید داخل تگ php باشه. بعد از اون با استفاده از < ?php echo catch_that_image() ?> باید تصویرتون رو صدا بزنید که باید داخل حلقه وردپرس باشه.

  8. ترانه امیدی می‌گه:

    ببینید الان من توی فانکشن کدی رو که دادید بدون دستکاری گذاشتم توش
    و توی فایل ایندکس هم اینو گذاشتم

    	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <a class="taraneh-post" href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"> <img class="taraneh-img" src="<?php echo catch_that_image() ?>"  title="<?php the_title(); ?>"  alt="<?php the_title(); ?>">
    <h2><?php the_title(); ?></h2>
    </a>
    	<?php endwhile; else: ?><?php endif; ?>
    
  9. ترانه امیدی می‌گه:

    ببینید من همین که اون کد رو توی فانکشن میذارم سایتم اون خطا رو میاره بالا

  10. ترانه امیدی می‌گه:

    چجوری توی تگ php بذارم
    میشه کدش رو بدید که مستقیم توی فانکشن بذارم

  11. ترانه امیدی می‌گه:

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

  12. مانی می‌گه:

    سلام
    من هرکاری کردم نتونستم این کدها را استفاده کنم

    کدهای من به این شکل هست.
    اگر لطف کنید بگید چطور ویرایش کنم ممنون میشم
    اگر هزینه هم بخواید مشکلی نیست. فقط کمک کنید لطفا

    $args = array('numberposts'=&gt;4, 'category'=&gt;get_cat_id(fs_get_option('kutu1')));
    
    		$coklu1 = get_posts( $args ); $i=0;
    
    	foreach( $coklu1 as $post ) : $i++;	setup_postdata($post);
    
            
    
    		echo '<a href="'.get_permalink().'" rel="nofollow">';
    
    		
    
    	if ( has_post_thumbnail()) : 
    
    		the_post_thumbnail( 'post1', array('class' =&gt; '', 'alt' =&gt; ''.get_the_title().'', 'title' =&gt; ''.get_the_title().'' )); 
    
    	elseif (get_post_meta($post-&gt;ID, 'resim', true) != '') : 
    
    		echo 'ID, 'resim', true).'" alt="'.get_the_title().'" width="63" height="48" /&gt;'; else : echo '';
    
    	endif; echo ''; if (strlen($post-&gt;post_title) &gt; 40) { echo mb_substr(the_title($before = '', $after = '', FALSE), 0, 40) . '...'; } else {the_title(); } echo ''; yaziyi_kisalt(90, ""); echo '</a>
    
    		';
    
    	
    
    	endforeach;
    
        
    
    	echo '
    • علی همایونی می‌گه:

      این کد ها اصلا برای کدوم قسمت هست؟! فکر کنم خیلی ساده توضیح دادم کد های اولی رو داخل فایل function قرار بدید و هرجا که خواستید تصویر رو چاپ کنید کد دوم رو استفاده کنید.

  13. مانی می‌گه:

    سلام
    ممنون از پاسختون.باه شما خیلی ساده توضیح دادید و کاملا هم مفهوم هست
    اما مشکل جایی ایجاد میشه که مثل من بخواهیم این کدها را توی قالبی که داریم بزاریم
    کدهایی که گذاشتم مال قسمی هست که آخرین مطالب من را نشون میده
    و قاعدتا باید بجای قسمت
    img src
    کد دوم شما را بزارم. اما هرطور میگزارم عکسی نمیاره.نمیدونم چرا؟
    خب من کجای اون کدها قرار بدم کد دوم شما را؟

  14. mohamad می‌گه:

    چجوری میشه اگه مثلا من ۴ تا عکس داخل پستم داشته باشم.این چهار تا عکس در اون عکس شاخص پستم اسلاید بخوره با یه تایم خاصی مثلا…؟؟

پاسخ دهید

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

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
رنگی کردن تصاویر سیاه و سفید در فتوشاپ
طرح لایه باز ۹ مرد سیاه
آموزش ساخت استایل در فتوشاپ
طرح لایه باز دکمه سوئیچ
سری جدید آیکون های موبایل
سری جدید مجموعه آیکون های iOS7