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

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

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

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

 

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

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

 

 

لازم به ذکر است جهت نمایش شبیه به تصویر بالا باید به css تسلط داشته باشید . نکته : اگر قالب وردپرس شما از ابزارک پشتیبانی نمی کند آموزش فعال سازی ابزارک وردپرس را مطالعه کنید .

 

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

اگر قالب وردپرس شما از تصویر شاخص پشتیبانی نمی کند ابتدا کد زیر رو به فایل functions,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>
 
</li>
<?php endforeach; ?>
<?php wp_reset_query(); ?>
</ul>

 

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

خوب در بخشی که مورد نیاز بود جهت نمایش جدید ترین مطالب با تصویر شاخص کد بالا را در قالب قرار دادیم . نکته : در کد بالا برای تغییر سایز ۹۰ * ۹۰ تصویر شاخص خود را به هر سایزی که بخواهید تغییر دهید . موفق و پیروز باشید

دانلود


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟

درخواست نصب

نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=29535
کلمات کلیدی پست :
مطالب مرتبط
4,939افزودن منوی رسپانسیو تمام صفحه در وردپرس DC FullScreen Menu تاریخ : 2017/05/7
5,031نمایش تصویر شاخص در فید وردپرس تاریخ : 2016/06/6
1,352غیرفعال سازی انتخاب رنگ نوار ابزار در پیشخوان وردپرس تاریخ : 2019/05/2
6,160آموزش افزودن اطلاعات فردی به جستجوی گوگل تاریخ : 2017/09/12
2,638ارسال گزارش خطای 404 به ایمیل مدیر سایت وردپرسی تاریخ : 2018/02/21
2,096حذف تاریخ و زمان از نظرات وردپرس تاریخ : 2018/11/9
4,230افزودن خودکار کدهای دلخواه به انتهای مطالب در وردپرس تاریخ : 2016/04/20
1,216ایچاد فایل htaccess پیشفرض وردپرس تاریخ : 2020/01/7
4,343نحوه حذف کدهای کوتاه بدون استفاده از وردپرس تاریخ : 2016/03/23
4,812صفحه بندی مطالب در وردپرس تاریخ : 2015/01/5
2,248حذف more# از لینک ادامه مطلب وردپرس تاریخ : 2019/02/17
2,288حل مشکل بازگشت وردپرس به صفحه نصب ۵ دقیقه‌ای تاریخ : 2018/12/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات