1 באוג', 2008
במאמר זה:* מבנה התגיות באופה אתרים
* איך יוצרים תבנית עיצוב לאופה אתרים
* מבנה info.php
* הוספת תפריט לתבנית העיצוב
אני יוצא מנקודות הנחה שהמשתמש מכיר HTML וPHP בצורה בסיסית.
הקדמה:
אופה אתרים הינה מערכת ניהול תוכן (CMS) מבוססת PHP וMysql אשר תורגמה לעברית על ידי מ א.ר.פס
הקמת אתרים, בניית אתרים, קידום אתרים, ושירותי אינטרנט.
אופה אתרים מאפשרת לנו לבנות אתר במהירות מדהימה, ולתת ללקוח שלנו מערכת פשוטה לניהול אופה אתריםשלב 1: יצירת קבצים
* כל תבנית צריכה להיות בתיקייה משלה, לדוגמה, עלינו ליצור תיקייה בשם Hebrew Template,
בתוך התיקייה אנו ניצור את הקבצים הבאים:
1) index.php - הקובץ אשר יכיל את התבנית שלנו, הקובץ יכיל ברובו קוד HTML רגיל עם תגיות של אופה אתרים.
2) info.php - הקובץ אשר יכיל מידע על תבנית העיצוב החדשה שלנו
3) screen.css - קובץ CSS לתצוגה
4) print.css - קובץ CSS להדפסת העמוד
שלב 2: יצירת קובץ התבנית - index.php
נתחיל עם כותרת העמוד:
<html dir=rtl>
<title>><?php page_title(); ?> </title>
נמשיך בהוספת תיאור לעמוד שלנו ומילות מפתח - תגיות META אשר משמשות למנועי חיפוש:
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
נוסיף קריאה לקבצי הCSS:
link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo TEMPLATE_DIR; ?>/print.css" rel="stylesheet" type="text/css" media="print" />
לאחר מכן נוסיף את כותרת העמוד שלנו בדף:
<h1><?php page_title(”,'[WEBSITE_TITLE]'); ?> </h1>
ונמשיך עם התפריט, את התפריט אנו נציג רק עם כך מוגדר בעמוד עי הקוד הבא:
<?php if(SHOW_MENU) { /* Only shown menu if we need to show */ ?>
<?php page_menu(); ?>
<?php } ?>
כמו כן, נוכל להוסיף תיבת חיפוש באתר אם נירצה ע"י הקוד הבא:
<?php if(SHOW_SEARCH) { /* Only show search box if search is enabled */ ?>
<form name="search" action="<?php echo WB_URL; ?>/search/index<?php echo PAGE_EXTENSION; ?>" method="post">
<input type="text" name="string" style="width: 100%;" />
<input type="submit" name="submit" value="Search" style="width: 100%;" />
</form>
<?php } ?>
כמובן אנו צריכים להציג את תוכן הדף:
ואת הטקסט בתחתית האתר שלנו:
<?php page_footer(); ?>
קוד מלא:
<html dir=rtl>
<head>
<title>><?php page_title(); ?> </title><meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo TEMPLATE_DIR; ?>/print.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body><?php if(SHOW_SEARCH) { /* Only show search box if search is enabled */ ?>
<form name="search" action="<?php echo WB_URL; ?>/search/index<?php echo PAGE_EXTENSION; ?>" method="post">
<input type="text" name="string" style="width: 100%;" />
<input type="submit" name="submit" value="Search" style="width: 100%;" />
</form>
<?php } ?>
<h1><?php page_title(”,'[WEBSITE_TITLE]'); ?> </h1>
<?php if(SHOW_MENU) { /* Only shown menu if we need to show */ ?>
<?php page_menu(); ?>
<?php } ?>
<?php page_content(); ?>
<?php page_footer(); ?>
</body>
</html>
יצירת דף המידע - info.php
כפי שציינתי, דף המידע מכיל את המידע אוודת תבנית העיצוב שלנו,
במקרה שלנו, הדף צריך להכיל את הקוד הבא:
<?php
$template_directory = 'Hebrew Template';
$template_name = 'Hebrew Template';
$template_version = '1.0';
$template_designed_for = '2';
$template_author = 'Aviv Ronen';
$template_description = 'Sample Hebrew Template.';
?>
הערה: אם נירצה להשתמש במס תפריטים בעיצוב שלנו, יש להזין לעמוד info.php את הקוד הבא:
$menu[2]='Menu 2';
$block[2]='Block 2';
קוד מלא של העמוד:
<?php
$template_directory = 'Hebrew Template';
$template_name = 'Hebrew Template';
$template_version = '1.0';
$template_designed_for = '2';
$template_author = 'Aviv Ronen';
$template_description = 'Sample Hebrew Template.';
//menu:
$menu[2]='Menu 2';
$block[2]='Block 2';
?>
סיימנו, בהצלחה!
בכל שאלה, בעיה, הרגישו חופשי להגיב ולשאול, אל תשכחו, אופה אתרים נועדה להקל על החיים שלנו.
מאת אביב רונן באופה אתרים, קוד פתוח | 4 תגובות
1 באוג', 2008
תירגמתי את התקנת המערכת לעברית,
מקווה שתהנו, אני אעלה בימים הקרובים את קבצי המערכת בפורמט ZIP.
בהצלחה! אני בטוח שהמערכת תסייע לכם רבות.
