کمپانی گرافیک ،طراحی حرفه ای گرافیک و وب

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

نمایش آخرین مطالب سایت به همراه تصویر شاخص

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

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

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

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

سپس فایل سایدبار قالبتون رو باز کنید(نام سایدبار هر قالب با توجه به کدنویسی طراح قالب متفاوت است) و این کد رو اضافه کنید

<?php
$the_query = new WP_Query('showposts=5&orderby=post_date&order=desc');
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<div>
<?php the_post_thumbnail(array(80,80), array ('class' => 'alignleft')); ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
<?php the_excerpt(); ?>
<div></div>

</div>

<?php endwhile; ?>
<?php wp_reset_query(); ?>
</li>

برای تغییر سایز تصویر شاخص (array(80,80) که در کد بالا هست رو ویرایش کنید

در صورتی که نمیخواهید متن نوشته به نمایش در بیاد کد <?php the_excerpt(); ?> رو پاک کنید

حالا فایل style.css رو باز کنید و این استایل رو اضافه کنید

.latest-post {margin: 5px;}
.latest-post a {float: none;}
.latest-post img {float: right; margin: 0 0 5px 5px; border: 3px solid #dfdfdf;}
.latest-post  .clear {border-bottom: 1px solid #ddd; margin: 0 0 0 4px; clear: both;}

خوب این آموزش هم تمام شد امیدوارم خسته نشده باشید

توجه: برخی از دوستان مطلبی که در مورد نمایش لینک کوتاه در ادامه مطلب در وردپرس بود رو بدون رعایت کپی رایت در سایتشون قرار داده بودند از این دوستان تقاضا میکنم که کپی رایت رو رعایت کنند اینم به یاد داشته باشند که کپی برداری از مطالب سایت بدون رعایت کپی رایت شرعا حرام است!!!

  1. احسان می‌گه:

    سلام

    این خط ارور میده

    $the_query = new WP_Query(‘showposts=5&orderby=post_date&order=desc’);

  2. احسان می‌گه:

    نشد باز

  3. احسان می‌گه:

    بله مطمئنم یه آموزش کامل بدید شاید یه جاییش یه چیزایی رو کم گذاشتم

  4. احسان می‌گه:

    چه تابعی؟؟
    ببخشید شما جی میل و گوگل تالک دارید باهم بهتر می تونیم صحبت کنیم.

  5. دشرهی می‌گه:

    واقعاْ دمتون گرم حداقل گفتید در کجا این کد را قرار دهم

  6. رادیو باران می‌گه:

    ممنون … کد بسیار خوبی بود

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

    ممنون از شما
    خیلی به کار امد

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

    ممنون دوست عزیز

    اکا به نظر میرسه کد php داخل سایدبار استایل دهی نشد…

    درسته؟؟؟

  9. مهرداد می‌گه:

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

  10. محمد رسول می‌گه:

    خیلی خوب و عالی . خیلی دنبالش گشنم

  11. هادی می‌گه:

    سلام داداش.خسته نباشید
    راستش من یه وب به اسم کمپانی گرافیک زدم.
    میخاستم با شما هم همراهی کنم.
    انجمنش هم به زودی راه می افته.
    اشکال نداره بعضی از مطالب شما رو با سرور خودم بزارم تو وباگم.؟؟؟

یک قدم جلوتر از گذشته خود با فیتنس پرو ورود به فیتنس پرو