Saturday, July 4th 2009, 7:12am UTC+2

You are not logged in.

  • Login
  • Register

Wie erstelle ich eine neue (statische) Seite für WBB 3

Dear visitor, welcome to WoltLab Community Forum. If this is your first visit here, please read the Help. It explains how this page works. You must be registered before you can use all the page's features. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

ufdada

Community Team

Posts: 2,918

1

Tuesday, February 13th 2007, 12:14pm

Wie erstelle ich eine neue (statische) Seite für WBB 3

Frage: Wie erstelle ich eine neue (statische) Seite für das wBB3?

Antwort:
Eine Seite für das wBB3 besteht grundsätzlich aus 2 Dateien, einer Template und einer PHP-Class-Datei. Das Template sollte in den Ordner template des wBB3's und die php-datei in dem entsprechendem Ordner [Unterordner_im_lib_Verzeichnis] im lib-Verzeichnis. Dateien in diesen Unterordnern werden dann im wBB3 wie folgt aufgerufen: http://www.meinedomain.de/wbb3verzeichnis/index.php?[Unterordner_im_lib_Verzeichnis]=[Seite]

[Unterordner_im_lib_Verzeichnis] kann mit den folgenden Werten ersetzt werden:
  • action
    • Dort sind Dateien vorhanden die eine Aktion ausführen ohne das der Benutzer eine weitere Aktion ausführen muss, z.B. das löschen von Beiträgen)

  • form
    • Dort sind Dateien vorhanden in denen der Benutzer eine Eingabemaske ausfühlen muss (eine sogenannte "Form") wie z.B. einen Beiträg hinzufügen, ändern)

  • page
    • Dort sind Dateien vorhanden die jediglich zum Betrachten einer Seite gelten (wie z.B. statische Seiten) und im größten Falle nur auf das auslesen von Daten aus der Datenbank sich beschränken.


[Seite] wird in der PHP-Datei selber festgelegt, hier ein Beispiel für eine statische Seite die sich im /lib/page-Ordner befindet:

PHP Source code

 
1
2
3
4
5
6
7
8

<?php
require_once(WCF_DIR.'lib/page/AbstractPage.class.php');

class [Seite]Page extends AbstractPage {
public $templateName = '[Template]';

}
?>


Diesen Inhalt speichern wir unter [Seite]Page.class.php im Ordner /lib/page ab.

[Seite] und [Template] müssen natürlich durch selber ausgewählte Namen ersetzt werden. Wer bereits einen Menüpunkt im Header erstellt hat kann ihn durch folgende Änderung auf Aktiv setzen lassen:

Nach

PHP Source code

 
1

require_once(WCF_DIR.'lib/page/AbstractPage.class.php');


folgenden Code einfügen:

PHP Source code

 
1
2

require_once(WCF_DIR.'lib/page/util/menu/HeaderMenu.class.php');
HeaderMenu::setActiveMenuItem('Sprachvariable_für_den_Headermenüpunkt');


[Sprachvariable_für_den_Headermenüpunkt] muss natürlich dann auch dementsprechend ersetzt werden.

Nun kommt das Template dran, dazu erstellen wir eine Datei mit dem folgenden Namen im template-Ordner: [Template].tpl und fügt in diese Datei folgenden Inhalt ein:

Template source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

{include file='documentHeader'}
<head>
<title>[Sprachvariable_für_Browsertitel] - {PAGE_TITLE}</title>
{include file='headInclude' sandbox=false}
</head>
<body>
{include file='header' sandbox=false}
<div id="main">

<ul class="breadCrumbs">
  <li><a href="index.php{@SID_ARG_1ST}"><img src="icon/indexS.png" alt="" /> <span>{PAGE_TITLE}</span></a> &raquo;</li>
</ul>

<div class="mainHeadline">
 <img src="{@RELATIVE_WCF_DIR}icon/[Bild_für_Seite]" alt="" />
  <div class="headlineContainer">
    <h2>[Sprachvariable_für_Titel]</h2>
    <p>[Sprachvariable_für_Beschreibung]</p>
  </div>
</div>
<div class="border content">
  <div class="container-1">
 [Inhalt]
  </div> 
</div>

</div>
{include file='footer' sandbox=false}
</body>
</html>


Folgende Sachen müssen dann angepasst werden:
  • [Sprachvariable_für_Browsertitel]
    • Diese Sprachvariable wird oben im Browsertitel angezeigt (Beim Firefox würde das so aussehen "[Sprachvariable_für_Browsertitel] - Seitentitel - Mozilla Firefox")

  • [Bild_für_Seite]
    • Das soll durch ein Bild im Icons-Ordner des wCF-ersetzt werden, dies soll vorzugsweise die Abmaße 48x48 haben und es darf natürlich nicht die Dateiendung fehlen! (meistens .png)

  • [Sprachvariable_für_Titel]
    • Diese Sprachvariable wird als Überschrift der Seite unter dem Headermenü angezeigt

  • [Sprachvariable_für_Beschreibung]
    • Diese Sprachvariable wird als Beschreibung der Seite unter dem Titel angezeigt

  • [Inhalt]
    • Diese Variable kann durch beliebigen Text oder Html-Code ersetzt werden.

"coding styles are like assholes, everybody has one, but nobody likes anyone elses"
KEIN SUPPORT PER PN!

This post has been edited 17 times, last edit by "ufdada" (May 21st 2008, 10:22am)