במאמר זה:* מבנה התגיות באופה אתרים
* איך יוצרים תבנית עיצוב לאופה אתרים
* מבנה 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 תגובות

הקדמה לאופה אתרים - WebSite Baker

במאמר זה:

* מידע כללי אודות המערכת
* למי המערכת מתאימה
* דרישות המערכת

אופה אתרים - WebSite Baker היא מערכת ניהול תוכן (CMS) לאתרים אשר מבוססת PHP + מסד נתונים מסוג MySql,
המטרה העיקרית של המערכת היא הפקת אתרי אינטרנט במהירות מרבית וקלות.

הגירסה החדשה ביותר של המערכת נכון לכתיבת מאמר זה היא גירסת 2.7, הגירסה כוללת שיפורים רבים.

אפשרויות המערכת:

* ממשק ניהול קל וידידותי במיוחד למשתמש
* אין הגבלה למס דפים אשר ניתן לנהל בה, אין הגבלה למס איזורי תוכן, והכי חשוב, תמיכה קלה במיוחד לתוספים.
* אשף קבצים ידידותי במיוחד - העלאת קבצי מדיה, תמונות וכדומה
* המערכת מבוססת על תבניות עיצוב, ניתן להתאים עיצוב לאתר בקלות, וניתן לקבוע עיצוב שונה לכל עמוד
* תמיכה במשתמשים וקבוצות - אין הגבלה למס משתמשים ואין הגבלה למס קבוצות, ניתן לקבוע הרשאות שונות לכל קבוצה
* תמיכה מובנת ב"התחברות משתמשים" - שיחזור סיסמא וכדומה
* התאמה לשפות בקלות, כולל איזור זמן ועוד
* מערכת מבוססת קוד פתוח

דרישות המערכת:

* תמיכה בphp מגירסה 4.1 ומעלה
* שרת MYSQL מגירסה 3.2.3 ומעלה

ייתרונות המערכת לעומת מערכות אחרות:
 כפי שכבר ציינו, המערכת מאפשרת הקמת אתר אינטרנט במהירות אדירה בהשוואה למערכות אחרות, המערכת מצויינת לאתרי תדמית, ואתרי אינטרנט בסדר גודל בינוני, התקנת המערכת לאתר אינטרנט ממוצע תיקח כ20 דקות, התאמת עיצוב למערכת קלה במיוחד בהשוואה למערכות קוד פתוח אחרות.

קהל היעד של המערכת:

קהל היעד של אופה אתרים הוא אירגונים קטנים ובינוניים, אירגונים ומוסדות חינוך, אתרי אינטרנט פרטיים ואתרי תדמית.

המערכת הינה מערכת פשוטה וקלה להבנה.

בשביל מה עוד מערכת ניהול תוכן? יש כל כך הרבה אחרות:

המערכת פשוטה להבנה, וקטנה בנפח (מס MB בודד), זהו פיתרון מצויין ללקוחות שאנו לא מעוניינים להעמיס עליהם מערכות מסובכות וכבדות,
הפשטות שבה  ממכרת, והלקוחות שלכם יהיו מרוצים.
התקמת עיצוב בה היא משחק ילדים (כמעט), מדובר בHTML רגיל עם תגיות. זה כל הסיפור.

לקחתי על עצמי למשימה לתרגם את המערכת ותוספות נבחרות למערכת לעברית, כחלק מתרומת החברה לקוד פתוח.
 

מאת אביב רונן באופה אתרים, קוד פתוח | 7 תגובות