ساخت header و footer ثابت
ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 2 دقیقه

ساخت header و footer ثابت

با سلام خدمت شما شاید تا حالا به این سوال برخورده باشید که می خواستید سایتی رو طراحی کنید با زبان html ولی header و footer ثابت داشته باشد و مجبور بودید تعداد کد زیادی رو کپی پیست کنید که هم زمان بر بود و هم کد های هر صفحه رو شلوغ می کرد حالا راه چاره چیست؟
با استفاده از زبان php یک روش بسیار خوب رو براتون معرفی می کنم.
ابتدا فایلی رو درست کنید ترجیحا به نامه (header.php) و کدهای بخش هدر رو تا جایی که میخواهید داخل اون قرار بدید . توجه کنید که اگر کدهایی از بخش بادی هم داخلش باشه مشکلی نداره برای مثال:

<!DOCTYPE html>
<html lang="fa">
    <head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta charset="utf-8">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="style.css?abcnaasa" rel="stylesheet">
        <link rel="icon" href="#">

        <script src="js/jquery.min.js"></script>
        <script src="js/popper.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <title>وبلاگ آموزشی</title>
<style>

</style>
    </head>

    <body>
   <p></p>     

وقتی که فایل هدرتون آماده شد به صفحه ای که دارید طراحی می کنید و میخواهید هدر رو به اون فراخونی کنید برگردید و اینجوری فایلتون رو بهش لینک بدین :

<?php 

include("header.php");

?>

حتما توجه کنید که فرمت فایلتون پی اچ پی باشه و هدر رو در بخش اول کدهاتون فراخونی کنید همین کار رو هم برای فوتر انجام بدید و فراخونی فوتر رو در بخش پایین کدهاتون انجام بدین . حالا شاید براتون سوال پیش بیاد اگر بخواهید برای هر صفحه تایتل مورد نظرتون رو قرار بدید چی؟ اگر بخواید کد های استایل اختصاصی برای صفحتون قراربدید باید چی کار کنیم؟
این کار هم خیلی سادست و فقط با تعریف متغیر در پی اچ پی کارتون راه میفته برای مثال میخواید یک title اختصاصی برای هر صفحتون قرار بدید برای این کار بین تگ title در صفحه هدرتون کده زیر را قرار بدین :

<title><?php
 /* $title = title of site  */

                    echo $title ;

        ?></title>

الان ما متغیری به نامه $title تعریف کردید و میتونید در بخشی که داری فایل هدرتون رو فراخونی می کنید قبل از فراخونی فایل یک مقداری به $title بدید و این مقدار در تایتل سایت به نمایش در می آید.
خیلی ممنون از توجه شما به این مقاله

چه امتیازی برای این مقاله میدهید؟

خیلی بد
بد
متوسط
خوب
عالی
4.33 از 6 رای

/@ajdar9667
امیر علی
طراح و توسعه دهنده fullstack

با سلام بهزادی هستم طراح و توسعه دهنده وب با زبان و تکنولوژی های مختلف مثل : ( , .... php - laravel - livewire - wordpress - py -cpp -html - JS-jquery-css-bootstrap-talwind)جهت درخواست همکاری و یا پروژه به این ایمیل پیام بدید : ajdar9667@gmail.com

دیدگاه و پرسش

برای ارسال دیدگاه لازم است وارد شده یا ثبت‌نام کنید ورود یا ثبت‌نام

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

امیر علی

طراح و توسعه دهنده fullstack

مقالات برگزیده

مقالات برگزیده را از این قسمت میتوانید ببینید

مشاهده همه مقالات