در این بخش هدر پوسته را کامل میکنیم
- دستورات مورد نیاز
language_attributes ==> نمایش زبان و direction کلی پوسته
bloginfo(’html_type’) ==> مشخص نمودن type صفحه
bloginfo(’charset’) ==> مشخص نمودن character encoding پوسته
bloginfo(’name’) ==> نمایش نام وبلاگ
bloginfo(’description’) ==> نمایش معرفی کوتاه وبلاگ
wp_title ==> نمایش عنوان مطالب
bloginfo(’rss_url’) ==> آدرس فید rss
bloginfo(’rss2_url’) ==> آدرس فید rss2
bloginfo(’atom_url’) ==> آدرس فید atom
bloginfo(’pingback_url’) ==> آدرس پینگ و بازتاب
bloginfo(’stylesheet_url’) ==> نمایش آدرس استایل پوسته
wp_list_pages ==> نمایش صفحات وبلاگ
bloginfo(’home’) ==>آدرس صفحه اصلی وبلاگ
bloginfo(’stylesheet_directory’) ==>محل قرارگیری پوسته
bloginfo(’version’) ==> نمایش نگارش وردپرس ◄ برای بالابردن امنیت ورژن وردپرس را نمایش ندهید
is_single ==> درصورتی که فایل single پوسته باشیم (زمانی که وارد صفحه یک نوشته میشویم که لینک به صورت blog.com/?p=3 میباشد) is_single مقدار true میگیرد
is_home ==> درصورتی که در صفحه نخست (index) باشم is_home مقدار true میگیرد
لازم به ذکر است که, چون این دستورات php است باید بین تو تگ <?php و ?> قرار گیرید همچنین در آخر هر دستور (function) باید علامت () قرار گیرد, برای مثال از دستور language_attributes به شکل زیر استفاده میشود :
<?php
language_attributes();
?>ہ
- کدنویسی header.php
قبل از شروع به کد نویسی توضیحات (comment) لاین‌های ۱۲-۲ را حذف میکنیم
درآخر لاین ۲ لازمه که از دستور language_attributes برای مشخص کردن direction استفاده میکنیم <html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
در لاین ۴ باید html_type و charset وبلاگ مشخص بشه برای این منظور بایستی
به جای text/html دستور bloginfo(’html_type’)
و به جای utf-8 دستور bloginfo(’charset’)
قرار بگیره یعنی به صورت زیر
<meta http-equiv=”content-type” content=”<?php bloginfo(’html_type’); ?>; charset=<?php bloginfo(’charset’); ?>” />
حالا نوبت به عنوان (title) وبلاگ رسیده و باید از دستور wp_title برای نمایش عنوان استفاده کنیم , اما این دستور یه مشکلی داره همانطور که گفته شد این دستور عنوان نوشته را نشان میده یعنی زمانی که در صفحه نخست هستیم وبلاگ هیج عنوانی نشان داده نمیشه.
برای رفع این مشکل باید از دستورات is_home , is_single و.. استفاده کرد
برای مثال از دستور is_home استفاده میکینم این دستور زمانی که در صفحه نخست وبلاگ باشیم مقدار true دارد بنابراین با یک دستور شرط به سادگی میتوانیم در صفحه نخست عنوان مورد نظر را قرار بدیم
<?php if(is_home()){ bloginfo(’name’); } wp_title(); ?>
درواقع این دستور میگوید -> اگر در صفحه نخست وبلاگ باشیم مقدار bloginfo(’name’) سپس مقدار wp_title را نمایش بده
دستور بالا را باید بین دو تگ <title> و </title> و به جای متن Morning Dew by Free CSS Templates قرار دهیم
<title><?php if(is_home()){ bloginfo(’name’); } wp_title(); ?></title>
بعد از title و متا تگها (<meta>) آدرس خوراک (Feed) وبلاگ را قرار میدهیم
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(’name’); ?> RSS Feed” href=”<?php bloginfo(’rss2_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” />
<link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(’atom_url’); ?>” />
همچنین میتوانیم آرشیو وبلاگ را به صورت تگهای link در این قسمت لیست کنیم
<?php wp_get_archives(’type=monthly&format=link’); ?>
اکنون باید Homepage به درستی لینک کنیم , در لاین ۲۱ که لینک Homepage قرار گرفته به جای آدرس # دستور bloginfo(’home’) را قرار دهید
لاین ۲۱ ً>> <li><a href=”<?php bloginfo(’home’) ?>”>Homepage</a></li>
در این مرحله باید برگه‌های وبلاگ را در کنار متن Homepage قرار دهیم برای این منظور باید لاین ۲۴-۲۲ که سه برگه پیش فرض خود پوسته است پاک کنیم و یرگه‌های وبلاگ را قرار دهیم
برای نمایش برگه‌ها از دستور wp_list_pages استفاده میکنیم بنابراین باید به جای دستورات زیر (لاین ۲۴-۲۲)
<li><a href=”#”>Services</a></li>
<li><a href=”#”>About Us</a></li>
<li><a href=”#”>Contact Us</a></li>
این دستور را قرار دهیم : <?php wp_list_pages(); ?>
حال وارد وبلاگ شوید ; مشاهده میکنید که در کنار لینک Homepage متن برگه‌ها قرار گرفته نه لینک برگه‌ها
این اشکال بدین دلیل پیش آمد که دستور wp_list_pages به طور پیش فرض متنی را بالای لینک برگه‌های قرار میدهد . اگر در دستور wp_list_pages عنوان را خالی بگذاریم لینک دسته‌های به درستی در هدر به نمایش در می‌آید
<?php wp_list_pages(’title_li=’); ?>
آخرین کاری که باید انجام دهیم قرار دادن نام و معرفی کوتاه به حای متن‌های Morning Dew و Designed By Free CSS Templates است
در لاین ۲۹ به جای آدرس # دستور bloginfo(’home’) را قرار دهید, در همین لاین به جای متن Morning Dew دستور bloginfo(’name’) را قرار دهید
در لاین بعدی به جای متن Designed By Free CSS Templates دستور bloginfo(’description’) را قرار دهید
آبان ۱۷م, ۱۳۸۸در۴:۳۰ ب.ظ
چرا من اینا رو حالیم نمیشه ؟http://metablog.ir/wp-includes/images/smilies/icon_cry.gif
آبان ۲۸م, ۱۳۸۸در۱:۴۲ ب.ظ
اینم کتاب الکترونیکی کامل آموزش ساخت پوسته برای وردپرس:
http://dl.emadoddin.co.cc/How%20to%20Make%20Wordpress%20Theme.pdf
آبان ۲۸م, ۱۳۸۸در۱:۴۴ ب.ظ
کاش میشد نظری رو که دادم ویرایش کنم!
آذر ۵م, ۱۳۸۸در۲:۱۰ ب.ظ
دوست عزیز شما که زحمت می کشید حداقل کدها رو داخل یه فریم خاصی بذارید. از پلاگینی یا دستور سی اس اسی استفاده کنید تا واضح تر باشند.