Handbuch für Redaktoren «Joomla Content Management System» © Christof Rimle IT Services www.rimle.ch Anleitung für Redaktoren «Joomla Content Management System» V3.6 V3.6.3 | 22.12.2016 © Christof Rimle IT Services www.rimle.ch 2 Inhaltsverzeichnis 1 2 Support .............................................................................................................................................................6 1.1 Support-Anfragen ............................................................................................................... 6 1.2 E-Mail-Support ..................................................................................................................... 6 1.3 Fern-Support ......................................................................................................................... 6 1.4 Schulung .................................................................................................................................. 6 Voraussetzungen ..........................................................................................................................................7 2.1 Webserver und www-Adresse...................................................................................... 7 2.2 Joomla ...................................................................................................................................... 7 2.3 Erweiterungen ...................................................................................................................... 7 2.4 Berechtigungen.................................................................................................................... 7 3 Frontend - Backend .....................................................................................................................................8 4 Login - Logout im Frontend .......................................................................................................................9 4.1 Im Frontend einloggen über URL ................................................................................ 9 5 4.2 Im Frontend einloggen über Menüeintrag .............................................................. 9 4.3 Im Frontend ausloggen ..................................................................................................... 9 Login - Logout im Backend ..................................................................................................................... 10 5.1 Im Backend einloggen .................................................................................................... 10 5.2 6 Vorhandenen Beitrag bearbeiten ........................................................................................................ 11 6.1 Beitrag bearbeiten im Frontend................................................................................ 11 6.2 7 8 Beitrag bearbeiten im Backend ................................................................................. 11 Neuen Beitrag hinzufügen ..................................................................................................................... 12 7.1 Beitrag hinzufügen im Frontend ............................................................................... 12 7.2 Beitragskategorie auswählen ..................................................................................... 12 7.3 Beitrag hinzufügen im Backend ................................................................................. 13 7.4 Beitragskategorie auswählen ..................................................................................... 13 Beitrag löschen ........................................................................................................................................... 14 8.1 Beitrag löschen im Frontend....................................................................................... 14 8.2 9 Im Backend ausloggen ................................................................................................... 10 Beitrag löschen im Backend ........................................................................................ 14 Haupteinträge (Startseiten-Beiträge)................................................................................................ 15 9.1 Haupteintrag veröffentlichen im Frontend ......................................................... 15 9.2 Haupteintrag veröffentlichen im Backend ........................................................... 15 10 Kategorien .................................................................................................................................................... 16 10.1 Neue Kategorie hinzufügen ........................................................................................ 16 3 10.2 Kategorie bearbeiten/löschen ................................................................................... 16 11 Menüeinträge ............................................................................................................................................. 17 11.1 Menüeintrag für einzelnen Beitrag hinzufügen ................................................. 17 11.2 Menüeintrag hinzufügen und mit Kategorie verknüpfen .............................. 18 11.3 Menüeintrag hinzufügen und mit den Haupteinträgen verknüpfen ........ 19 11.4 Menüeintrag bearbeiten/löschen............................................................................. 20 11.5 Menüeintrag verstecken bzw. freigeben .............................................................. 20 12 Gelöschte Elemente wiederherstellen .............................................................................................. 21 13 Arbeiten mit dem Editor ......................................................................................................................... 22 13.1 Normaler Text - Schriftstile ......................................................................................... 22 13.2 Formatvorlagen ................................................................................................................ 22 13.3 Absatzausrichtung ........................................................................................................... 22 13.4 Aufzählungen und Nummerierungen ..................................................................... 22 13.5 Schriftart und -grösse, Farben ................................................................................... 23 13.6 Formatierungen entfernen .......................................................................................... 23 13.7 HTML-Code........................................................................................................................ 23 13.8 Text über die Zwischenablage einfügen ................................................................ 24 13.9 Weiterlesen-Link .............................................................................................................. 24 13.10 Tabellen ................................................................................................................................ 25 14 Bild in Beitrag einfügen ........................................................................................................................... 26 14.1 Bild hochladen ................................................................................................................... 26 14.2 Bild einfügen ....................................................................................................................... 27 15 Vorschaubild und Bild in Beitrag einfügen....................................................................................... 28 15.1 Bild hochladen und Vorschaubild erzeugen ........................................................ 28 15.2 Bild und Vorschaubild einfügen ................................................................................. 29 16 Fotoalbum .................................................................................................................................................... 30 16.1 Bilder hochladen............................................................................................................... 30 16.2 Fotoalbum einfügen ........................................................................................................ 31 16.3 Fotoalbum mit erweiterten Funktionen ................................................................ 32 16.4 Fotoalbum mit Bildbeschriftungen .......................................................................... 32 17 Datei-Links ................................................................................................................................................... 34 18 Links zu Webseiten Dritter.................................................................................................................... 35 19 Links zu eigenen Seiten ........................................................................................................................... 36 20 Links zu E-Mail-Adressen ....................................................................................................................... 37 21 Dateien verwalten..................................................................................................................................... 38 21.1 … mit dem Joomla Medienmanager ......................................................................... 38 4 21.2 … mit dem Beitragseditor ............................................................................................. 38 21.3 … mit dem JCE Datei-Browser................................................................................... 39 21.4 … mit einem FTP-Programm ....................................................................................... 40 22 Webformulare «Proforms» .................................................................................................................... 41 22.1 Vorlagen ............................................................................................................................... 41 22.2 Formulare ............................................................................................................................ 41 22.3 Formular veröffentlichen ............................................................................................. 41 23 Textspoiler «LV Spoiler» .......................................................................................................................... 42 24 «Easy Folder Listing Pro» ........................................................................................................................ 43 25 «ARI Image Slider» ..................................................................................................................................... 44 26 Empfohlene Programme ......................................................................................................................... 45 27 Arbeitsmethoden ....................................................................................................................................... 46 28 Fehler vermeiden....................................................................................................................................... 47 5 1 Support 1.1 Support-Anfragen Wir helfen Ihnen gerne! Für Anfragen benutzen Sie bitte wenn möglich unser Support-Ticketsystem. Ticketsystem www.rimle.ch/support 1.2 E-Mail-Support Alternativ können Sie uns gerne per E-Mail kontaktieren. E-Mail [email protected] 1.3 Fern-Support Geben Sie uns temporären Zugriff auf Ihren Computer um ein Problem zusammen anzuschauen. Die Fernsupport-Software «Teamviewer» laden Sie von unserer Webseite herunter. Teamviewer www.rimle.ch 1.4 Schulung Um sich in die Aufgabe eines Joomla-Webredaktors oder Webmasters einzuarbeiten bieten wir eine individuelle Schulung an. Näheres finden Sie auf unserer Webseite. Schulung 6 www.rimle.ch/support-service 2 Voraussetzungen 2.1 Webserver und www-Adresse Ein Hosting (Speicherplatz auf einem Webserver) und eine Domain (www-Adresse). Preiswerte Angebote finden Sie auf unserer Webseite. Hosting, Webserver http://www.rimle.ch/web-services/hosting 2.2 Content Management System Joomla «Joomla» das populäre, freie Content-Management-System (CMS) ist in der (hoffentlich) aktuellsten Version auf dem Webserver installiert. 2.3 Erweiterungen Auf allen von uns erstellten Webseiten kommen Erweiterungen zum Einsatz, In diesem Handbuch gehen wir deshalb davon aus, dass die folgenden Erweiterungen installiert sind: ∂ ∂ ∂ «JCE Editor» inkl. allen dazugehörenden Plugins «Sigplus» Foto Galerie «Proforms» Webformulare Für Kunden mit erweiterten Bedürfnissen behandeln wir in dieser Anleitung zusätzliche Erweiterungen, die aber nicht ohne weiteres auf jeder unserer «Joomla»-Webseiten installiert sind: ∂ ∂ ∂ JCE Editor, Sigplus, Proforms «ARI Image Slider» «LVSpoiler» Textspoiler «Easy Folder Listing Pro» Wenden Sie sich bitte an den Administrator, wenn Sie eine dieser Komponenten benötigen. 2.4 Administrator, Super User Berechtigungen Ein Account mit einer passenden Berechtigungsstufe, zum Beispiel «Administrator». Für gewisse Tätigkeiten kann die höchste Berechtigungsstufe «Super User» notwendig sein. 7 3 Frontend - Backend Wahlweise kann im Frontend oder im Backend gearbeitet werden. Im Frontend ist es einfacher, den gewünschten Beitrag zu finden. Im Backend stehen hingegen mehr Funktionen zur Verfügung. Frontend Beiträge bearbeiten Neue Beiträge hinzufügen Beiträge löschen Bilder und Dateien hochladen Beiträge aktivieren/deaktivieren Beiträge zeitgesteuert veröffentlichen Kategorien Menüs und Menüeinträge Webformulare System konfigurieren und warten Vergleichstabelle Frontend - Backend 8 Benutzer verwalten Erweiterungen verwalten Backend 4 Login - Logout im Frontend 4.1 ∂ Im Frontend einloggen über URL Die Adresse Ihrer Webseite ergänzen mit: /index.php?option=com_users&view=login Beispiel: http://www.ihredomain.ch/index.php? ℜ option=com_users&view=login URL Frontend-Login Tipp: als Favorit / Lesezeichen speichern! 4.2 Im Frontend einloggen über Menüeintrag Wenn Sie einen Menüeintrag «Intern» wünschen um sich einzuloggen, wenden Sie sich bitte an den Administrator. Menüeintrag Intern, Frontend-Login 4.3 Im Frontend ausloggen Auf dem gleichen Weg wie Sie sich eingeloggt haben, können Sie sich auch wieder ausloggen. Aus Sicherheitsgründen sollten Sie dies nicht unterlassen. Frontend-Logout Nach spätestens 60 Minuten Inaktivität werden Sie automatisch ausgeloggt. 9 5 Login - Logout im Backend 5.1 ∂ Im Backend einloggen Die Adresse Ihrer Webseite ergänzen mit: /administrator Beispiel: http://www.ihredomain.ch/administrator URL Backend-Login Tipp: als Favorit / Lesezeichen speichern. 5.2 ∂ ∂ 10 Im Backend ausloggen In der Menüleiste oben rechts auf das Zahnradsymbol klicken [Abmelden] 6 Vorhandenen Beitrag bearbeiten 6.1 ∂ ∂ ∂ Beitrag bearbeiten im Frontend Im Frontend einloggen Seite 9 Zum gewünschten Beitrag navigieren Auf das [Bearbeiten] Symbol klicken Beitrag bearbeiten, Frontend 6.2 ∂ ∂ Beitrag bearbeiten im Backend Im Backend einloggen Seite 10 MENÜ Inhalt > Beiträge Suche nach Beiträgen ∂ Im Suchfeld einige Buchstaben des Beitragstitels eingeben oder Beitrag bearbeiten, Backend ∂ Auf «Suchwerkzeuge» klicken und Filter anwenden 11 7 Neuen Beitrag hinzufügen 7.1 Beitrag hinzufügen im Frontend Ein neuer Beitrag kann im Frontend nur dann hinzugefügt werden, wenn im Menü «Intern» ein Punkt «Neuen Beitrag erstellen» vorhanden ist. Wenden Sie sich gegebenenfalls an den Administrator der Webseite um diese Funktion hinzuzufügen. ∂ ∂ ∂ Im Frontend einloggen Seite 9 MENÜ «Intern» «Neuen Beitrag erstellen» ∂ ∂ Im Feld «Titel» einen Beitragstitel eingeben Text, Bilder, Links, … einfügen Die Ansicht kann je nach Template von dieser Abbildung abweichen. Beitrag hinzufügen, Frontend 7.2 ∂ ∂ Veröffentlichung des Beitrags 12 Beitragskategorie auswählen Zum Reiter «Veröffentlichen» wechseln Die passende Kategorie auswählen Dadurch wird der Beitrag mit dem zugehörigen Menüeintrag verknüpft und ohne weiteres veröffentlicht. 7.3 Beitrag hinzufügen, Backend Beitrag hinzufügen im Backend ∂ ∂ Im Backend einloggen Seite 10 MENÜ Inhalt > Beiträge > Neu ∂ ∂ Im Feld «Titel» einen Beitragstitel eingeben Text, Bilder, Links, … einfügen 7.4 ∂ Beitragskategorie auswählen Bei «Kategorie» die passende Kategorie auswählen Dadurch wird der Beitrag mit dem zugehörigen Menüeintrag verknüpft und ohne weiteres veröffentlicht. Wenden Sie sich gegebenenfalls an den Administrator der Webseite, falls keine Verknüpfung zwischen Kategorie und Menüeintrag besteht. Automatische Veröffentlichung bzw. Menüeintrag Falls keine Verknüpfung zwischen Kategorie und Menüeintrag erwünscht ist, muss ein neuer Menüeintrag hinzufügt und mit dem Beitrag verknüpft werden. Seite 17. 13 8 Beitrag löschen 8.1 Beitrag in Papierkorb verschieben (Frontend) ∂ ∂ ∂ ∂ ∂ Im Frontend einloggen Seite 9 Zum gewünschten Beitrag navigieren Auf das [Bearbeiten] Symbol klicken Zum Reiter «Veröffentlichen» wechseln Bei «Status» = «Papierkorb» wählen 8.2 Beitrag in Papierkorb verschieben (Backend) ∂ ∂ ∂ ∂ Beitrag löschen im Frontend Beitrag löschen im Backend Im Backend einloggen Seite 10 MENÜ Inhalt > Beiträge Einen oder mehrere Beiträge auswählen Auf Symbol [Papierkorb] klicken Hinweise Wenn der gelöschte Beitrag mit einem eigenen Menüeintrag verknüpft war, entsteht ein »toter» Menüeintrag und die Besucher der Webseite sehen eine Fehlermeldung. Der Menüeintrag verschwindet natürlich nicht von selbst sondern muss gegebenenfalls auch gelöscht werden. Wenn der gelöschte Beitrag der letzte verbleibende Beitrag eines Blogs war, entsteht ein leerer Blog. Für Besucher der Webseite wäre dies verwirrend. Deshalb muss der entsprechende Menüeintrag ebenfalls gelöscht werden. Wenn der gelöschte Beitrag der letzte verbleibende Beitrag einer Kategorie war, entsteht einer leere Kategorie. Das wäre zwar nicht schlimm, aber im Lauf der Zeit entstehen so Altlasten. Deshalb sollte die entsprechende Kategorie ebenfalls gelöscht werden. Tote Menüeinträge, leere Blogs, leere Kategorien 14 Wenn ein Beitrag gelöscht wird sollte man sich überlegen, ob die damit verknüpften Bilder und Download-Dateien weiterhin benötigt werden. Wenn möglich sollten diese Dateien ebenfalls gelöscht werden. 9 Haupteinträge (Startseiten-Beiträge) Was sind Haupteinträge? Beiträge die als «Haupteintrag» gekennzeichnet sind, werden (ungeachtet der Kategorie) zusätzlich auf der Startseite angezeigt. Dies erlaubt eine doppelte Dynamik: Beispiel: Während ein paar Wochen sollen gewisse Beiträge nicht nur unter ihrem eigentlichen Menüeintrag sondern zusätzlich auf der Startseite angezeigt werden. So erzielen sie grössere Aufmerksamkeit bei den Besuchenden. Definition von «Haupteinträgen» Nach Ablauf dieser Phase wird das Attribut «Haupteintrag» entfernt, worauf der Artikel von der Startseite verschwindet und nur noch an seinem eigentlichen Ort angezeigt wird. 9.1 Haupteintrag im Frontend ∂ ∂ ∂ ∂ ∂ Im Frontend einloggen Seite 9 Zum gewünschten Beitrag navigieren Auf das [Bearbeiten] Symbol klicken Zum Reiter «Veröffentlichen» wechseln Bei «Haupteintrag» «Ja» bzw. «Nein» auswählen 9.2 ∂ ∂ ∂ Haupteintrag veröffentlichen im Frontend Haupteintrag veröffentlichen im Backend Im Backend einloggen Seite 10 MENÜ Inhalt > Beiträge Beim gewünschten Beitrag das Symbol «Haupteintrag» aktivieren bzw. deaktivieren Haupteintrag im Backend 15 10 Kategorien Wozu braucht es Kategorien? Jeder Beitrag wird normalerweise einer Kategorie zugeordnet. Die Verwendung von Kategorien ist in folgenden Fällen nötig bzw. empfehlenswert: ∂ Auf der Webseite sollen ein oder mehrere Kategorieblogs bzw. Kategorielisten realisiert werden. ∂ Verschiedene Personen sollen sich einloggen und unterschiedliche Zugriffsrechte auf mehrere Gruppen von Beiträgen haben. ∂ Bei einer grossen Anzahl von Beiträgen wird die Übersichtlichkeit im Backend verbessert. Kategorien können verschachtelt werden, - sie können also Unterkategorien enthalten. Definition von «Kategorien» Wenn man ausdrücklich nicht mit Kategorien arbeiten will, verwendet man die Standard-Kategorie «Uncategorized» (nicht zugeordnet). 10.1 Neue Kategorie hinzufügen ∂ ∂ ∂ ∂ Kategorie hinzufügen Im Backend einloggen Seite 10 MENÜ Inhalt > Kategorien > Neu im Feld «Titel» einen Kategorietitel eingeben Falls eine verschachtelte Kategorie erstellt werden soll, bei «Übergeordnet» eine übergeordnete Kategorie auswählen 10.2 Kategorie bearbeiten/löschen ∂ ∂ ∂ Kategorie bearbeiten/ löschen 16 ∂ Im Backend einloggen Seite 10 MENÜ Inhalt > Kategorien Die zu bearbeitende Kategorie auswählen oder Auf das Symbol [Papierkorb] klicken 11 Menüeinträge 11.1 Menüeintrag für einzelnen Beitrag hinzufügen Hiermit wird ein Menüeintrag erstellt, der ganz klassisch einen einzelnen Beitrag öffnet. ∂ ∂ Im Backend einloggen Seite 10 MENÜ Menüs > Gewünschtes Menü > Neuer Menüeintrag ∂ Im Feld «Menütitel» eine Bezeichnung für den Menüeintrag eingeben. Dieser kann (muss aber nicht) mit dem Beitragstitel übereinstimmen «Menüeintragstyp» > [Auswählen] > Beiträge > «Einzelner Beitrag» «Beitrag auswählen» > [Auswählen] > Beitrag suchen «Übergeordneter Beitrag» > Position auswählen ∂ Menüeintrag für einzelnen Beitrag ∂ ∂ 17 11.2 Menüeintrag hinzufügen und mit Kategorie verknüpfen Hiermit wird ein Menüeintrag erstellt, der alle Beiträge einer bestimmten Kategorie auflistet und sie sie in einer bestimmten Reihenfolge darstellt. Wir sprechen von einem Kategorieblog oder einer Kategorieliste. ∂ ∂ Im Backend einloggen Seite 10 MENÜ Menüs > Gewünschtes Menü > Neuer Menüeintrag ∂ Im Feld «Menütitel» eine Bezeichnung für den Menüeintrag eingeben. Dieser kann (muss aber nicht) mit dem Kategorietitel übereinstimmen «Menüeintragstyp» > [Auswählen] > Beiträge > «Kategorieblog» bzw. Kategorieliste «Kategorie auswählen» > [Auswählen] > Kategorie suchen «Übergeordneter Beitrag» > Position auswählen ∂ Menüeintrag für Kategorieblog bzw. Kategorieliste 18 ∂ ∂ 11.3 Menüeintrag hinzufügen und mit den Haupteinträgen verknüpfen Hiermit wird ein Menüeintrag erstellt, der alle Beiträge auflistet, welche als Haupteintrag markiert sind und sie in einer bestimmten Reihenfolge darstellt. Typischerweise ist dies die Startseite. Wir sprechen auch von einem «Startseitenblog». ∂ ∂ Im Backend einloggen Seite 6 MENÜ Menüs > Gewünschtes Menü > Neuer Menüeintrag ∂ Im Feld «Menütitel» eine Bezeichnung für den Menüeintrag eingeben. Oftmals ist es die Startseite, also «Home». In diesem Fall im Feld «Standardseite» Ja auswählen. «Menüeintragstyp» > [Auswählen] > Beiträge > «Haupteinträge» Da es sich um die Startseite handelt, wird kein verschachtelter Menüeintrag erstellt. Deshalb bei «Übergeordneter Eintrag» die Option «Oberste Menüebene» auswählen ∂ ∂ Menüeintrag für Haupteintragsblog bzw. Startseitenblog 19 11.4 Menüeintrag bearbeiten/löschen ∂ ∂ ∂ ∂ Im Backend einloggen Seite 6 MENÜ Menüs > Gewünschtes Menü Den zu bearbeitenden Menüeintrag auswählen oder Auf das Symbol [Papierkorb] klicken Es gibt keine direkte Abhängigkeit zwischen Menüeintrag und Beitrag. Das heisst: Menüeintrag und Beitrag müssen separat gelöscht werden. Menüeintrag bearbeiten Damit kein toter Link entsteht, sollte zuerst der Menüeintrag und erst dann der Beitrag gelöscht werden. 11.5 Menüeintrag verstecken bzw. freigeben Ein Menüeintrag kann vorbereitet und gespeichert werden. Vielleicht will man ihn nicht sofort veröffentlichen sondern nur vorbereiten und zu einem späteren Zeitpunkt freigeben. Oder man will einen Menüeintrag nicht sofort löschen sondern ihn nur zu deaktivieren. So kann er später nötigenfalls wieder aktiviert werden. Ein Menüeintrag kann nur manuell (nicht zeitgesteuert) versteckt bzw. freigegeben werden. ∂ ∂ ∂ Menüeintrag aktivieren bzw. deaktivieren 20 Im Backend einloggen Seite 6 MENÜ Menüs > Gewünschtes Menü Beim entsprechenden Menüeintrag auf das Symbol bzw. klicken der Menüeintrag ist freigegeben; klicken um zu sperren der Menüeintrag ist gesperrt; klicken um freizugeben 12 Gelöschte Elemente wiederherstellen Viele Elemente werden beim Löschen nicht endgültig entfernt, sondern in eine Art «Papierkorb» verschoben. Unter Umständen können diese ganz einfach wiederhergestellt werden. Beispiele: ∂ ∂ ∂ ∂ Menüeinträge Beiträge Kategorien Module Nicht wiederhergestellt werden können Bilder und Dateien. Hier gehen wir aber davon aus, dass sich von Bildern und anderen Dateien immer eine Kopie auf dem PC befindet und nach einem irrtümlichen Löschen vom Webserver erneut vom PC hochgeladen werden können. Allenfalls befinden sich vom PC gelöschte Bilder und Dateien im Papierkorb des PC. Papierkorb Gelöschten Beitrag wiederherstellen Das Vorgehen ist bei allen Elementen praktisch gleich. Hier wird deshalb nur das Wiederherstellen eines gelöschten Beitrages behandelt: ∂ ∂ ∂ ∂ ∂ Im Backend einloggen Seite 6 MENÜ Inhalt > Beiträge «Suchwerkzeuge» «Status wählen» > «Papierkorb» Auf das Symbol «Eintrag veröffentlichen» klicken ∂ Auf [Zurücksetzen] klicken um die Filter zu entfernen und die ursprüngliche Ansicht wiederherzustellen Der Beitrag ist jetzt wieder in der ursprünglichen Kategorie zu finden. ∂ 21 13 Arbeiten mit dem Editor 13.1 Normaler Text - Schriftstile Mit den folgenden Symbolen wird der Schriftstil des markierten Textes formatiert: Fett, kursiv, unterstrichen Unterstrichen Kursiv (engl. «Italic») Fett (engl. «Bold») 13.2 Formatvorlagen Über das Dropdownmenü wird der markierte Absatz mittels vordefinierten Formatvorlagen formatiert. Beispiele: Absatz, Überschrift 1, Überschrift 2 Absatz normaler Text (engl. «Paragraph» = Absatz) Überschrift 1 Überschrift erster Ebene (gross) Überschrift 2 Überschrift zweiter Ebene (etwas kleiner) Überschrift 3 Überschrift dritter Ebene (noch kleiner) 13.3 Absatzausrichtung Mit den folgenden Symbolen wird die Ausrichtung des markierten Absatzes geändert: Linksbündig, rechtsbündig, zentriert Rechtsbündig Linksbündig Zentriert Blocksatz 13.4 Aufzählungen und Nummerierungen Mit den folgenden Symbolen wird der markierte Absatz mit Aufzählungszeichen oder einer Nummerierung formatiert: Aufzählungen und Nummerierungen 22 Liste mit Aufzählungszeichen Nummerierte Liste 13.5 Schriftart und -grösse, Farben Mit den folgenden Symbolen werden weitere Formatierungen des markierten Textes geändert. Aus ästhetischen Gründen sollte dies äusserst zurückhaltend angewendet werden! Diese wenig benutzten Befehle sind in der Symbolleiste standardmässig ausgeblendet. Sie können über die Schaltfläche «Toolbar umschalten» vorübergehend eingeblendet werden. Hintergrundfarbe Schriftfarbe Schriftgrösse Schriftart Schriftart, Schriftgrösse, Farben 13.6 Formatierungen entfernen Mit dem folgenden Symbol werden alle Formatierungen des markierten Textes entfernt. Formatierungen zurücksetzen 13.7 HTML-Code Erfahrene Benutzer können bei Bedarf direkt im HTML-Code «Hand anlegen». HTML-Quellcode bearbeiten ∂ Auf das Symbol klicken um zwischen HTML- und normaler Ansicht zu wechseln 23 13.8 Text über die Zwischenablage einfügen Beim Kopieren von Text aus Word oder anderen Quellen besteht die Gefahr, dass die Original-Schriftstile und Formatvorlagen mitkopiert werden. Die Folge: die grafische Gestaltung der Webseite leidet, weil der Text uneinheitlich aussieht (andere Schrift, zu gross, zu klein, usw.). Der Editor ist so konfiguriert, dass Word-Formatierungen beim Einfügen automatisch entfernt werden. Sollte dies in gewissen Fällen nicht funktionieren, kann folgendes versucht werden: ∂ Kopieren von Formatierungen vermeiden ∂ Nicht [Ctrl-v] sondern [Shift-Ctrl-v] zum Einfügen verwenden. Insbesondere Benutzer von Firefox haben damit gute Chancen, den Text ohne Formatierungen einzufügen. Die Formatierungen nachträglich entfernen Kapitel «Formatierungen entfernen» Seite 23. 13.9 Weiterlesen-Link Beim Blog-Layout ergibt sich ein Darstellungs-Problem, wenn viele Beiträge mit längeren Texten vorhanden sind. Dies wirkt auf viele Menschen unübersichtlich. Ein «Anriss» (engl. Teaser) ist ein kurzer Einleitungstext (oder Bild) der zum Weiterlesen, -hören, -sehen, -klicken verleiten soll. Anriss bzw. (engl.) Teaser Durch Einfügen eines Weiterlesen-Links kann der Einleitungstext vom Hauptteil des Beitrags getrennt werden. ∂ ∂ Weiterlesen-Link einfügen 24 Cursor positionieren Symbol «Weiterlesen… einfügen» anklicken 13.10 Tabellen Da es im Web keine Tabulatoren gibt, muss für Texte mit einer mehrspaltigen Darstellung eine Tabelle verwendet werden: ∂ Auf das Symbol «Tabelle einfügen/bearbeiten» klicken Tabelle anstelle von Tabulatoren ∂ Die Anzahl Spalten und Zeilen und (falls gewünscht) weitere Eigenschaften wie Innenabstand bzw. Aussenabstand oder die Tabellenbreite bestimmen. ∂ Über das kleine Dreieck-Symbol können zahlreiche Tabellenfunktionen ausgewählt werden. Zum Beispiel Tabelle löschen, Zeilen oder Spalten hinzufügen bzw. löschen oder Eigenschaften bearbeiten. Tabelle einfügen für mehrspaltige Darstellung 25 14 Bild in Beitrag einfügen Optimale Abmessungen für Bilder Empfohlene Grösse für Bilder Breite = zwischen 450 Pixel bis max. 940 Pixel (abhängig von der Breite des Beitrags die zur Verfügung steht). 14.1 Bild hochladen Bild hochladen 26 ∂ ∂ Cursor positionieren Symbol [Einfügen/Bearbeiten von Bildern] anklicken ∂ ∂ ∂ Zum passenden Ordner navigieren / neuen Ordner erstellen Symbol [Hochladen] anklicken [x] Grösse ändern markieren und die gewünschte Breite eingeben (die relative Höhe ergibt sich dann automatisch) ∂ Über [Durchsuchen] eine oder mehrere Dateien auswählen. (Alternativ kann auch die Datei hier ablegen Fläche verwendet werden.) Auf [Hochladen] klicken ∂ 14.2 Bild einfügen Bild einfügen ∂ ∂ Das hochgeladene Bild anklicken Bei Ausrichtung wählen, wie das Bild platziert werden soll: ∂ - Nicht gesetzt: Bild wird mit Text auf eine Zeile platziert - Links: Bild wird linksbündig platziert (mit Textumfluss) - Rechts: Bild wird rechtsbündig platziert (mit Textumfluss) - Mitte: Bild wird in der Mitte platziert Bei Abstand den Abstand zwischen Bild und Text eingeben ∂ Auf [Einfügen] klicken 27 15 Vorschaubild und Bild in Beitrag einfügen Optimale Abmessungen für Bilder Empfohlene Grösse für Bilder ∂ ∂ Für Bilder: Für Vorschaubilder: Breite = max. 1280 Pixel Breite = 200 Pixel, Höhe = 150 Pixel 15.1 Bild hochladen und Vorschaubild erzeugen ∂ ∂ Cursor positionieren Symbol [Einfügen/Bearbeiten von Bildern] anklicken ∂ ∂ ∂ Zum passenden Ordner navigieren / neuen Ordner erstellen Symbol [Hochladen] anklicken [x] Grösse ändern markieren und die gewünschte Breite eingeben (die relative Höhe ergibt sich dann automatisch) [x] Vorschaubild markieren, gewünschte Grösse eingeben [x] Passend Beschneiden markieren ∂ ∂ Im gleichen Arbeitsgang Bilder hochladen, Grösse ändern, Vorschaubild erzeugen. 28 ∂ Über [Durchsuchen] eine oder mehrere Dateien auswählen. (Alternativ kann auch die Datei hier ablegen Fläche verwendet werden.) ∂ Auf [Hochladen] klicken 15.2 Bild und Vorschaubild einfügen Im gleichen Arbeitsgang Bild und Vorschaubild einfügen. ∂ ∂ Das hochgeladene Bild anklicken Bei Ausrichtung wählen, wie das Bild platziert werden soll: ∂ - Nicht gesetzt: Bild wird mit Text auf eine Zeile platziert - Links: Bild wird linksbündig platziert (mit Textumfluss) - Rechts: Bild wird rechtsbündig platziert (mit Textumfluss) - Mitte: Bild wird in der Mitte platziert Bei Abstand den Abstand zwischen Bild und Text eingeben: ∂ ∂ ∂ ∂ Zum Reiter «Popups» wechseln «Typ» = «JCE MediaBox Popus» auswählen Die Frage «Möchten Sie das dazugehörige Vorschaubild für den PopUp-Link verwenden?» mit «Ja» beantworten Auf [Einfügen] klicken 29 16 Fotoalbum Für jedes Fotoalbum einen separaten Ordner verwenden! Wichtige Tipps für Fotoalben Ein Fotoalbum sieht schöner aus, wenn alle Bilder das gleiche Format und die gleiche Grösse haben. 16.1 Bilder hochladen ∂ ∂ Beitrag öffnen, in den das Fotoalbum eingefügt werden soll Symbol [Einfügen/Bearbeiten von Bildern] anklicken ∂ ∂ ∂ Zum passenden Ordner navigieren / neuen Ordner erstellen Symbol [Hochladen] anklicken [x] Grösse ändern markieren und die gewünschte Breite eingeben (die relative Höhe ergibt sich dann automatisch) ∂ Über [Durchsuchen] eine oder mehrere Dateien auswählen. (Alternativ kann auch die Datei hier ablegen Fläche verwendet werden.) Auf [Hochladen] klicken Der Vorgang kann etwas dauern und hängt von der Anzahl und ∂ ∂ 30 der Grösse der hochzuladenden Bilder ab 16.2 Fotoalbum einfügen ∂ ∂ ∂ ∂ ∂ Auf ein beliebiges der hochgeladenen Bilder klicken (es sollten aber bereits alle Bilder aktiviert sein) Im Feld «URL» den Pfad zum Fotoalbum-Ordner markieren (jedoch ohne den Stammpfad «images" und ohne den Dateinamen. Beispiel: URL = images/fotos/2016/vereinreise/6.jpg Markieren: images/fotos/2016/vereinreise/6.jpg Markierten Pfad mit [Ctrl-c] kopieren Auf [Abbrechen] klicken um den Bildmanager zu schliessen An der gewünschten Stelle im Beitrag auf einer neuen Zeile den folgenden Code (peinlich genau!) eingeben: {gallery}ordner/unterordner{/gallery} In unserem Beispiel: {gallery}fotos/2016/vereinreise{/gallery} Hinweis Code um ein Fotoalbum in einen Beitrag einzufügen Es werden die Standardeinstellungen des Plugins verwendet: 3 Vorschaubilder auf 1 Zeile nebeneinander. Wenden Sie sich gegebenenfalls an den Administrator, um diese Einstellungen zu 31 ändern. 16.3 Fotoalbum mit erweiterten Funktionen Die Standardeinstellungen des Plugins können bei Bedarf durch Parameter übersteuert werden. Beispiel: {gallery rows=1 cols=3 width=200 height=150}ordner/unterordner{/gallery} Parameter für Fotoalbum rows=x cols=x width=x height=x Anzahl Zeilen Anzahl Spalten Breite in Pixel Höhe in Pixel 16.4 Fotoalbum mit Bildbeschriftungen Optional: Bilder beschriften Pro Foto kann optional eine Überschrift und eine Beschreibung hinzugefügt werden, indem eine Textdatei im gleichen Ordner wie die Fotos gespeichert wird. Dateiname ∂ ∂ Steuerdatei für Bildsbeschriftung wenn der Text sprachunabhängig angezeigt werden soll: labels.txt wenn des Fotoalbum mehrsprachig beschriftet werden soll: labels.de-DE.txt bzw. labels.fr-FR.txt bzw. labels.it-IT.txt Dateiformat Dateiformat der Steuerdatei Die Datei muss im «Nur-Text» Format und UTF-8 codiert sein. Man verwendet also nicht Microsoft Word sondern am besten einen Texteditor. Empfehlung: Notepad++. Dateiinhalt In diese Datei für jedes Bild den folgenden Text schreiben (1 Bild = 1 Zeile) Dateiname|Überschrift|Text Inhalt der Steuerdatei 32 Wichtige Hinweise ∂ ∂ ∂ ∂ ∂ ∂ Unbedingt den richtigen Dateinamen beachten (Gross/Kleinschreibung)! Dateinamen müssen inkl. Erweiterung angegeben werden (jpg, png, ...) Der senkrechte Strich wird mit [AltGr-7] erzeugt Jede Zeile muss mit [Enter] abgeschlossen werden! Keine leeren Zeilen! Sobald sich eine Beschriftungsdatei in einem FotoalbumOrdner befindet, werden im Album nur jene Fotos angezeigt, die in dieser Beschriftungsdatei ausdrücklich aufgelistet sind. Es müssen also alle Dateinamen aufgelistet werden, auch jene Fotos die keine Beschriftung benötigen. Beispiel: Tipps zur Steuerdatei 33 17 Datei-Links Eine Datei (meistens eine PDF-Datei) soll innerhalb eines Beitrags zum Öffnen/Downloaden angeboten werden. Datei zum Download anbieten 34 ∂ ∂ Text, hinter den der Link gelegt werden soll, markieren Symbol [Einfügen/Bearbeiten von Dateien] anklicken ∂ ∂ ∂ Zum passenden Ordner navigieren / neuen Ordner erstellen Symbol [Hochladen] anklicken Über [Durchsuchen] eine oder mehrere Dateien auswählen. (Alternativ kann auch die Datei hier ablegen Fläche verwendet werden.) ∂ ∂ Auf [Hochladen] klicken Die hochgeladene Datei anklicken (es wird automatisch ein entsprechendes Dateisymbol hinzugefügt) Mit [Einfügen] bestätigen ∂ 18 Links zu Webseiten Dritter Wir sprechen hier von «externen Links». Diese werden typischerweise in einer neuen Registerkarte (Tab) des InternetBrowsers geöffnet. Links zu externen Webseiten ∂ ∂ Text, hinter den ein Link gelegt werden soll, markieren Auf das Symbol «Einfügen/Bearbeiten von Links» klicken ∂ Den Link in das Feld «URL» schreiben oder hineinkopieren ∂ ∂ ∂ Im Feld «Ziel» die Option «In neuem Fenster öffnen» wählen Mit [Einfügen] bestätigen Die Frage ob «http://» hinzugefügt werden soll mit «Ja» beantworten 35 19 Links zu eigenen Seiten «Interne Links» werden typischerweise in der gleichen Registerkarte (Tab) des Internet-Browsers geöffnet. ∂ ∂ Text hinter den ein Link gelegt werden soll, markieren Auf das Symbol «Einfügen/Bearbeiten von Links» klicken ∂ Den Link über den Link Browser auswählen - Gruppe «Inhalt» wenn auf eine Seite verlinkt werden soll - Gruppe «Menü» wenn auf einen Menüeintrag verlinkt werden soll (was oft aufs Gleiche rauskommt) Alternativ kann ein Suchbegriff eingegeben werden. Links zu Seiten der eigenen Webseite 36 ∂ ∂ «Ziel»: «In diesem Fenster/Frame öffnen» wählen Mit [Einfügen] bestätigen 20 Links zu E-Mail-Adressen E-Mail-Adressen sollten niemals im Klartext veröffentlicht werden (Spammer hätten ihre helle Freude). Stattdessen schreibt man «E-Mail» und hinterlegt einen Link. Joomla verschlüsselt die auf diese Weise erstellte E-Mail-Adresse mittels Javascript. ∂ ∂ E-Mail Links Text hinter den ein Link gelegt werden soll, markieren, zum Beispiel «E-Mail» Auf das Symbol «Einfügen/Bearbeiten von Links» klicken ∂ Die E-Mail-Adresse in das Feld «URL» schreiben oder hineinkopieren ∂ ∂ Mit [Einfügen] bestätigen Die Frage ob «mailto=» hinzugefügt werden soll mit «Ja» beantworten 37 21 Dateien verwalten Mit «Dateien» sind Bilder, PDF- und weitere Dateien gemeint, die in einem Beitrag angezeigt oder verlinkt werden. Es wird dringend empfohlen, auf dem PC die genau gleiche Datenstruktur wie auf dem Webserver zu verwenden. Man erstellt also beispielsweise folgende Ordnerstruktur Ordnerstruktur auf dem Webserver und auf dem PC Je durchdachter diese Ordnerstruktur, desto einfacher die Arbeit! 21.1 … mit dem Joomla Medienmanager Den Joomla Medienmanager halten wir für nicht besonders benutzerfreundlich. Deshalb wird an dieser Stelle nicht näher darauf eingegangen. Joomla Medienmanager ∂ Backend > MENÜ Inhalt > Medien 21.2 … mit dem Beitragseditor Dateien brauchen nicht unbedingt im Voraus auf den Webserver hochgeladen zu werden. Man kann dies auch erst dann tun, wenn man diese Dateien braucht. Das heisst: wenn man am Schreiben des Beitrags ist und den Editor schon geöffnet hat. Praxistipp: DateiBrowser im Beitragseditor 38 Fügt man in einem Beitrag mit dem Editor Bilder oder Dateilinks ein, wird ebenfalls der JCE Datei-Browser gestartet. Nun können die benötigten Dateien hochgeladen und im gleichen Arbeitsgang eingefügt werden. Siehe nächstes Kapitel… 21.3 … mit dem JCE Datei-Browser Der «JCE Datei-Browser» gehört zur Erweiterung «JCE Editor». Wir gehen davon aus, dass der Administrator diese sehr nützliche Erweiterung installiert und für Redaktoren freigegeben hat. ∂ Im Backend einloggen Seite 6 ∂ Kontrollzentrum (das ist die Startseite des Backend) ∂ Unten links den «JCE Datei-Browser» öffnen JCE Datei-Browser 39 21.4 … mit einem FTP-Programm Dies ist die professionellste und einfachste Möglichkeit, Bilder und Dateien zu bewirtschaften. Allerdings sollte man hier besonders sorgfältig arbeiten, weil ungewollte Aktionen relativ schnell bewerkstelligt sind. Die Abkürzung «FTP» steht für «File Transfer Protocol» . Mit einem FTP-Programm kann man auf dem Webserver ähnlich bequem wie dem Windows Explorer arbeiten (Dateien löschen, umbenennen, verschieben, Dateien vom PC auf den Webserver übertragen (oder umgekehrt). Einzelne FTP-Benutzer können unterschiedliche Berechtigungsstufen haben. Der Administrator kann den Zugriff auf einzelne Unterordner beschränken bzw. nur bestimmten Redaktoren zugänglich zu machen. Praxistipp: FTPProgramm Man kann für FTP den Windows Explorer verwenden. Es gibt aber auch spezielle FTP-Programme (Empfehlung: «FileZilla»). Beispiel: die RootEbene (Hauptebene) meiner Firmenwebseite mit den JOOMLADateien und -Ordnern in der FTP-Ansicht von «FileZilla» Detaillierte Erklärungen zu FTP würden den Rahmen dieses Dokumentes sprengen. Wir empfehlen das kostenlose Programm «Filezilla» und die entsprechende Anleitung, welche unter http://www.rimle.ch/download verfügbar ist. 40 22 Webformulare «Proforms» «Proforms» ist eine weit verbreitete und professionelle Formular-Komponente. Was sind «proforms»? Wenden Sie sich gegebenenfalls an den Administrator der Webseite um diese Erweiterung zu installieren und zu konfigurieren… Zuerst muss mindestens eine Vorlage (Set von Formularfeldern) erstellt werden. In einem zweiten Schritt wird dann das Formular erstellt und die benötigte(n) Vorlage(n) zum Formular hinzugefügt. Vorgehen: Formularvorlagen bzw. Formulare 22.1 Vorlagen Formularvorlagen ∂ ∂ ∂ ∂ MENÜ Komponenten > Proforms > [Vorlagen] [Neue Vorlage] oder vorhandene Vorlage auswählen Name der Vorlage und Layouteinstellungen definieren Felder hinzufügen 22.2 Formulare Formulare ∂ ∂ ∂ ∂ MENÜ Komponenten > Proforms > [Formulare] [Neues Formular] oder vorhandenes Formular auswählen Name des Formulars, … eingeben bzw. wählen Formularvorlage(n) in der passenden Reihenfolge hinzufügen 22.3 Formular veröffentlichen Ein Formularkann an einer beliebigen Stelle in einen Beitrag eingefügt werden. ∂ ∂ Code um ein Formular in einen Beitrag einzubinden Die jid des Formulars feststellen und sich merken Im Beitrag den folgenden Code einfügen {proforms jid} Beispiel: {proforms 1} 41 23 Textspoiler «LV Spoiler» Was ist «LV Spoiler»? «LV Spoiler» ist ein Plugin, mit dem ein Textbereich auf- und zuklappbar gestaltet werden kann. Installation und Konfiguration Wenden Sie sich gegebenenfalls an den Administrator der Webseite um diese Erweiterung zu installieren und zu konfigurieren… Textspoiler einfügen Im Beitrag den folgenden Code einfügen: {spoiler title=Überschrift opened=0} Hier steht der Text{/spoiler} Code um einen Text hinter einem Spoiler zu verstecken 42 title= opened=0 opened=1 Überschrift des Spoilers Spoiler ist standardmässig zugeklappt Spoiler ist standardmässig aufgeklappt 24 «Easy Folder Listing Pro» «Easy Folder Listing Pro» ist eine Komponente, mit der Dateilistings erzeugt werden können. Dabei werden alle Dateien und Unterordner eines zu definierenden Ordners aufgelistet und zum Download angeboten. Was ist «Easy Folder Listing Pro»? Diese Funktion ist besonders dann nützlich, wenn auf einer Webseite sehr viele Dateien zum Download angeboten werden oder diese Dateien oft ausgetauscht werden. Installation Wenden Sie sich gegebenenfalls an den Administrator der Webseite um diese Erweiterung zu installieren… «Easy Folder Listing Pro» konfigurieren ∂ ∂ ∂ ∂ Konfiguration ∂ Im Backend einloggen Seite 10 MENÜ «Komponenten» > «Easy Folder Listing Pro» > «Profile» Das gewünschte Profil auswählen «Pfad des Listing-Ordners»: Speicherort der Dateien Beispiel: images/download/ … und zahlreiche weitere Optionen Dateilisting einfügen Dateilisting als Modul einfügen «Easy Folder Listing Pro» wird durch den Administrator als Modul an der gewünschten Position installiert. Bei Bedarf können mehrere Module verwendet werden. So können mehrere Downloadordner und mehrere Benutzergruppen unterstützt werden. Dateien und Ordner verwalten Um den Speicherort festzustellen, siehe den Abschnitt «Konfiguration» weiter oben. Mit dem mit dem JCE Datei-Browser Seite 39 oder Mit einem FTP-Programm Seite 40 können die folgenden Aktionen ausgeführt werden: ∂ ∂ ∂ Dateien verwalten Ordner erstellen / löschen / umbenennen Dateien hochladen Dateien löschen / umbenennen Die Änderungen werden sofort wirksam. 43 25 «ARI Image Slider» Was ist «ARI Image Slider»? «ARI Image Slider» ist ein Modul, mit der eine StartseitenDiashow (ein so genannter Slider) erzeugt werden kann. Dabei werden automatisch alle Bilder eines zu definierenden Ordners aufgelistet und zum Download angeboten. Installation Wenden Sie sich gegebenenfalls an den Administrator der Webseite um diese Erweiterung zu installieren… «ARI Image Slider» konfigurieren ∂ ∂ ∂ Konfiguration ∂ ∂ Im Backend einloggen Seite 10 MENÜ «Erweiterungen» > «Module» > «ARI Image Slider» «Image path»: Speicherort der Bilder Beispiel: images/home/slider «Transition effect»: der Übergangseffekt «Pause time»: die Anzeigezeit pro Bild «ARI Image Slider» einfügen «ARI Image Slider» als Modul einfügen «ARI Image Slider» wird durch den Administrator als Modul an der gewünschten Position installiert. Bilder austauschen Um den Speicherort festzustellen, siehe den Abschnitt «Konfiguration» weiter oben. Mit dem mit dem JCE Datei-Browser Seite 39 oder Mit einem FTP-Programm Seite 40 können die folgenden Aktionen ausgeführt werden: ∂ ∂ Bilder verwalten 44 Bilder hochladen Bilder löschen / umbenennen Die Änderungen werden sofort wirksam. 26 Empfohlene Programme Fast Image Resizer Der «Fast Image Resizer» http://adionsoft.net/fastimageresize ist zwar nicht mehr ganz taufrisch und kann nichts anderes als Bilder verkleinern. Dafür ist er extrem einfach zu bedienen. Zum Massenverkleinern von Bildern gibt es kaum ein effizienteres Gratis-Tool. Xnview »Xnview» http://www.xnview.de ist ebenfalls kostenlos, bietet aber noch viele weitere Möglichkeiten der Bildbearbeitung (rote Augen entfernen, zuschneiden, konvertieren, …). Paint.net Das Bildbearbeitungsprogramm «Paint.net» http://www.getpaint.net ist ebenfalls kostenlos und bietet einen Funktionsumfang, der relativ nahe an Adobe Photoshop Elements herankommt. Adobe Photoshop oder Adobe Photoshop Elements Für die professionelle Bildbearbeitung führt wohl kein Weg an einem der Klassiker vorbei. «Adobe Photoshop Elements» ist die abgespeckte Version und entsprechend preisgünstiger. PDFCreator Mit dem «PDFCreator» http://de.pdfforge.org/pdfcreator können aus jeder Anwendung heraus PDF-Dateien erstellt werden. Das Tool ist kostenlos. FileZilla »Filezilla» http://www.filezilla.de ist ein hervorragender FTP-Client, mit dem sich Dateien vom PC auf den Webserver und umgekehrt übertragen lassen. Die Freeware kann aber noch mehr: auf dem Webserver können Dateien und Ordner erstellt, umbenannt, oder gelöscht werden. Anleitung: www.rimle.ch/download Notepad++ Mit dem Editor «Notepad++» http://notepad-plus-plus.org lassen sich Texte im NurText-Format bearbeiten. Greenshot Mit diesem Tool lassen sich nicht nur Screenshots erstellen. Sie können damit auch die Anzahl Pixel eines Bereichs messen. http://getgreenshot.org/ 45 27 Arbeitsmethoden Frontend-Ansicht in zweitem Browser-Tab prüfen Immer einen zweiten Browser-Tab mit der Frontend-Ansicht geöffnet haben, um das Werk nach dem Speichern zu prüfen (Seite neu laden). Frontend-Ansicht in mehreren Browsern prüfen Die Frontend-Ansicht von Zeit zu Zeit auch in anderen Internet-Browsern (Firefox, Internet Explorer, Google Chrome, Opera, Safari) prüfen. Grund: nicht alle Besuchenden verwenden den gleichen Browser und nicht alle Browser zeigen die Webseiten genau gleich an… Beitrag speichern > Frontend-Ansicht prüfen Nach dem Speichern bemerkt man meistens einen kleinen Tippfehler oder eine andere Unschönheit und wird diese korrigieren wollen. Durch Klicken auf [Speichern] statt auf [Speichern & Schliessen] bleibt der Editor offen und der Artikel kann sofort ergänzt oder korrigiert werden ohne dass man ihn erneut öffnen muss (nur im Backend). Frontend oder Backend: Geschmackssache Gewisse Arbeiten können am einfachsten im Frontend erledigt werden. Man kann freilich auf das so genannte «Frontend-Editing» verzichten und nur das Backend verwenden. Das ist Geschmackssache! 46 28 Fehler vermeiden Beiträge immer mit [Speichern & Schliessen] oder [Abbrechen] verlassen Frontend aktualisieren Browser-Cache löschen 47 Unterschied Zeilenwechsel - Absatzwechsel beachten Formatvorlagen verwenden - manuelle Formatierungen vermeiden Bilder mit einheitlichem Format verwenden 48 Unnötige Absätze und Leerzeichen am Schluss des Textes vermeiden Extrem grosse Bilder beim Hochladen verkleinern 49
© Copyright 2025 ExpyDoc
