در قسمت دوم از آموزش مرحله ای ساخت قالب وردپرس به ادامه پیکربندی قالب و قرار دادن توابع وردپرس و جزئیات می پردازیم . برای خواندن آموزش به ادامه مطلب مراجعه کنید .
فایل Header.php را باز کنید .
اکنون به فایل هیدر توابع وردپرس را اضافه می کنیم . در کد قالب برای قرار دادن عنوان سایت از تابع زیر استفاده می کنیم .
<title><?php wp_title(); ?></title>
کد زیر را باید جایگزین کد <title> کنید تا عنوان های تمامی صفحات را به طور کامل نمایش دهد .
- <title>
- <?php wp_title(”); if (function_exists(‘is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists(‘is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(‘name’); ?> – <?php bloginfo(‘description’); ?>
- </title>
حالا فایل استایل قالب را باید ایجاد کنیم .
<?php bloginfo(’stylesheet_url’); ?>
با کد زیر فایل CSS را می توانیم فراخوانی کنیم . که معمولا این فایل با نام Style.css است .
- <style type=”text/css” media=”screen”>
- <!– @import url( <?php bloginfo(’stylesheet_url’); ?> ); –>
- </style>
کد زیر را هم باید قبل از تگ Head قرار دهید .
- <link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />
- <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’); ?>” />
- <meta content=” wordpress <?php bloginfo(‘version’); ?>” />
حالا فایل هیدر شما باید به صورت زیر در آمده باشد .
- <html>
- <head>
- <title>
- <?php wp_title(”); if (function_exists(‘is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists(‘is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(‘name’); ?> – <?php bloginfo(‘description’); ?>
- </title>
- <style media=”screen”>
- <!– @import url( <?php bloginfo(’stylesheet_url’); ?> ); –>
- </style>
- <link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />
- <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’); ?>” />
- <meta content=”WordPress <?php bloginfo(‘version’); ?>” />
- <?php wp_head(); ?>
- </head>
- <body>
- <div>
- <div>
- header
- </div> <!– close header –>
- <div>
پایان قسمت دوم . ادامه آموزش در قسمت سوم …
دانلود فایل با حجم ندارد - بدون لینک دانلود
پسورد و منبع : www.iranhex.com
۴ دیدگاه برای این مطلب ارسال شده است.
آموزش خوبی رو انتخاب کردین.
امیدوارم موفق باشین.
[پاسخ]
عالی بود
منتظر ادامه ی اموزش هستم …
[پاسخ]
سلام آموزشتون حرف نداره ولی کاشکی با فایل تصویری بود و اینکه مثلا یه ویرایشگر رو معرفی میکردید من فرانت پیج باز کردم و اینکه شما تو آموزش قبل کد داده بودی برای header و index اینجا باز کد جدید دادی استایل رو کجا باید ذخیره کنیم و خیلی سوالات اگر تصویر داشت معرکه میشد من از سایت شما خیلی چیزا یاد گرفتم ولی انصافا توضیح شما برای حرفه ای هاست اگر این آموزش عکس هم داشت معرکه بود اگه میشه تصویر هم بزارید با تشکر از سایت زیباتون :X
[پاسخ]
سلام والا بالاخره من نفهمیدم این روش بهتره یا استفاده از دریم ویور و وفتوشاپ میشه اون روش رو که گفتم بذارین !
[پاسخ]