از این به بعد روی پوسته morning dew کار میشه و این پوسته را به پوسته وردپرس تبدیل میکینم (دانلود پوسته)

در این بخش فایل‌های index,  footer, header , sidebar را میسزیم البته نه بطور کامل! بلکه فقط کدهای html را در این فایل‌ها قرار میدهیم تا بتونیم پوسته را از طریق وردپرس ببینیم

• header.php :

فایلی با نام header.php در فولدر پوسته ایجاد کنید سپس فایل index.html (پوسته دانلود شده) را باز کنید

مشاهده میکیند که از لاین ۳۱ تا ۳۸ را هدر مشخص شده ; ولی ما از لاین ۱ تا ۴۰ را هدر در نظر میگیریم

کدهای این لاین‌ها را کپی و در فایل هدر قرار دهید

• sidebar.php :

کدهای ساید بار بعد از هدر قرار گرفته (ممکنه پوسته‌های دیگه اینطور نباشه) از لاین ۴۱ تا ۲۳۳

البته به غیر از ساید بار کدهای content  (لاین ۱۱۷-۸۱) نیز در لابه لای ساید بار ۱و ۲ قرار گرفته که فعلا اونها را حذف میکنیم یعنی سایدبار شامل کدهای لاین ۴۱ تا ۸۰ و لاین ۱۱۹ تا ۲۳۳

( البته بهتره که دو فایل ساید بار بسازیم ولی بخاطر پیچیده نشدن این کار را نمیکینم )

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

• footer.php :

فایل فوتر از لاین ۲۳۵ تا آخر میباشد

کدهای لاین‌های مشخص شده را کپی و در فایل footer.php در فولدر پوسته قرار دهید

• index.php :

کدهای content  (لاین ۱۱۷-۸۱) کپی و در فایل index.php قرار دهید

اکنون با ورود به صفحه نخست وبلاگ فایل پوسته را به هم ریخته میبینیم ! زیرا صفحه نخست وبلاگ وابسته به فایل index میباشد و فایل index فقط شامل کدهای content میباشد وهدر , سایدبار, فوتر وارد فایل index نمیشوند

برای اینکه این فایل‌ها را وارد (include) کینم از دستورات زیر استفاده میکنیم

get_header()    –> صدا زدن هدر (وارد کردن هدر)
get_sidebar()  –> صدا زدن سایدبار
get_footer() –> صدا زدن فوتر
bloginfo(’stylesheet_url’)  –> صدا زدن استایل

در ابتدا همیشه فایل هدر وارد میشه یعنی در ابتدا‌ی index.php این دستور را قرار میدهیم

<? php get_header(); ?>

سپس با توجه به اینکه سایدبار قبل از content قرار داده باید در فایل index نیز سایدبار قبل از content قرار گیرد :

<?php get_sidebar(); ?>

در آخر بعد از کدهای content نیز فوتر در پوسته قرار میگیرد :

<?php get_footer(); ?>

حال باید استایل وارد پوسته شود برای این منظور فایل header.php را یکبار دیگر باز کنید و  در قسمتی که استایل لود میشود به جای default.css , دستور bloginfo(’stylesheet_url’) را قرار دهید

درواقع به جای

<link href=”default.css” rel=”stylesheet” type=”text/css” media=”screen” />

دستور زیر را قرار دهید

<link href=”<?php bloginfo(’stylesheet_url’); ?>” rel=”stylesheet” type=”text/css” media=”screen” />

• دریافت سورس پوسته