نمایش جدیدترین مطالب همراه با عکس

نمایش جدیدترین مطالب همراه با عکس

سلام خدمت دوستان و همراهان عزیز

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

گاها تصاویری که استفاده میشود که مربوط به مطلب و مقاله مورد نظر باشد.

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

به عنوان مثال صفحه اصلی مِستر آموز :

 

لازم به ذکر است جهت نمایش شبیه به تصویر بالا  باید به css تسلط داشته باشید.

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

اگر قالب وردپرس شما از تصویر شاخص پشتیبانی نمی کند ابتدا کد زیر رو به فایل functions.php اضاف کنید:

<?php
	add_theme_support('post-thumbnails');
	if ( function_exists('add_theme_support') ) {add_theme_support('post-thumbnails');}
?>

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

 

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

<ul>
<?php
global $post;
$myposts = get_posts(array('numberposts' => 10, 'offset' => 0,'post_status'=>'publish'));
foreach($myposts as $post) :
setup_postdata($post);
?>
<li>
<?php echo get_the_post_thumbnail($post->ID, array(90,90) );?>

<h2><a href="<?php the_permalink(); ?>">
<?php the_title(); ?></a></h2>
<div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://mechanicwp.ir/build-wordpress-widgets-with-simple-music-widget/" target="_blank" rel="nofollow" class="ubce679e22599ae13011dc109d4efc8e6"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%3E.ubce679e22599ae13011dc109d4efc8e6%7Bpadding%3A0px%3Bmargin%3A0%3Bpadding-top%3A1em!important%3Bpadding-bottom%3A1em!important%3Bwidth%3A100%25%3Bdisplay%3Ablock%3Bfont-weight%3Abold%3Bbackground-color%3A%23ECF0F1%3Bborder%3A0!important%3Bborder-left%3A4px%20solid%20%2395A5A6!important%3Btext-decoration%3Anone%7D.ubce679e22599ae13011dc109d4efc8e6%3Aactive%2C.ubce679e22599ae13011dc109d4efc8e6%3Ahover%7Bopacity%3A1%3Btransition%3Aopacity%20250ms%3Bwebkit-transition%3Aopacity%20250ms%3Btext-decoration%3Anone%7D.ubce679e22599ae13011dc109d4efc8e6%7Btransition%3Abackground-color%20250ms%3Bwebkit-transition%3Abackground-color%20250ms%3Bopacity%3A1%3Btransition%3Aopacity%20250ms%3Bwebkit-transition%3Aopacity%20250ms%7D.ubce679e22599ae13011dc109d4efc8e6%0D%0A.ctaText%7Bfont-weight%3Abold%3Bcolor%3A%232C3E50%3Btext-decoration%3Anone%3Bfont-size%3A16px%7D.ubce679e22599ae13011dc109d4efc8e6%0D%0A.postTitle%7Bcolor%3A%23E74C3C%3Btext-decoration%3Aunderline!important%3Bfont-size%3A16px%7D.ubce679e22599ae13011dc109d4efc8e6%3Ahover%0D%0A.postTitle%7Btext-decoration%3Aunderline!important%7D%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<style>" title="<style>" /><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">بیشتر بخوانید :</span>  <span class="postTitle">ساخت ابزارک موزیک در وردپرس با افزونه Simple Music Widget</span></div></a></div>
</li>
<?php endforeach; ?>
<?php wp_reset_query(); ?>
</ul>

در کد بالا در متغیر numberposts تعداد نمایش پست را میتوانید تغییر بدید.

خوب در بخشی که مورد نیاز بود جهت نمایش جدیدترین مطالب با تصویر شاخص کد بالا را در قالب قرار دادیم

نکته: در کد بالا برای تغییر سایز 90 * 90  تصویر شاخص خود را به هر سایزی که بخواهید تغییر دهید.