آموزش طراحی پوسته وردپرس به سبک آقای وردپرس ( قسمت دوم)

با سلام خدمت کاربران عزیز و محترم آقای وردپرس
امروز با آموزش طراحی پوسته وردپرس ( قسمت 2) در خدمت شما هستم  که امیدوارم ازش خوشتون بیاد.

wordpress icon آموزش طراحی پوسته وردپرس به سبک آقای وردپرس ( قسمت 1)

این قسمت دوم آموزش هست که شما را با نحوه ی ساخت فایل header.php و footer.php آشنا میکنه.

ابتدا فایل header.php رو طراحی میکنیم:

شما ابتدا فایل index رو با نوت پد باز کنید و همه ی کد هایی که از اول تا قسمتی که نوشته

<head/>

کات کنید و توی یک فایل به اسم header.php پیست کنید و محتویات فایل را ذخیره کنید.

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

 <?php get_header(); ?>

خوب حالا فایل header.php درست شد!!!

حالا فایل footer.php رو طراحی میکنیم:

حالا کد های فوتر رو کات کنید و توی یک فایل به اسم footer.php ذخیره کنید.  و بعد از اون کد زیر  رو به خط قبل از کد های فوتر اصافه کنید.

<footer>

و در آخر کد های فوتر کد زیر رو کپی کنید.

</footer>

یعنی در کل فوتر شما باید به صورت زیر باشد

<footer>

کدهای html فوتر شما

</footer>

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

<?php get_footer(); ?>

 

خوب حالا فایل footer.php درست شد!!!

 

موفق و سربلند باشید.
بدرود.

منتظر نظرات سازندتون هستم نظر یادتون نره!!!

تیم آقای وردپرس

تیم تولید محتوا و پشتیبانی سایت آقای وردپرس

این پست دارای 4 نظر است

  1. سعید

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

    کات کنید و توی یک فایل به اسم header.php پیست کنید و محتویات فایل را ذخیره کنید. )
    این فایل index.php کجاست که کدارو برداریم؟مال خود وردپرسی که نصب کردیم ؟
    سوال دوم : خود تگ رو هم کپی کنیم ؟ ممنون . موفق و سربلند باشی

    1. ببینید فایل index.html (همان قالب html ما هستش که قرار به وردپرس تبدیل بشه ) بعد از تبدیل html به php طبق آموزش عمل کنید.. آموزش های ویدیویی در انجمن زیر منتشر میشه ..عضو بشید و از اون بهره ببرید ..موفق باشید

      آدرس انجمن : WPFORUM.IR

دیدگاهتان را بنویسید