وباکا

آموزش تخصصی برنامه نویسی وب

تا حالا با طراحی یک پوسته ساده و نیز فایل header.php آشنا شدید، از انجا که بخش head در این فایل از اهمیت بالایی برخوردار است، از این قسمت برای معرفی فایل ها و تنظیمات سایت استفاده می شود  و از طرفی موتورهای جستجو از اطلاعات آن برای شناسایی محتوای صفحه کمک می گیرند و طراحی کامل و بهینه آن باعث بهبود سئوی سایت می شود.

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

محتوای  فایل header.php

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title(); ?></title>
<meta name="description" content="<?php bloginfo( 'description' ); ?>"><?php wp_head(); ?><link type="text/css" href="<?php echo get_stylesheet_uri(); ?>" rel="stylesheet" />
</head>
<body <?php body_class() ?> >
<table width="1000" align="center" border="1" dir="rtl">
<tr>
<td colspan="2">
<h1> <?php bloginfo('name'); ?> </h1>
<h4> <?php bloginfo('description'); ?> </h4>
</td>
</tr>

توابع جدیدی که در طراحی فایل header.php استفاده شده اند عبارتند از:

  • تابع language_attributes – برای چاپ زبان مورد استفاده در صفحه استفاده می شود.
  • تابع bloginfo( ‘charset’ ) – برای نمایش استاندارد کدگذاری صفحه استفاده می شود.
  • تابع wp_title() – عنوان صفحه را نمایش می دهد.
  • تابع wp_head() – باید همیشه استفاده شود و یکسری تعاریف و تنظیمات وردپرس را به صفحه اصافه می کند.
  • تابع body_class کلاس های تعریف شده در وردپرس را به تگ body اضافه می کند.
  • تابع get_stylesheet_uri – مسیر و نام فایل استایل شیت (css) را چاپ می کند. در مثال فوق قواعد استایل شیت را در فایل style.css قرار داده ایم و با تگ لینک معرفی و قابل استفاده شده است.

محتوای جدید فایل style.css :

/*
Theme Name : codenvisan
Theme URI : http://blog.webaca.ir
Description : Amoozesh Tarahi Poosteh
Version : 1.0
Author : M. Mohammadi
Author URI: http://blog.webaca.ir
*/
th , td{
direction:rtl;
font-family:tahoma;
vertical-align:top;
}

مطالب مرتبط

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

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

فهرست مطالب