Eine Über uns Seite erstellen

Um gleich eine realistische Herausforderung zu haben, lassen Sie uns eine erste Seite auf Ihrer neuen Website erstellen. Es soll eine über uns Seite werden auf der Sie etwas über Ihre Firma, Ihr Projekt oder sich selbst erzählen. Meistens enthalten solche Seiten ein paar Überschriften, Text und Bilder.

Website vs. Seite

In der englischen Sprache unterscheidet man zwischen den Begriffen Website und Page. Website bezeichnet die gesamte "Homepage", also alle Inhalte, Benutzer und Dialoge, die sich in Ihrer Joomla! Installation befinden. Eine Page ist eine über eine eindeutige Adresse (URL) erreichbare Seite innerhalb Ihrer Website. Also so etwas wie das Impressum oder eine "über uns" Seite.

Der deutsche Begriff Homepage ist eine mögliche übersetzung von Website. Firmen sprechen meist nicht von Ihrer Homepage sondern oft recht wolkig von ihrem Internetauftritt oder ihrer Internetpräsenz. Homepage hat in Deutschland ein "Bastel-Image". Ich bleibe im weiteren Verlauf des Buches bei den Begriffen Website (für alles) und Seite für eine Seite.

Statische vs. Dynamische Inhalte

Eine "Über uns" Seite erstellt man einmal, verlinkt sie im Menü und muss Sie im weiteren Verlauf nur noch verändern. Sie hat einen statischen Charakter. Eine Pressemitteilung oder ein Blogeintrag haben dagegen einen dynamischen Character.

• Bei einer statischen Seite spielt das Erstellungsdatum und der Autor keine Rolle, bei einer dynamischen Seite schon.
• Statische Seiten sind fast immer im Menü verlinkt, dynamische Seite sind erreichbar über Auflistungen

Der Plan

Auf der "Über uns" Seite soll es die folgenden Elemente geben

• Eine Überschrift
• Ein Text
• Ein Bild
• Die Seite soll nicht auf der Startseite erscheinen
• Wir wollen einen Link zur Seite im oberen horizontalen Menü (top)

klingt zunächst mal einfach.

Schritt 1 - Seite erstellen, bzw. ändern

Sie können sich entweder im Administrationsinterface anmelden (/wp-admin) und eine neue Seite erstellen oder die erstellte Beispielseite aufrufen und bearbeiten (so wie ich in Abbildung 1).

Abbildung 1: Beispielseite in Wordpress

Ändern Sie den Titel und den Text, entfernen Sie das Häkchen bei den Kommentaren und Ihre Über uns Seite ist fast fertig (Abbildung 2). Durch einen Klick auf den Vorschau Button können Sie überprüfen, wie die Seite aussieht. Durch einen Klick auf Aktualisieren werden Ihre Änderungen gespeichert.

Abbildung 2: Beispielseite bearbeiten

Schritt 2 - Bild hochladen und einfügen

Jetzt fehlt noch ein Bild. Klicken Sie wieder auf bearbeiten und dann auf das Bild einfügen Icon (Abbildung 3).

Abbildung 3: Bild einfügen

Sie befinden sich jetzt in der Wordpress Mediathek und können Bilder hochladen, die URL von Bildern im Internet eintragen oder Bilder, die Sie bereits vorher hochgeladen einfügen. Lassen Sie uns ein Bild hochladen. Die maximale Grösse des Bildes hängt von den Einstellungen in Wordpress ab (TODO Link) und den Einstellungen Ihrer PHP Installation. Wordpress erstellt automatisch ein Thumbnail Bild und bietet gängige Einstellungen für die Integration in den Artikel an (Abbildung 4).

Abbildung 4: Bild in Mediathek

Durch einen Klick auf den Button In Artikel einfügen verknüpfen Sie das Bild mit dem Artikel (Abbildung 5).

Abbildung 5: Bild in Editor

Nach einem Klick auf Aktualisieren sehen Sie das Bild, umflossen vom Text auf der Über Uns Seite (Abbildung 6).

Abbildung 6: Fertige Über uns Seite