Der Editor in Joomla! 4.x

In diesem Beitrag erkl├Ąre ich die Grunds├Ątze des Editors in Joomla! 4.x┬á

Mit Hilfe des WYSIYG-Editors ├Ąhnelt die Texteingabe stark der Arbeit mit Programmen wie Word. Es ist also f├╝r den Autor nicht notwendig, HTML Befehle zu k├Ânnen.

Zwei wichtige Tipps zum Joomla! 4.x Editor:

  1. Wenn Sie mit der Maus ├╝ber die Icons fahren, erscheint jeweils ein kleiner Hilfetext mit der Funktion dieses Icons!
  2. Die Drei Punkte neben der Auswahl Absatz ├ľffnen bzw. schlie├čen die darunterliegenden reihen mit Icons

Ein Bild Einf├╝gen

Bilder werden in einem Artikel ├╝ber die Auswahl┬áÔÇ×CMS Content -> BildÔÇť┬áeingef├╝gt. Mit einem Klick ├Âffnet sich ein Popup ├╝ber welches man alle bereits hochgeladenen Bilder sehen und ausw├Ąhlen kann. Man kann aber auch direkt neue Bilder hochladen.

Bild Auswahldialog

  • Links haben Sie eine Auswahl der Verzeichnisse welche angelegt sind und Bilder entahlten
  • In der Mitte das gro├če Fenster zeigt den Inhalt des Ausgew├Ąhltn Vertzeichnisses inklusive kleiner Vorschaubilder. Mit der Suche dar├╝ber kann man ach nach Dateien / Ordnern in dem gew├Ąhlten Verzeichniss sichen.
  • Zum Ausw├Ąhlen klickt man einfach das gew├╝nschte Bild an und klickt unten rechts auf ÔÇ×Bild Einf├╝gen / Insert MediaÔÇť

Tipps zum Thema Bilder

Tipp 1: Der Dateiname sollte immer den Inhalt des Bildes wiederspiegeln z.B. ein Bild von einem roten VW Golf sollte als Dateiname roter-vw-golf.jpg gew├Ąht werden

Tipp 2: Jedes Bild sollte ├╝ber einen Alternativtext (kann auch als Bildtitel bezeichnet werden) verf├╝gen.

Tipp 3: Bearbeiten Sie die Bilder vorher Lokal auf Ihrem PC und bringen Sie die Bilder in die Gr├Â├če die f├╝r die Webseite zur Darstellung ben├Âtigt wird.

Tipp 4: Joomla! 4.x ver├Ąndert keine Bildgr├Âsse, seien Sie also vorsichtig mit grossen Fotos! Der beste Weg ist, die Bilder in der exakt richtigen Gr├Âsse (Pixel), so wie Sie sie auf der Website haben wollen, hochzuladen. Es gibt viele Erweiterungen, die sich dieses "Problems" annehmen. Auch das Twitter Bootstrap Framework in Joomla! 3, ist da sehr hilfreich (responsive images).

Einen Link einf├╝gen

Um einen Link in einem Beitrag zu setzen m├╝ssen Sie den Text oder das Wort markieren, was verlinkt werden soll und dann im oberen Bereich des Editors auf den Link-Icon klicken.

Im Popup gibt man in das Feld:

  • URL┬ádie Adresse der zu Verlinkenden Website ein
  • Unter┬áÔÇ×Anzuzeigender TextÔÇť┬áist der Text welcher verlinkt wird Eingetragen
  • Im Feld┬áTitel┬ákann man eine zus├Ątzlichen Title f├╝r den Link Eintragen
  • Unter┬áOpen Link in┬áwird eingestellt ob sich beim Klick auf den Link ein neues Fester ├Âffnen soll oder nicht.

Interne Verlinkung von Beitr├Ągen

Um einen Beitrag zu verlinken geht man im Editor auf ÔÇ×CMS Content -> BeitragÔÇť. Mit einem Klick ├Âffnet sich der folgende Dialog:

Es erscheint eine Liste aller Beitr├Ąge mit Such und Filterfunktion um den gew├╝nschten Beitrag zu finden. Nach einem Klick auf den Beitragstitel schlie├čt sich das Popupfenster und im Editor steht der Titel des vorher ausgew├Ąhlten Beitrages mit einem Link zum ausgew├Ąhlten Beitrag.

Verweise auf einen Men├╝punkt

Um einen Men├╝punkt zu verlinken geht man im Editor auf ÔÇ×CMS Content -> Men├╝ÔÇť. Mit einem Klick ├Âffnet sich der folgende Dialog:

Es erscheint eine Liste aller Men├╝punkte mit Such- und Filterfunktion um den gew├╝nschten Men├╝punkt zu finden. Nach einem Klick auf den Beitragstitel schlie├čt sich das Popupfenster und im Editor steht der Titel des vorher ausgew├Ąhlten Men├╝punktes mit einem Link zum ausgew├Ąhlten Men├╝punkt. Der Beitrag┬áMen├╝s in Joomla! 4.x┬ábehandelt das Thema Men├╝s und Men├╝punkte ausf├╝hrlich.

Unsere Kompetenzen


Alexander┬┤s Webdesign

Mosebergstra├če 1
37441, Bad Sachsa

+49-(0)-5523-952 89 98
+49-(0)-160-932 435 66
Diese E-Mail-Adresse ist vor Spambots gesch├╝tzt! Zur Anzeige muss JavaScript eingeschaltet sein.

Montag - Freitag 09:00 - 18:00 Uhr

Kundenstimmen

So bewerten uns unsere Kunden.

4.8 / 5 Sternen

4.8 / 5 bei 108 Stimmen

Alle Bewertungen


  • Folgen Sie uns

Copyright © 2003 - 2022 Alexander┬┤s Webdesign - Alle Rechte vorbehalten.