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

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

<?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>
<?php endwhile; ?>
<?php wp_reset_query(); ?>

در خط دوم با تغییر مقدار showposts که در اینجا به طور مثال ۵ قرار داده شده باید عدد تعداد پست هایی که میخوایید نمایش داده شود را بنویسید.
خط پنجم مربوط به تصویر بندانگشتی است که اگر لازمش ندارید میتونید به صورت کامل پاکش کنید ولی اگر لازم دارید میتونید مقدار ۸۰,۸۰ که سایز تصویر هست رو مطابق میل خود تغییر بدید.
خط ششم و هفتم یک لینک به عنوان مطلب است و در خط هشتم هم متن مختصر فرا خوانی شده است.
توجه : چنانچه از تصویر بندانگشتی استفاده میکنید و خط پنجم رو پاک نکردید باید کد زیر رو به فایل function قالبتون اضافه کنید:

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

امیدوارم کاربردی بوده باشه.

26 پاسخ به “قرار دادن آخرین مطالب سایت به همراه بندانگشتی”

  1. میثم گفت:

    سلام عزیزم , خیلی واضح و شفاف بود
    این مطالب آخر بود , یه مطالب تصادفی بذار و یه مطالب مرتبط از نظر تگ یا موضوع

  2. علی گفت:

    مرسی خیلی کاربردری بود

  3. حمیدرضا گفت:

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

  4. محمد گفت:

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

    • علی گفت:

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

  5. علیرضا گفت:

    سلام
    کنار کدهایی که دادی چرا ۱۲۳۴۵۶ و.. هستش چجوری اینجوری میشه؟؟

  6. hassan گفت:

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

  7. hassan گفت:

    میشه دقیق تر توضیح بدین چیکار کنم

    ببخشید چون خیلی آشنا نیستم با کد نویسی
    واقعا ببخشید

  8. hassan گفت:

    واقعا ازتون ممنونم

  9. علی گفت:

    سلام
    این استایل مربوط به تصویر هست
    این کد در داخل index هست و css هم داره ولی میخوام در همون صفحه اصلی یا index کد طول و عرض واسش بزارم الان چطوری به استایل بالا طول عرض اضافه کنم؟
    لطفا کمک کنید؟

  10. abbas گفت:

    ممنون استفاده کردم.

  11. ارسلان گفت:

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

  12. nima گفت:

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

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

    Parse error: syntax error, unexpected ‘<' in /home4/xxx/public_html/wp-content/themes/xxx/functions.php on line 127
    ……………………………………………………………………………………………………………………………………..

  13. سعید گفت:

    سلام دوست عزیز برای اینکه در قالب بخواهیم ۱ یا چند سطر بلوک هرکدام مربوط به یک دسته همراه با تصویر بند انگشتی مطلب بسازیم برای مثال در (هر بلوک ۵ خبر یک دسته بصورت عکس و تایتل باشد) مطلبی سراغ دارید معرفی کنید.

پاسخ دهید

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

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
آیکون های صاف دو بعدی (سری اول)
قالب های وردپرس را قورت دهید!
طرح لایه باز المان های نوشتن
طرح لایه باز مک ایر اپل
آموزش تصویری طراحی قالب های واکنشگرا
منوی ناوبری شیک وبسایت به صورت HTML