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

حالا من میخوام برم سراغ حلقه ها در وردپرس

حتما میگید حلقه ها چی هستند؟ حلقه ها در واقع همون نوشته های صفحه هستش که نشون داده میشه

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

فیلم آموزشی طراحی قالب وردپرس – بخش حلقه ها

 

حلقه ها در آموزش طراحی قالب وردپرس

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

حالا فایل ایندکس رو در حالت ادیت باز کنید و کد زیر را در آن قرار دهید:

خب در خط اول با کد <?php get_header();?> فایل هدر را فراخوان کردیم

خط بعدی هم کد  html هستش و من توضیح نمیدم

فقط کدهای php رو توضیح میدم

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>   : با این کد حلقه ما شروع میشه و در واقع شرطی برای وجود نوشته هستش . میگه که اگر نوشته یا نوشته هایی وجود دارد

پس اگر شرط بالا درست میره میره سراغ بعدی

<?php if (has_post_thumbnail()){  : این هم بررسی می کنه که تصویر شاخص برای نوشته ست شده یا نه. با تصویر شاخص که آشنایی دارید دیگه؟

خب پس اگر واسه نوشته تصویر شاخص گذاشته باشیم با کد the_post_thumbnail(‘full’); تصویر شاخص رو فراخوان میکنیم تا نشون داده بشه.

خب حالا می خوام عنوان نوشته رو نشون بده پس تابع <?php the_title();?> عنوان مطالب رو بر می گردونه.

حالا نوبت به این میرسه که عنوان رو به آدرس نوشته لینک بدیم برای این کار هم تابع <?php the_permalink();?> رو استفاده می کنیم.

حتما توی خیلی از سایت های وبلاگ دیدیم که متا های نوشته رو هم قرار می دهند مثل: نام نویسنده، تعداد دیدگاه ها، تاریخ نوشته و …. خب ما هم این قسمت رو به تم اضافه کردیم حالا توضیح میدم که کجا و چطوری

تابع <?php the_author();?> : نام نویسنده رو بر میگردونه

تابع <?php the_time(‘M j, Y’);?> : تاریخ ارسال نوشته رو بر میگردونه

تابع <?php comments_number( ‘بدون دیدگاه’, ‘دیدگاه’, ‘% دیدگاه’ ); ?> : این تابع هم تعداد دیدگاه های هر نوشته رو بر میگردونه خب این هم از این

حالا من می خوام توی صفحه اصلی وبلاگم یه تیکه از متن نوشته رو نشون بده. پس از تابع <?php the_excerpt();?> استفاده می کنم.

در انتها می بینیم با این کد حلقه بسته میشه

<?php endwhile; else : ?>

<?php _e( ‘چیزی پیدا نشد’ ); ?> این متن هم هنگامی که نوشته ای پیدا نشه نشون میده و با کد <?php endif; ?> حلقه به طور کامل بسته میشه

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

حالا این کدهارو به فایل استایلتون اضافه کنید

 

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

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

موفق باشید

آموزش طراحی قالب وردپرس – قدم اول : دانلود نرم افزار های مورد نیاز

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

آموزش طراحی قالب وردپرس – قدم سوم: ساخت فایل header.php – بخش اول

آموزش طراحی قالب وردپرس – قدم سوم: ساخت فایل header.php – بخش دوم

آموزش طراحی قالب وردپرس – قدم پنجم: طراحی سایدبار

آموزش طراحی قالب وردپرس – قدم ششم : فرم جستجو

آموزش طراحی قالب وردپرس – قدم هفتم بخش 1: ساخت فایل single.php

آموزش طراحی قالب وردپرس – قدم هفتم بخش 2: ساخت باکس درباره نویسنده

آموزش طراحی قالب وردپرس – قدم هفتم بخش 3: ساخت بخش دیدگاه ها

11 دیدگاه برای “آموزش طراحی قالب وردپرس – حلقه ها

  • amir
    - ۱۷ فروردین , ۱۳۹۴

    واقعا مطلب مفید و کاربردی بود

  • حمید
    - ۲۰ فروردین , ۱۳۹۴

    لذت بردم
    واقعا دستت درد نکنه میدونم چقدر زمان بره برات و در مدت کوتاه نمیشه این همه مطلب بزاری اما جای تشکر داره .

  • حمید
    - ۳۰ اردیبهشت , ۱۳۹۴

    قبلا بیشتر متلب میزاشتین

    یه سوالی کردم جواب نمیدین بهش ؟

    • الناز
      - ۳۰ اردیبهشت , ۱۳۹۴

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

  • حمید
    - ۱۲ خرداد , ۱۳۹۴

    سلام اما به رایانامه من چیزی نرسید متاسفانه.
    منم امتحاناتم شروع شده بخاطر ماه رمضان جلو افتاده.موفق باشید

  • حمید
    - ۱۰ شهریور , ۱۳۹۴

    سلام یه سوال داشتم گفتم اول از شما بپرسم

    یه تم نوشتم اما مشکل در اینجاست که میری محصول وکامرسی رو که ایجاد کردی تو صفحه مشاهده محصول و حالا توضیح دادی توش از محصول و دکمه خرید وجود داره خودتون دیدید ۱۰۰%
    کلا تو این بخش بهم ریختس و کلا این صفحه بهم میریزه .
    اما تو صفحه اصلی و مطالب و ادامه مطلب کاملا سایت پا برجاست اما وختی میری تو بخش محصولات میبینی کلا بهم میریزه
    و جالب اینجاست که دکمه خرید میزنی میری تو صفحه سبد خرید همه چیز درست میشه و روی صفحه ای بار گذاری میشه که بعنوان صفحه تماس با ما ایجاد کردم page.php

    یک راهنمای جامعه کنید بندرو با سپاس از شما

    • الناز
      - ۱۷ شهریور , ۱۳۹۴

      سلام دوست من. خب این مشکل میتونه دلایل مختلفی داشته باشه. css صفحه ای که بهم ریخته ست رو چک کن

  • آرین
    - ۱۸ بهمن , ۱۳۹۴

    ادامه مطلب پس چی ؟

  • امیر
    - ۲ آذر , ۱۳۹۵

    سلام
    ممنون از آموزش کاملتون

    دکمه ادامه مطلب رو با چه کدی میشه گذاشت ؟؟

  • محمد حسین فاطمی
    - ۱۸ دی , ۱۳۹۶

    با سلام ممنون از آموزش مفیدتون
    اگه بخوام تصویر شاخص رو بیارم بغل نوشته ها به طوری که عنوان بالا باشه بعد مطلب همراه تصویر شاخص اون چطور ممکنه؟

  • shirin
    - ۱۶ خرداد , ۱۳۹۷

    slam tashkor faravan kash kodaye amozesham mizashtid

دیدگاه خود را بیان کنید

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

Captcha loading...