Hostonline IT-Service Gelsenkirchen

Designvorlagen 

Für Website Baker gibt es zahlreiche Designvorlagen (auch Templates genannt), welche für jede erstellte Seite einzeln festgelegt werden können.

 

Die Erstellung der Templates erfolgt mit den Sprachen HTML, CSS und PHP.

 

Die strikte Trennung von Inhalt und Design ist dadurch gewährleistet, und es kann nahezu völlig frei das Design angepasst werden. 

 

Sie besitzen bereits eine Grafik, die Ihre Wunsch-Webseite darstellt?

 

Mit wenigen Handgriffen bauen Sie daraus eine HTML-Vorlage, in welche dann nur noch einige PHP-Befehle eingebaut werden müssen - und schon haben Sie ihr neues Template für Ihr Website Baker.

 

Beispiel für ein sehr einfaches Website Baker-Template auf Tabellenbasis:

 

Erstellen Sie mit einem HTML-Programm, wie z.B. Microsoft Frontpage, eine Webseite nach Ihren Wünschen.

 

Frontpage speichert diese dann als Datei "Index.html" auf Ihrer Festplatte, in der Datei finden Sie folgenden Code:

 

<html>

<head>
<title>Neue Seite 1</title>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%">Header</td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
  <tr>
    <td valign="top" width="25%">Menü</td>
    <td width="75%">Inhalt</td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%">Seitenfooter</td>
  </tr>
</table>
</body>
</html>

 

Nun ändern Sie mit einem Texteditor diesen Code ab, indem Sie Website Baker - Befehle z.B. aus einem anderen Template hinzufügen:

 

 <?php
if(!defined(''WB_URL'')) {
    header(''Location: ../index.php'');
    exit(0);
} ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>  <?php page_title(); ?>  </title>

</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%">
    
            <a href="<?php echo WB_URL; ?>"><?php page_title('''', ''[WEBSITE_TITLE]''); ?></a>
    
    </td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
  <tr>
    <td valign="top" width="25%">
    
    <?php show_menu(); ?>
    
    </td>
    <td width="75%">
    
        <?php page_content(); ?>
    
    </td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%">
    
    <?php page_footer(); ?>
    
    </td>
  </tr>
</table>
</body>
</html>

 

Erstellen Sie im Website-Baker-Ordner "templates" einen neuen Ordner "meintemplate" und speichern Sie darin die geänderte Datei unter dem Namen "index.php" ab.

 

Aus einem der anderen Templateordner kopieren Sie sich die Datei "info.php" und speichern diese auf ihrer Festplatte ab.

 

Öffnen Sie die Datei mit einem Texteditor, sie finden etwa folgenden Inhalt:

 

<?php

$template_directory = ''round'';
$template_name = ''Round'';
$template_version = ''2.6'';
$template_platform = ''2.6.x'';
$template_author = ''Ryan Djurovich'';
$template_license = ''GNU General Public License'';
$template_description = ''Default template for Website Baker 2.2.x. Simular to the box template, but with rounded edges.'';

?>

 

Ändern Sie den Inhalt wie folgt ab:

 

<?php

$template_directory = ''meintemplate'';
$template_name = ''Mein neues Template'';
$template_version = ''1.0'';
$template_platform = ''2.7.'';
$template_author = ''Mein Name'';
$template_license = ''GNU General Public License'';
$template_description = ''Mein neues Template auf Tabellenbasis ohne Schnickschnack.'';

?>

 

Speichern Sie die Datei in ihrem neuen Templateordner "meintemplate" ab. Laden Sie den neuen Ordner "meintemplate" in den WB-Ordner "templates" auf ihrem Webspeicherplatz.

 

Loggen Sie sich in den Adminbereich ein und klicken Sie dann auf "Admin Tools" und dort dann auf  "Reload Add-ons".

Markieren Sie das Kästchen "Designvorlagen" und klicken Sie auf "Neu Laden".

 

Im Menü "Optionen" finden Sie nun unter "Dokumentenvorlage" Ihr neues Template "Mein neues Template" - wenn Sie dieses nun auswählen, sieht Ihre Webseite so aus (hier klicken)