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

?>

סיימנו, בהצלחה!

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

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

  1. 4 תגובות על ”התאמת עיצוב למערכת אופה אתרים - איך יוצרים תבנית?“

  2. אביב שלום

    יש לי כמה שאלות:
    1) האם אוכל דרך "אופה אתרים" לבנות דף
    המכניס מאמרים ע"י עורך התוכן ?
    לבנות דף שמראה כמה מאמרים בדף כולל
    דפדוף ?
    2) היכן אוכל להשיג template בעברית ?

    תודה
    יהודה צדיק

    מאת יהודה צדיק בתאריך 27 באוג', 2008

  3. 1) בוודאי, ניתן להוסיף מאמרים, שאלות ותשובות, טפסים (יצירת קשר, הרשמה לאירוע - בחירת סוגי שדות חופשית), חדשות, דפים רגילים, תפריטים ועוד.
    + המערכת תציג בצורה אוטומטית את מס המאמרים, כאשר ניתן להגדיר לה גם שלא תעשה זאת.
    3) המערכת מסופקת עם מס תבניות בעברית, כמו כן, הבחור שתירגם את הגירסה הישנה של המערכת (4) סיפק איתה מס תבניות נוספות,

    אעלה את הקוד ממש בקרוב, ותוכל לראות בעצמך.

    :)
    אביב

    מאת אביב רונן בתאריך 27 באוג', 2008

  4. אני מחפשת מישהו לעיצוב תבניות ב PHP

    איפה אני מוצאת?

    מאת קרן בתאריך 17 בספט', 2008

  5. הי קרן, אני אשמח לעזור לך: info@arps.co.il
    :)

    מאת אביב רונן בתאריך 24 בספט', 2008

הוספת תגובה