و اما قسمت اول آموزش:
برای شروع یکی از نرم افزار های سرور مجازی مثل Xampp یا Wamp یا Easy PHP رو باید نصب کنید تا بتونید اسکریپت رو در اون اجرا و تست کنید.بنده از Xampp استفاده میکنم و آموزش رو هم برپایه Xampp و ساختار اون پیش میبرم.
در ابتدای کار در پوشه htdocs نیاز به ساخت 5 پوشه با عناوین زیر داریم که در ادامه محتویات هرکدوم رو توضیح خواهم داد:
1- Config که فایل های مربوط به تنظیمات کلی اسکریپت در اون قرار داده میشوند مثل فایل تنظیمات اتصال به دیتابیس و غیره.در این پوشه دو فایل با نام های conf.php و dbconnection.php ایجاد نمایید.
2- Classes که هسته اصلی اسکریپت ما و تمامی کلاسهایی که قصد استفاده از اونها رو داریم در این پوشه جای خواهند گرفت. یک فایل با نام class_core.php در این پوشه بسازید.
3- Language از اونجا که قرار بر این شد که سایت ما قابلیت پشتیبانی از زبان های دیگر رو هم داشته باشه این پوشه رو ایجاد کردیم که بتونیم فایل های مربوط به زبان های مختلف رو در اون قرار بدیم. در این پوشه دو فایل با نام های FA.php و EN.php ایجاد کنید.
4- Include تمامی فایل های جانبی اسکریپت ما در این پوشه قرار خواهند گرفت. در این پوشه یک فایل با نام captcha.php ایجاد نمایید.
5- Themes این پوشه پوسته های مربوط به اسکریپت ما رو در خودش نگهداری میکنه.این فایل ها عمدتا از تگ های html و کدهای javascript و css ها و عکس ها هستند.چون ما در نظر داریم که اسکریپت ما دارای چندین پوسته باشه و در حقسقت کاربر توانایی تغییر ظاهر سایت رو بدون تغییر کدها داشته باشه پس باید در این پوشه هم به تعداد پوسته های مورد نظرمون پوشه ایجاد کنیم.در حال حاضر و در این آموزش ما یک پوسته پیشفرض خواهیم ساخت و پوسته های دیگه به عهده خود شما و سلیقه شما باشه پس در این پوشه یک پوشه با نام default ایجاد میکنیم این به این معنی هستش که من میخوام اسم پوسته اصلی و پیشفرضم رو default بذارم.
توی پوشه default 4 پوشه زیر رو ایجتد میکنیم:
الف) css که تمامی فایل های استایل ما یا همون فایل های css مربوط به قالب default در این پوشه قرار خواهند گرفت.
ب) images حاوی عکس ها و تصاویر بکار رفته در قالب ما خواهد بود.
ج) js فایل های جاوااسکریپت قالب ما در این پوشه قرارداده خواهند شد.
د) template که در حقیقت حاوی کدهای html قالب ما خواهد بود.اما برای اینکه تمایزی بین این فایل ها و فایل های html معمولی قائل شده باشیم پسوند فایل هایی رو که در این پوشه نگهداری میکنیم tpl قرار میدیم.
خوب حالا نیاز به صفحه index داریم که همون homepage اسکریپت ما خواهد بود.فایل index.php رو در پوشه روت که همون htdocs هستش ایجاد کنید.
تا اینجای کار مکان قرارگیری فایل ها مون رو درست کردیم و حالا پوشه های ساخته شده آماده گرفتن فایل های ما هستند.
و اما این اسکریپت نیاز به یک دیتابیس هم داره که فعلا ما یک تیبل در اون احتیاج داریم که خواهیم ساخت:
ساختار تیبل اول ما در دیتابیسمون به شکل زیر هستش:
فیلد sitename که نام سایت ما رو در خودش نگهداری میکنه.
فیلد themes که آدرس پوسته سایت رو در اون قرار میدیم.
فیلد language که زبان مورد استفاده رو در خودش قرار میده.
یک نکته که مورد سئوال خیلی از دوستان هست اینه که از کدوم storage engine استفاده کنیم.به جای اینکه وارد مباحث تخصصی انجین های متفاوت بشیم بهتره به طور کلی اینطوری گفته بشه که برای جداولی که بیشتر بر روی اونها عملیات Select اتفاق میفته تا عملیات insert و update و delete بهتره از myisam استفاده بشه و اگه برعکس قراره بیشتر insert و update و delete اتفاق بیفته از innodb استفاده بشه. این تیبل جون بیشتر باید select رو انجام بده هم از myisam استفاده میکنیم.
در جدول ایجاد شده فعلا به طور دستی این مقادیر رو وارد میکنیم:
برای فیلد sitename مقداری دلخواه وارد کنید.برای فیلد themes مقدار default رو وارد کنید(نام پوشه پیشفرض theme ها که ساختیم)
برای فیلد language هم مقدار FA رو وارد کنید چون فعلا با زبان فارسی کار میکنیم.(اسم فایلی که توی پوشه language ساختیم)
حالا وارد پوشه کانفیگ بشین و مشخصات اتصال به دیتابیس رو در فایل dbconnection.php وارد کنید:
<?php
$hostname='localhost';
$dbname='cms';
$dbuser='root';
$dbpass='';
$dblink=mysql_connect($hostname,$dbuser,$dbpass);
if (!$dblink){
echo '<meta charset="utf-8"/><h1>ارتباط با موتور بانک اطلاعاتی دچار مشکل است</h1>';
die;
}
if (!mysql_select_db($dbname,$dblink)){
echo '<meta charset="utf-8"/><h1>بانک اطلاعاتی یافت نشد</h1>';
die;
}
mysql_query("SET NAMES 'utf8'");
?>
برای شروع ابتدا از پوسته ها شروع میکنیم.
هر سایت در صفحات خودش به طور معمول یک قسمت با نام header یا سرصفحه داره که اطلاعاتی از قبیل نام سایت و لوگوی سایت و... در اون قرار میگیره. معمولا هدر در تمام صفحات سایت تکرار میشه وتکراری هستش یعنی برای یه صفحه طراحی میشه و در تمام صفحات دیگه همون رو تکرار میکنند. با این تفاسیر به این نتیجه میرسیم که باید برای پله اول یک سرصفحه یا هدر برای سایتمون طراحی کنیم.برای این کار میتونید از نرم افزار های طراحی صفحات وب مانند Adobe Dreamweaver کمک بگیرید.
هدری که ما قصد ساختن اون رو داریم خیلی ساده است که میخواهیم فقط شامل نام سایت ما و یک لوگوی دلخواه باشه.همینطور یک منوی خیلی ساده هم زیر اون باشه که بتونیم لینک صفحات مختلف سایتمون رو درون اون قرار بدیم تا کاربر بتونه با کلیک روی اونها به راحتی صفحات سایت ما رو مرور کنه.
خوب هدر من به شکل زیر هستش:
111995
لازمه بگم که رنگ پس زمینه سایتمون رو هم در همین فایل هدر تعیین میکنیم.
بعد از اینکه طراحی ما کامل شد باید یک فایل با نام header.tpl در پوشه template بسازیم و کدهای مربوط به هدر رو درون اون قرار بدیم.همچنین اگه از css استفاده کردیم باید فایل cc مربوط رو در پوشه css بگذاریم که با این کار توی آدرس دهی اون مشکل پیدا میکنید که در ادامه میگم باید چیکار کرد که این مشکل رفع بشه. عکس ها و فایل های جاوای ما هم در پوشه های مربوط به خودشون که قبلا ساختیم قرار میگیرند.
در قرار دادن کدهای مربوط به هدر باید این نکته رو در نظر داشته باشید که:
همونطور که میدونید فایل های html شامل چند تگ داخل خودشون هستند که ابتدا با <html> شروع مشوند و بعد از اون تگ <head> بعدش هم تگ <body> که اول تگ html باز میشه و درون این تگ، تگ head باز میشه و مقادیری مثل زبان صفحه، عنوان صفحه و... در اون قرار داده میشوند و بسته میشه.به زبان علمی تر مقادیری که در تگ head قرار میگیرند در خروجی دیده نمیشوند ولی بر روی خروجی تاثیر میگذارند.
بعد از تگ بسته شدن تگ head نوبت به باز شدن تگ body میرسه که هرچیزی که قراره نمایش داده بشه در اون قرار میگیره البته ممکنه بعضی چیزها هم در اون قرار بگیرن ولی نمایش داده نشوند اما خوب اصل همونی بود که گفته شد.و بعد از اینکه خروجی ها مون مشخص شد تگ body هم بسته شده و در نهایت تگ html که در ابتدای صفحه باز شده بود در انتها بسته میشه.
خوب حالا نکته ما اینجاست که چون ما فعلا فقط هدر سایت رو طراحی کردیم و فایل header.tpl ما شامل تمامی کدهای صفحه ما نیست پس در نتیجه تگ body و html رو در پایان اون نمیبندیم. حالا اینکه پس کجا بسته میشن در ادامه بهش میرسیم.
خوب حالا باید یه جوری این فایل هدر که طراحی کردیم رو به صفحه index.php مرتبط کنیم و در بیان کلی تر در اون نمایش بدیم.
برای اینکار چند راه وجود داره:
1- فایل هدر خودمون رو با دستور include به صفحه ایندکسمون معرفی کنیم یعنی بالای صفحه ایندکس بنویسیم:
<?php
Include ‘themes/default/template/header.tpl’;
?>
2- از تابع file_get_contents استفاده کنیم که ما از همین راه استفاده خواهیم کرد چرا که میخواهیم از جایگذاری استفاده کنیم.کار این تابع اینه که محتویات یک فایل رو در قالب یک string در اختیار ما قرار میده تا بتونیم عملیاتی رو که بر روی یک استرینگ قابل انجامه روی محتویات اون فایل انجام بدیم.
خوب حالا فایل class_core.php رو از پوشه classes باز کنید.همونطور که از اسم این فایل مشخصه قراره یک کلاس باشه. پس باید از کلمه کلیدی class در ابتدای این فایل استفاده بشه تا برای موتور PHP مشخص بشه که رفتار کلاس گونه با این فایل بکنه. نام این کلاس رو هم core میگذاریم:
<?php
class core{
class content
}
خوب توی این کلاس ما قراره تابعی بسازیم که بتونه پوسته های طراحی شده رو به صفحات ما مرتبط کنه اسم این فانکشن رو thmchanger میذاریم.همونطور هم که قبلا گفتیم قراره از تابع file_get_contents برای این منظور استفاده کنیم:
function thmchanger(){
$template= file_get_contents(??);
}
ما در این تابع یک متغیر به نام $template تعریف کردیم که قراره محتوای فایل باز شده رو در خودش نگهداری کنه اما یه مسئله پیش میاد و اینکه تابع file_get_contents چه فایلی رو باز کنه؟!
پس بهتره نام فایلی رو که قراره باز کنه به فانکشنمون ارسال کنیم یعنی فانکشن ما یه ورودی داشته باشه که مقدار اون ورودی برابر با نام پوسته مورد نظر ما باشه و خروجی اون هم محتوای فایل مورد نظرمون یعنی مثل کد زیر تغییر کنه :
function thmchanger($tname){
$template= file_get_contents($tname);
Return $template;
}
حالا ما میتونیم وقتی داریم فانکشن خودمون رو فراخوانی میکنیم نام فایل مورد نظرمون رو هم بهش بدیم.
پس ما باید توی فایل ایندکسمون این تابع رو فراخوانی کنیم پس ابتدا فایل class_core.php رو در اینکس فراخوانی میکنیم تا بتونیم به محتوای اون اشاره کنیم:
<?php
Include (‘classes/ class_core.php’);
حالا باید یه شئ جدید از نوع کلاس core ایجاد کنیم:
$func= new core;
ما اسم این شئ جدید رو $func در نظر گرفتیم که از نوع کلاس core هستش و تمام خصوصیات اون رو در خودش داره.حالا باید تابعی رو که ساختیم فراخوانی کنیم:
$themes = $func->thmchanger(??);
خوب اینکار به شکل بالا انجام میشه. ما یه متغیر به نام $themes تعیریف کردیم و اون رو برابر تابعمون قرار دادیم تا خروجی تابع در اون قرار بگیره اما باز یه مشکل و اون اینکه نام فایل رو چی باید بدیم؟
$themes = $func->thmchanger(‘themes/default/template/header.tpl’);
خوب این در صورتی درسته که بخواهیم از پوسته default استفاده کنیم و اگه از پوسته غیر از اون خواستیم استفاده کنیم چه کاری باید کرد! پس باید راه دیگه ای داشته باشیم که بتونیم متوجه بشیم سایت داره از چه پوسته ای استفاده میکنه و بر اساس اون آدرس دهی کنیم.
اینجاست که نوبت به فایل config.php میرسه.
در این فایل ما یک آرایه انجمنی(آرایه ای که خونه هاش نام داشته باشن) میسازیم و در اون آرایه آدرس های خودمون رو قرار میدیم و هرجا خواستیم فایلی رو صدا بزنیم از این آدرس ها استفاده میکینم.نام آرایه رو $conf میذاریم:
$conf=array(
'var.headtemplate'=>'themes/default/template/header.tpl'
);
خوب ما یک خونه در این آرایه ایجاد کردیم و نام اون رو var.headtemplate گذاشتیم و مقدار themes/default/template/header.tpl در اون قرار دادیم اما باز این مقدار هم صحیح نیست چون فقط پوسته پیشفرض رو معرفی میکنه!
پس باید به سراغ دیتابیس بریم چون توی تیبلی که ساختیم یه قیلدی داشتیم به نام themes که مقدار اون معرف این بود که سایت باید از کدوم پوسته استفاده کنه پس ما باید مقدار اون فیلد رو بدست بیاریم و به جای default در این آدرس قرار بدیم.
پس باید یه ارتباط با دیتابیس برقرار کنیم و مقدار این فیلد رو بخونیم.ارتباط با دیتابیسمون رو در کلاس core انجام میدیم چون این کار به عهده هسته سایت باید باشه پس به فایل class_core.php میریم.
خوب برای اینکه تنظیمات اتصال به دیتابیسمون رو که در فایل dbconnection.php وارد کردیم اینجا دوباره نخواهیم وارد کنیم همون فایل رو ضمیمه class_core.php میکنیم:
include ('./config/dbConnection.php');
حالا یه فانکشن توی کلاسمون ایجاد میکنیم که اطلاعات تیبل ساخته شده رو که من اسمش رو گذاشتم tbl_siteinfo بخونه و برگردونه:
function SiteInfo(){
$query='Select * From tbl_siteinfo';
$result=mysql_query($query);
return $result;
}
اسم این تابع رو siteinfo گذاشتیم که اطلاعات تیبل ما رو select میزنه و نتیجه خام رو برمیگردونه حالا کافیه اون رو داخل فایل config.php فراخوانی کنیم و از مقادیرش متوجه بشیم پوشه پوسته های ما در چه آدرسی قرار داره پس فایل کانفیگ ما به شکل زیر درمیاد:
<?php
include('./classes/class_core.php');
$func= new core;
$result =$func->siteInfo();
if ($result){
$row=mysql_fetch_assoc($result);
$thmaddr=$row['themes'];
}else{
$thmaddr='Default';
}
conf=array(
'var.headtemplate'=>'themes/'.$thmaddr.'/template/header.tpl'
);
?>
خوب همونطور که متوجه شدید ما فایل کلاسمون رو در فایل config ضمیمه کردیم تا بتونیم به محتوای اون دسترسی داشته باشیم بعد از اون یک شئ جدید از کلاس core ایجاد کردیم و نام اون رو $func گذاشتیم سپس تابع siteinfo رو فراخوانی کردیم و مقدار بازگشتی اون تابع رو در داخل متغیری به نام $result قرار دادیم بعد از اون بررسی کدیم که آیا $result دارای مقدار هست یا نه اگه هست مقادیر اون استخراج بشن و داخل متغیری به نام $thmaddr قرار بگیرن و در صورتی که $result دارای مقدار نیست متغیر $thmaddr مقدار default رو درون خودش جای میده.
حالا توی آرایه گفتیم که مقدار $thmaddr رو به جای default در آدرس ما قرار بده تا اگه آدرس قالب ما تغییر کرد مشکلی ایجاد نشه و ما بتونیم آدرس جدید رو فراخوانی کنیم.
خوب حالا که آدرس رو داریم میتونیم توی فایل ایندکسمون عمل فراخوانی رو انجام بدیم پس میریم داخل فایل ایندکس و کد هامون رو به شکل زیر تغییر میدیم:
<?php
include('config/conf.php');
$func= new core;
$themes = $func->thmchanger($conf ['var.headtemplate']);
echo $themes;
?>
همونطور که میبینید اینبار فایل config رو ضمیمه کردم ولی فایل class_core.php رو ضمیمه نکردم چرا؟ چون فایل class_core.php در فایل config.php ضمیمه شده و عملا اینجا وقتی config رو ضمیمه میکنم ضمایم اون هم ضمیمه این فایل میشن و لازم نیست دوباره اینکار رو انجام بدم.
در فراخوانی تابع thmchanger هم به جای آدرس فایل اون خونه آرایه که در فایل کانفیگ تعریف کردیم و آدرس در اونه رو ارسال کردیم و مقدار بازگشتی رو در متغیر $themes قرار دادیم و در نهایت هم $themes رو چاپ کردیم.
اما حالا چند مشکل پیش میاد که باید اونا رو هم رفع کنیم:
1- توی فایل های html باید آدرس فایل css رو به طور دقیق وارد کنیم و مشکل اینجاست که نمیشه بگیم فایل css مورد نظرمون در یک پوشه در یه مسیر دیگه است چون ممکنه مسیرهای ما تفاوت باشن مثل اینجا که فایل header.tpl ما داخل پوشه template هستش و فایل css داخل یه پوشه دیگه به نام css.خوب پس باید یه فکری برای این مشکل بشه.
برای رفع این مشکل ما ابتدا توی فایل کانفیگ آدرس دقیق فایل css رو مشخص میکنیم مثل کاری که برای فایل header انجام دادیم به شکل زیر:
conf=array(
'var.headtemplate'=>'themes/'.$thmaddr.'/template/header.tpl',
'var.cssadr'=>'themes/'.$thmaddr.'/css/'
);
در آرایه قبلیمون یه خونه دیگه به نام var.cssadr تعریف کردم و مقدار اون رو برابر با پوشه ای که فایل های css دراون هستن قرار دادم.
اما حالا مسئله اینه که چطوری به فایل header.tpl بفهمونم که css ها رو از این آدرس load کنه؟
برای این کار وارد فایل header.tpl میشم و در قسمتی که css ها معرفی شدن به شکل زیر عمل میکنم:
<link href="index.css" rel="stylesheet" type="text/css">
در header.tpl من این css فراخوانی شده که خوب اگه فایل css کنار فایلم بود مشکلی نداشت و مشکل اینجاست که فایلم توی یه پوشه دیگه است.
من اون مقدار بالا رو به شکل زیر تغییر میدم:
<link href="var.cssadrindex.css" rel="stylesheet" type="text/css">
همونطور که میبینید نام اون خونه آرایه رو که توی فایل کانفیگ آدرس درست فایل css رو درونش قرار داده بودم رو قبل از نام فایل css اضافه کردم(فاصله نمیخواد اسلش هم توی آرایه گذاشتم پس اینجا دیگه احتیاجی نیست)
اما فایل tpl ما که نمیدونه این یعنی چی پس یه جوری باید بهش بفهمونیم.اینجاست که دوباره به سراغ تابع thmchanger در فایل class_core.php میریم.
توی این تابع میخوام بگم وقتی محتوای فایل خونده شد قبل از اینکه برگردونده بشه به جای var.cssadr مقدار اون رو که در فایل کانفیگ تعریف شده قرار بده پس:
function thmchanger($tname){
$template= file_get_contents($tname);
$template= ereg_replace(‘var.cssadr’,??,$template);
return $template;
}
مشکل رو متوجه شدید؟با چی باید بگیم جاش رو عوض کنه؟ممکنه بگین خوب فایل config.php رو ضمیمه میکنیم و میگیم با مقدار این خونه آرایه جاش رو عوض کنه!مشکلی که در این کار هست اینه که خود این فایل در فایل کانفیگ ضمیمه شده و نمیشه کانفیگ رو هم ضمیمه این یکی کرد.پس راهش چیه؟
اگه دقت کنید توی فایل index.php فایل کانفیگ رو ضمیمه کردیم یعنی به مقدار این خونه از آرایه در اونجا دسترسی داریم پس ما میتونیم اون آرایه رو هم به عنوان ورودی به این تابع ارسال کنیم و در نتیجه میتونیم از مقادیرش استفاده کنیم. پس ابتدا تابع خودمون رو تغییر میدیم تا بتونه یک ورودی دیگه هم داشته باشه:
function thmchanger($tname,$arr){
$template= file_get_contents($tname);
while(list($key, $value) = each($arr)){
$template= ereg_replace($key,$value,$template);
}
return $template;
}
خوب ما یه ورودی دیگه به تابعمون اضافه کردیم که یک آرایه میگیره بعد با یک حلقه تمامی خونه های آرایه رو مرور کردیم و گفتیم هرجایی که مقداریر برابر یکی از کلید های آرایه پیدا کردی اون رو با مقدار قرارگرفته در اون خونه آرایه عوض کن.و در نهایت هم محتوای اصلاح شده رو برگردون.
اما حالا باید توی فایل index.php آرایه ای که در فایل کانفیگ وجود داره رو هم به این تابع ارسال کنیم یعنی محتوای فایل index.php به شکل زیر میشه:
<?php
include('config/conf.php');
$func= new core;
$themes = $func->thmchanger($conf['var.headtemplate'],$conf);
echo $themes;
?>
خوب تا اینجا پس تونستیم آدرس صحیح فایل css رو به فایل پوسته خودمون معرفی کنیم.
2- ما قراره نام سایتمون رو هم بدونیم تا بتونیم توی هدری که طراحی کردیم نشون بدیم.این مقدار رو هم اگه دقت کنید توی تیبل ایجاد شده در دیتابیسمون داریمش توی یک فیلد به نام sitename ذخیره کردیم.خوب حالا چطوری اینکار رو انجام بدیم؟
همونطور که مشخصه ما نیاز داریم این مقدار رو از دیتابیسمون بخونیم و در جای خودش قرار بدیم.اگه دقت کنید میبینید که تابع قبلی که در فایل class_core.php با نام siteInfo ایجاد کردیم داره تمامی مقادیر تیبل ما رو برمیگردونه پس فقط کافی مقدار فیلد sitename رو هم از اون واکشی کنیم و مانند آدرس css که عمل کردیم اون رو هم در جای خودش وارد کنیم.پس وارد فایل کانفیگ میشیم و در قسمتی که مقدار فیلد theme رو واکشی کرده بودیم کد زیر رو هم وارد میکنیم:
$title=$row['sitename'];
مقدار فیلد sitename رو در متغیری به نام $title قرار دادیم.و حالا کافیه یه خونه جدید در آرایه ای که قبلا ساخته بودیم اضافه کنیم و این مقدار رو داخل اون قرار بدیم.پس آرایه ما تا اینجا به شکل زیر میشه:
$conf=array(
'var.title'=>$title,
'var.headtemplate'=>'themes/'.$thmaddr.'/template/header.tpl',
'var.cssadr'=>'themes/'.$thmaddr.'/css/'
)
یه خونه جدید در آرایه با نام var.title اضافه کردیم و مقدار بدست اومده از فیلد sitename رو در اون قراردادیم حالا فقط کافیه وارد فایل header.tpl بشیم و این مقدلر رو بجای تایتل سایت و نامی که در هدر سایت گذاشتیم قرار بدیم یعنی به شکل زیر:
<title>var.title</title>
<a href="index.php"><div id="divheadbanner" style="position:absolute;left:0px;top:0px;width:968px;hei ght:143px;z-index:0"><span>var.title</span></div></a>
خوب دیگه کاری لازم نیست انجام بشه چون تابع thmchanger که در کلاس core نوشتیم خودش بقیه کارها رو انجام میده یعنی این اسامی رو با مقادیرشون عوض میکنه.
3- اما فایل لوگوی ما هم که قراره در هدر نمایش داده بشه یه عکس هست که خوب باید توی پوشه images قرار داده بشه و آدرسش رو در فایل header.tpl وارد کنیم.بهتره برای اینکه همه کارهامون مثل هم باشه و فهم و تغییر کدها مون راحت تر صورت بگیره آدرس عکس هامون رو هم کاری مشابه آدرس css ها براشون انجام بدیم یعنی توی فایل کانفیگ و در آرایه $conf مقدار زیر رو هم اضافه کنیم:
'var.imgadr'=>'themes/'.$thmaddr.'/images/'
خوب حالا آدرس پوشه ای که عکس های ما در اون قرار دارند رو هم داریم و باید به جای آدرس عکس هایی که در header.tpl هست قرار بدیم:
<div id="wb_imglogo" style="position:absolute;left:12px;top:21px;width:100px;h eight:103px;z-index:1;">
<img src="var.imgadrsitelogo.png" id="imglogo" alt="" style="width:100px;height:103px;"></div>
4- فایل های جاوا اسکریپت رو هم نباید نادیده گرفت چون بخش مهمی از طراحی یه سایت رو اون ها بر عهده دارن پس آدرس اونها هم مهمه:
'var.jsadr'=>'themes/'.$thmaddr.'/js/'
و آدرس اونها در فایل های پوسته ما به شکل زیر میشه:
<script type="text/javascript" src="var.jsadrjquery-1.9.1.min.js"></script>
5- خوب حالا بریم سراغ منو ها که متن هاشون باید فارسی باشن!شایدم انگلیسی! عربی چطور؟!
پس زبان سایت رو نمیدونیم چیه که بخواهیم مقادیر این منوها رو به صورت دستی وارد کنیم.زبان سایت رو هم همونطور که حدس زدید باید از همون تیبل موجود در دیتابیس متوجه بشیم که چی هست و براساس اون مقادیر درست رو بر روی منوهامون نمایش بدیم.حالا روش:
وارد فایل کانفیگ میشیم و خط زیر رو برای واکشی نام فایل زبان خودمون به کدها اضافه میکنیم:
include('./language/'.$row['language'].'.php');
خوب ما با اینکار هم واکشی از دیتابیس رو انجام دادیم و هم به طور همزمان فایل زبان رو هم به فایل کانفیگ خودمون ضمیمه کردیم.حالا چرا در ادامه متوجه خواهید شد.
خوب حالا قبل از هر کار دیگه ای بهتره بریم سراغ فایل های زبان و اونها رو هم درست کنیم پس وارد پوشه language میشیم و فایل FA.php رو که قبلا ساختیم باز میکنیم.توی این فایل هم ما یه آرایه میسازیم تا بتونیم مقادیری رو که باید در سایت نمایش داده بشه درونش قرار بدیم. پس به صورت زیر عمل میکنیم:
$lang=array(
'lng.home'=>'صفحه اصلی',
'lng.onlinelearn'=>'آموزش آنلاین',
'lng.abouteme'=>'درباره من',
'lng.contact'=>'ارتباط با من'
)
همونطور که مشاهده میکنید یک آرایه با نام $lang ایجاد کردم و یه سری خونه در اون ایجاد و مقادیر مورد نظرم رو به اونها نسبت دادم حالا باید این مقادیر رو به فایل header.tpl یه جوری نسبت بدیم اما چجوری؟
ما قبلا یه آرایه توی فایل کانفیگ داشتیم که یه سری مقادیر رو درونش قرار دادیم و تونستیم اونها رو در فایل پوسته خودمون جایگذاری کنیم برای اینکه خیلی شلوغ بازی توی کدهامون در نیاورده باشیم به فایل config.php میریم و آرایه ای رو که الان ساختیم با آرایه موجود در اون فایل merge میکنیم یعنی دو آرایه رو به یک آرایه واحد تبدیل میکنیم:
$themvar= array_merge((array)$lang, (array)$conf);
همونطور که میبینید با دستور array_merge دو آرایه رو با هم به یک آرایه به نام $themvar تبدیل کردیم پس الان آرایه $themvar ما هم مقادیر آرایه $lang رو داره و هم مقادیر آرایه $conf رو.و در اینجا متوجه هم شدید که چرا فایل زبان خودم رو به فایل config ضمیمه کردم برای اینکه بتونم به آرایه داخل اون دسترسی داشته باشم. الان باید وارد فایل index.php بشیم و نام جدید رو به عنوان آرایه صحیح معرفی کنم یعنی:
$themes = $func->thmchanger($conf['var.headtemplate'],$conf);
تبدیل میشه به:
$themes = $func->thmchanger($themvar['var.headtemplate'],$themvar);
آخر فایل config.php هم اون دوتا آرایه اولیه رو undet میکنیم تا فضای اشغال شده رم رو رها کنن:
unset($lang,$conf);
حالا برای اینکه مقادیر فایل fa.php ما درون فایل پوسته و به جای مقادیر منوی ما بشینن کافیه وارد فایل header.tpl شده و مقادیر منوها رو به مقادیر زیر تغییر بدیم:
<div id="wb_indexCssMenu1" style="position:absolute;left:267px;top:152px;width:437px ;height:28px;text-align:right;z-index:2;">
<ul>
<li class="firstmain"><a href="contact.php" target="_self">lng.contact</a>
</li>
<li><a href="about.php" target="_self">lng.abouteme</a>
</li>
<li><a href="learn.php" target="_self">lng.onlinelearn</a>
</li>
<li><a href="index.php" target="_self">lng.home</a>
</li>
</ul>
<br>
</div>
تا اینجای کا ما تونستیم هدر سایت خودمون رو نمایش بدیم البته به صورت کاملا داینامیک.از اینجا به بعد کار بسیار ساده تر خواهد شد و سریع تر پیش میره که اگه عمری باقی بود در پست بعدی خواهم گفت.
تا اینجای کار رو میتونید از فایل ضمیمه دریافت کنید.