حالت موضوعی | حالت خطی

**admin**

توی این پست قصد دارم نحوه ساخت راحت تر صفحات وب رو برای وب سایت هایی که با استفاده از PHP ایجاد می کنیم آموزش بدم .
توی اکثر صفحاتی که برای یک وب سایت ایجاد می کنیم معمولا فقط بخش وسط صفحه تغییر میکنه و header و footer و sidebar به صورت ثابت توی بقیه صفحه ها تکرار میشن به همین خاطر می تونیم این سه قسمت رو توی سه تا فایل جداگانه قرار بدیم و توی هر صفحه ای که ایجاد می کنیم این فایل ها رو include کنیم و سرعت انجام کار رو بالا ببریم و وقتی هم که می خوایم تم سایت رو تغییر بدیم کارمون راحت تر میشه .

بر فرض اگه کد تمپلیت ما به صورت زیر باشه

کد PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="style.css" media="screen"  />
    <title>Site Title</title>
</head>
<body>
    <div id="main" >
        <!-- header -->
        <div id="header" ></div>
        <div id="menu" >
             <a href="home.php" >Home</a>|
            <a href="About.php" >About</a>|
            <a href="Contact.php" >Contact</a>
        </div>
        <!-- /header -->

        <div id="content" ></div>

        <!-- sidebar -->
        <div id="sidebar" ></div>
        <!-- /sidebar -->

        <div class="clear" ></div>

        <!-- footer -->
        <div id="footer" ></div>
        <!-- /footer -->
    </div>
</body>
</html> 

کد های زیر رو از تمپلیت اصلی سایت جدا کرده و با نام header.php ذخیره می کنیم .

کد PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="style.css" media="screen"  />
    <title>Site Title</title>
</head>
<body>
    <div id="main" >
        <!-- header -->
        <div id="header" ></div>
        <div id="menu" >
             <a href="home.php" >Home</a>|
            <a href="About.php" >About</a>|
            <a href="Contact.php" >Contact</a>
        </div>
        <!-- /header --> 

کدهای زیر رو هم با نام sidebar.php ذخیره می کنیم

کد PHP:

<!-- sidebar -->
<div id="sidebar" ></div>
<!-- /sidebar --> 

و کدهای زیر رو با نام footer.php ذخیره می کنیم

کد PHP:

<div class="clear" ></div>

        <!-- footer -->
        <div id="footer" ></div>
        <!-- /footer -->
    </div>
</body>
</html> 

حالا وقتی میخوایم یک صفحه جدید ایجاد کنیم فقط کافیه که این سه تا فایل رو include کنیم و اطلاعات مربوط به صفحه جدید رو وارد کنیم .

کد PHP:

<?php include_once('header.php'); ?>
<div id="content" > Content  </div>
<?php include_once('sidebar.php'); ?>
<?php include_once('footer.php'); ?>

برای اینکه بتونیم عنوان هر صفحه رو هم مشخص کنیم تگ مربوط به عنوان صفحه رو توی فایل header.php به صورت زیر تغییر میدیم

کد PHP:

<title> <?php echo $pagetitle; ?> </title> 

و توی هر صفحه ای که ایجاد می کنیم قبل از include کردن فایل header.php این متغیر رو مقداردهی می کنیم تا به عنوان title صفحه قرار بگیرد .

کد PHP:

<?php
$pagetitle='Contact';
include_once('header.php');
?>
<div id="content" > Contact Form  </div>
<?php include_once('sidebar.php'); ?>
<?php include_once('footer.php'); ?>

موفق باشید