Linkliste-Abschnitt-Sidebar

Aus Hilfe

Wechseln zu: Navigation, Suche

Inhaltsverzeichnis

Linklisten-Abschnitt zum EInfügen von Links in die Sidebar


Datei:linklist_templates.png

Grundsätzliches

Die eigentliche Aufgabe der Linkliste ist es, Links geordnet in der Sidebar darzustellen. Das kann man zwar auch mit dem Text-Editor, der in Kürze für die Sidebar verfügbar ist oder mit dem XHTML-Abschnitt. Aber die Linkliste vereinfacht das Anlegen und bietet über verschiedene Templates die Möglichkeit, in Sekunden ein ansprechendes Design zu erzeugen. Über dieser Einleitung seht Ihr zwei Templates mit gleichem Inhalt (und identischen Farben). Es stehen im Moment 6 Vorlagen zur Verfügung. Da man jede Vorlage auch ohne Linien oder Hintergrundfarben anlegen kann, ergeben sich eine Vielzahl an Variationen, die natürlich farblich und auch in der Schriftwahl angepasst werden können. Mehr zur Anwendung von Linklisten weiter unten.

Beschreibung der Benutzeroberfläche

Der Dialog zum Bearbeiten der Linkliste ist sehr umfangreich aber trotzdem leicht zu bedienen. Im oberen Bereich gebt Ihr den Inhalt ein. Dieser besteht aus einer Überschrift und einer beliebigen Anzahl von Links, angeordnet in einer Tabelle. Darunter habt Ihr Optionen um die Liste an Eure Webseite anzupassen. Diese Optionen bestehen zum einen aus der Gestaltung der einzelnen Elemente (Schrift und Farbe, Rahmen usw.) und zum anderen aus der Auswahl einer Design-Vorlage, die grundsätzliche Parameter zur Verfügung stellt. Ändert Ihr die Vorlage, werden alle gemachten Einstellungen wie Farbe und Schrift in die neue Vorlage übertragen und in einer Vorschau angezeigt.


Datei:linkliste_dt_2011_wiki.png
  1. Überschrift der Liste
    Ein Haupteinsatz-Gebiet der Liste wird sein, eine sogenannte fixe Navigation zu simulieren und bestimmte Seiten aus der Navigation zu nehmen und in der Sidebar anzuzeigen. Dazu ist es hilfreich, dieser Link-Sammlung eine Überschrift zu geben, die man natürlich ausrichten und formatieren kann.
  2. Die angelegten Links
    Aus Platzgründen zeigen wir zwar nur max. 3 Link-Einträge an, es lassen sich aber natürlich beliebig viele Adressen hinterlegen.
    • Bezeichnung
      In dieses Feld tragt ihr den Text ein, der auf der Webseite den Link präsentieren soll. Wie bei einem normalen Seitennamen sollte diese Bezeichnung nicht zu lang und aussagekräftig sein. Wenn Ihr interne Seiten darstellen wollt, solltet Ihr genau den gleichen Namen verwenden wie in der Seitenverwaltung um den Besucher nicht zu verwirren.
    • Verlinkung zu...
      In diesem Bereich wird die Adresse definiert, zu der verlinkt werden soll. Wenn Ihr den Typ der Verlinkung (Spalte 3) auf Intern stellt, erscheint eine Auswahlbox, die alle Seiten Eures Webauftritts anzeigt und es ermöglicht, mit einem Klick eine Verlinkung zu einer Seite auf der eigenen Webseite zu erzeugen. Stellt Ihr den Typ auf "Extern" so erscheint ein Textfeld in dem Ihr die Adresse eingeben könnt. Möchtet Ihr einen Link zu einer externen Webseite anlegen, so gebt Ihr "http://www.die-adresse.de" ein. Möchtet Ihr zu einer Email-Adresse verlinken, so schreibt Ihr "mailto:meine-email@webanbieter.de".
    • Typ
      Diese Auswahlbox dient dazu, zwischen interner und externer Adresse umzuschalten. Wie oben erklärt, kann man bei einer internen Seite einfach die Seite aus einer Auswahlbox auswählen und bei einer externen Adresse schreibt man diese komplett in das entsprechende Feld.
    • Link öffnen im
      Interne Seiten werden normalerweise immer im gleichen Fenster geöffnet. Die Option "im neuen Fenster" sollte man nur in Ausnahme-Fällen benutzen. Üblicherweise erwartet der Besucher, dass er mit der rechten Maustaste selbst entscheidet, wie er einen Link öffnen will.
    • Werkzeuge
      Mit den Werkzeugen kann man die Position eines Links bestimmen indem man die Pfeile nutzt um nach oben oder unten zu verschieben. Man kann natürlich einen Eintrag komplett löschen. Dabei ist zu beachten, dass der letzte Eintrag nicht komplett gelöscht werden kann und daher nur die Inhalte entfernt werden. Das ist nötig, um mit dem Plus-Zeichen neue Einträge anlegen zu können. Es wird immer direkt unter der Zeile in der sich das benutzte Werkzeug zum Neuanlegen befindet eine neue Zeile angelegt.
  3. Umrandung
    Die Templates der Linkliste enthalten Angaben wo ein Umrandung erscheint. Möchte man keine Linien kann man unter "Rahmentyp" die Umrandung ausschalten. Über die Vorschau kann man in Echtzeit sehen, wo der gewählte Rahmen erscheint und wie er aussieht. Manche Vorlagen haben runde Ecken, die allerdings nur in modernsten Browsern angezeigt werden können.
  4. Schrifteinstellungen
    Man kann sowohl die Schrift für die Überschrift als auch für die Liste (Inhalt) bestimmen. Dazu gehört die Schriftart, die Größe und die Farbe. Ob eine Schrift fett oder mager angezeigt wird, bestimmt die Designvorlage.
  5. Hover-Farbe
    Der Inhalt dieses Elements sind Links. Üblich ist, dass ein Link sein Aussehen ändert, wenn man mit der Maus über den Link fährt. Ein Teil dieser Veränderung übernimmt die Designvorlage. Ihr habt aber die Möglichkeit, die Farbe zu bestimmen, in der der Link angezeigt werden soll, wenn man mit der Maus darüberfährt. Damit habt Ihr die Option, das Aussehen der Linkliste optimal an Eure Webseite anzupassen. Möchte man den Hover-Effekt für die Farbe ausschalten so kann man die Farbe einfach löschen. Dazu dient das Symbol mit dem roten Kreuz.
  6. Hintergrundfarbe Bereich Überschrift
    Die Designvorlagen sind so aufgebaut, dass die Überschrift in einem Bereich angezeigt wird und der Inhalt in einem anderen Bereich. Dadurch dass Ihr Farben für jeden Bereich definieren könnt, habt ihr vielfältige Gestaltungsmöglichkeiten. Natürlich kann man alle Hintergrundfarben löschen und so das Aussehen eines Templates völlig verändern.
  7. Hintergrundfarbe Bereich Liste
    Auch der Hintergrund der Liste selbst läßt sich beliebig mit Farbe hinterlegen.
  8. Designvorlage
    Hier könnt Ihr aus verschiedenen Templates ein passendes Design für Eure Liste auswählen. In der Vorschau wird die neue Vorlage sofort angezeigt. Derzeit gibt es noch keine Vorlagen mit grafischen Elementen. Diese werden aber bald folgen. Dann ist es gut zu wissen, dass bei solchen Vorlagen evtl. nicht alle Optionen verwendet werden. Ihr erkennt es daran, das Farbeinstellungen oder auch Linien nicht angezeigt werden.
  9. Vorschau in Echtzeit
    Mit der Vorschau sieht Ihr immer sofort und in Echtzeit, wie Eure Linkliste aussieht. Jede Option wird umgehend in der Vorschau angezeigt. Ob Linien, Farben oder Schriften. Das erleichtet Euch sicher die Gestaltung der Linkliste.

Anwendung der Linkliste als fixe Navigation

Wenn Ihr ein Design nutzt, welches zwar eine Sidebar aber keine seitliche Navigation habt, so könnt Ihr mit der Linkliste eine Navigation simulieren. Nehmen wir mal an, Ihr wollt alle Kontaktseiten Eurer Webseite in die Sidebar legen (Impressum, Kontaktformular und vielleicht das Gästenbuch) dann geht Ihr wie folgt vor: Ihr legt eine neue Linkliste an mit der Überschrift "Kontaktmöglichkeiten" und dort packt Ihr dann zum Beispiel die hier genannten drei internen Seiten rein. Gestalten, abspeichern und schon wird in der Sidebar die Möglichkeit geschaffen, dass Eure Besucher immer Zugriff auf diese Seiten haben. Zusätzlich könnt Ihr die über die Linkliste eingebundenen Seiten aus der Navigation ausblenden. Dazu öffnet Ihr die Seitenverwaltung, klickt auf die erste Seite, die in der Linkliste ist, dann auf Bearbeiten und unten bei Verlinkung wählt Ihr den Punkt "Navigation ausgeblendet". Speichern, fertig und nächste Seite genauso ändern. Da Ihr ja beliebig viele Linklisten in die Sidebar einbinden könnt, habt Ihr die Möglichkeit, beliebig viele Seiten in die Sidebar zu verlegen, wass durchaus SInn machen kann, wenn man bestimmte Seiten zu Gruppen zusammenfassen möchte. Viel Spaß beim Ausprobieren.