Ihre Webseite mit Joomla! Open Source Content Management System - Rimle IT Services
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
Ihre Webseite mit Joomla! Open Source Content Management System
Ihre Webseite mit Joomla!
Open Source Content Management System
Version vom 18.05.2021
Basis: Joomla 3.9.26
© Rimle IT Services rimle.ch
1
Inhaltsverzeichnis
1 Vorbemerkungen ..................................................................................................................... 4
1.1 Über dieses Dokument ..................................................................................................... 4
2 Voraussetzungen und Grundlagen............................................................................................ 5
2.1 Hosting .............................................................................................................................. 5
2.2 Joomla ............................................................................................................................... 5
2.3 Berechtigungen ................................................................................................................. 5
2.4 Erweiterungen .................................................................................................................. 5
2.5 Einstellungen ..................................................................................................................... 6
2.6 Front-End oder Back-End? ............................................................................................... 6
3 Unser Standard: Das Blog-Layout ............................................................................................. 7
4 «Home» - Die Startseite ........................................................................................................... 8
4.1 Startseite als 2-spaltiger Blog mit «Führendem Beitrag» ............................................... 8
4.2 Startseite als 2-spaltiger Blog ohne «Führenden Beitrag» ........................................... 10
4.3 Startseite als 1-spaltiger Blog ......................................................................................... 12
5 Die Beitrags-Seiten ................................................................................................................. 14
5.1 Beitragsseite als 2-spaltiger Blog ................................................................................... 14
5.2 Beitragsseite als 1-spaltiger Blog ................................................................................... 16
6 Arbeiten im Front-End ............................................................................................................ 18
6.1 Login ................................................................................................................................ 18
6.2 Logout.............................................................................................................................. 18
6.3 Beitrag bearbeiten .......................................................................................................... 18
6.4 Beitrag hinzufügen .......................................................................................................... 18
6.5 Haupteintrag (Startseiten-Beitrag) ................................................................................ 18
6.6 Beitrag löschen ............................................................................................................... 19
6.7 Ältere Version eines Beitrags wiederherstellen ............................................................ 19
6.8 Beitrag deaktivieren........................................................................................................ 19
6.9 Beitrag aktivieren ............................................................................................................ 19
6.10 Beitrag zeitgesteuert veröffentlichen ............................................................................ 19
7 Arbeiten im Back-End ............................................................................................................. 20
7.1 Login ................................................................................................................................ 20
7.2 Logout.............................................................................................................................. 20
7.3 Beitrag bearbeiten .......................................................................................................... 21
7.4 Beitrag hinzufügen .......................................................................................................... 22
7.5 Beitrag löschen ............................................................................................................... 22
2
7.6 Gelöschten Beitrag wiederherstellen ............................................................................ 22
7.7 Ältere Version eines Beitrags wiederherstellen ............................................................ 22
7.8 Haupteintrag (Startseiten-Beitrag) ................................................................................ 23
7.9 Beitrag deaktivieren........................................................................................................ 23
7.10 Beitrag aktivieren ............................................................................................................ 23
7.11 Beitrag zeitgesteuert veröffentlichen ............................................................................ 23
8 Der Editor ............................................................................................................................... 24
8.1 Text über die Zwischenablage einfügen ........................................................................ 24
8.2 Unerwünschte Formatierungen entfernen ................................................................... 25
8.3 Weiterlesen-Button ........................................................................................................ 25
8.4 Textspoiler ....................................................................................................................... 25
8.5 Tabelle einfügen ............................................................................................................. 26
8.6 Eigenschaften der Tabelle ändern ................................................................................. 26
8.7 Weitere Funktionen für die Tabelle, Zeilen, Spalten, Zellen ........................................ 26
9 Dateien hochladen / bearbeiten ............................................................................................. 27
9.1 Dateien hochladen / bearbeiten im Beitragseditor ...................................................... 27
9.2 Dateien hochladen / bearbeiten mit dem JCE Datei-Browser...................................... 28
9.3 Dateien hochladen / bearbeiten mit einer FTP App ..................................................... 28
9.4 Dateien auf den Webserver hochladen ......................................................................... 29
9.5 Dateien auf dem Webserver bearbeiten ....................................................................... 30
10 Bilder ...................................................................................................................................... 31
10.1 Bild-Abmessungen .......................................................................................................... 31
10.2 Logo ................................................................................................................................. 32
10.3 Slider auf der Startseite .................................................................................................. 33
10.4 Bilder in Beiträgen: Strategien ....................................................................................... 34
10.5 Einleitungsbild und Beitragsbild ..................................................................................... 35
10.6 Frei platziertes Bild ......................................................................................................... 36
10.7 Bildergalerie .................................................................................................................... 38
11 Links........................................................................................................................................ 41
11.1 Datei-Links (z.B. PDF-Dateien) ........................................................................................ 41
11.2 Links zu Webseiten (intern oder extern) ....................................................................... 41
11.3 Links zu E-Mail-Adressen ................................................................................................ 41
11.4 Videos (z.B. Youtube) ...................................................................................................... 41
12 Webformulare «Proforms» ..................................................................................................... 42
13 Empfohlene Apps.................................................................................................................... 43
14 Tipps ....................................................................................................................................... 44
3
1 Vorbemerkungen
1.1 Über dieses Dokument
Zielgruppe
Dieses Handbuch richtet sich an Kunden von Rimle IT Services oder solche die es
werden wollen . Es beschreibt die wichtigsten Funktionen für jene, die ihre
Webseite selbst bewirtschaften wollen.
Wir gehen davon aus, dass Sie über einige Grundkenntnisse der Informatik
verfügen:
Browser
Bedienung, Navigation, Tabs, Lesezeichen. Beispiele: Firefox, Google Chrome,
Microsoft Edge, ...
Webserver
Vorstellungsvermögen für den Unterschied lokale Festplatte und Webserver.
Upload - Download. Beispiel: FTP.
Dateien und Ordner
Verständnis für Datei- und Ordnerstrukturen. Operationen (Kopieren, Verschieben,
Umbenennen, Löschen, …). Beispiel: Windows Explorer.
Bilder
Abmessungen (Pixel). Dateiformate (JPG, PNG, GIF, …). Bildbearbeitung
(Zuschneiden, Verkleinern, …). Beispiele: Photoshop, Xnview, …
4
2 Voraussetzungen und Grundlagen
2.1 Hosting
Speicherplatz auf einem Webserver, PHP-Unterstützung und 1 Datenbank. Dazu
eine Domain (www-Adresse). Und selbstverständlich alle Zugangsdaten,
Passwörter, … Preiswerte Angebote finden Sie auf https://rimle.ch
2.2 Joomla
«Joomla» das populäre, freie Content-Management-System (CMS) ist auf dem
Webserver installiert.
2.3 Berechtigungen
Ein Account mit einer passenden Berechtigungsstufe, zum Beispiel «Administrator».
Für gewisse Tätigkeiten kann die höchste Berechtigungsstufe «Super User»
notwendig sein.
Falls Sie eine hier beschriebene Aktion auf Ihrer Webseite nicht ausführen können,
helfen wir Ihnen gerne weiter support@rimle.ch.
2.4 Erweiterungen
Einige Erweiterungen haben sich in unserer Praxis bewährt. Sie werden von uns
standardmässig auf unseren Kunden-Webseiten installiert. In diesem Handbuch
gehen wir davon aus, dass die folgenden Erweiterungen installiert sind:
• «JCE Editor Pro» Beitragseditor
• «Sigplus» Bildergalerie
• «Proforms» Webformulare
• «LVSpoiler» Textspoiler
Falls Sie eine hier beschriebene Erweiterung bzw. Funktion auf Ihrer Webseite nicht
finden, helfen wir Ihnen gerne weiter support@rimle.ch.
5
2.5 Einstellungen
Viele Einstellungen haben sich in unserer Praxis bewährt. Sie werden von uns
standardmässig auf unseren Kunden-Webseiten konfiguriert.
Falls etwas auf Ihrer Webseite nicht so funktioniert wie erwartet und wie hier
beschrieben, helfen wir Ihnen gerne weiter support@rimle.ch.
2.6 Front-End oder Back-End?
Front-End
Das Front-End ist der öffentlich sichtbare Teil Ihrer Webseite. Wenn Sie sich im
Front-End einloggen, stehen Ihnen grundlegende Bearbeitungsfunktionen zur
Verfügung.
Back-End
Das Back-End ist die Verwaltungszentrale Ihrer Webseite. Wenn Sie sich im Back-
End einloggen, stehen Ihnen alle Funktionen zur Verfügung.
Front-End Back-End
Beiträge bearbeiten
Neue Beiträge hinzufügen
Beiträge löschen
Gelöschte Beiträge wiederherstellen
Ältere Version eines Beitrags wiederherstellen
Bilder und Dateien hochladen
Haupteinträge definieren
Beiträge aktivieren/deaktivieren
Beiträge zeitgesteuert veröffentlichen
Kategorien verwalten
Menüs und Menüeinträge verwalten
Webformulare verwalten
System konfigurieren und warten
Benutzer verwalten
Erweiterungen verwalten
6
3 Unser Standard: Das Blog-Layout
Wir verwenden standardmässig für jede Seite das «Blog-Layout». Einige Beispiele
von Blog-Layouts finden Sie auf den folgenden Seiten.
Vorteil des Blog-Layouts
Auf jeder Seite können ein, mehrere oder theoretisch beliebig viele Beiträge
veröffentlicht werden. Um zusätzliche Menü-Einträge braucht man sich nicht zu
kümmern.
Reihenfolge der Beiträge
Neue Beiträge werden automatisch oben hinzugefügt; ältere Beiträge verschieben
sich nach unten.
Zuordnung Beitrag Seite
Jeder Beitrag wird einer Kategorie zugeordnet. Die Kategorie steuert, auf welcher
Seite der Beitrag veröffentlicht wird. Beispiel:
• Wir erstellen einen Beitrag «Kontakt».
• Wir ordnen den Beitrag der Kategorie «Kontakt» zu.
• Die Veröffentlichung erfolgt automatisch auf der Seite «Kontakt».
Wenn ein Beitrag auf der Startseite angezeigt werden soll, wird dies über das
Attribut «Haupteintrag» gesteuert. Beispiel:
• Haupteintrag = ja: Beitrag wird auf der Startseite angezeigt.
• Haupteintrag = nein: Beitrag wird nicht auf der Startseite angezeigt.
Es ist also möglich, einen Beitrag auf einer bestimmten Seite und zusätzlich auf der
Startseite anzuzeigen, zum Beispiel zu Promotionszwecken. Sobald das Attribut
Haupteintrag auf «nein» gesetzt wird, verschwindet der Beitrag von der Startseite.
Auf der über die Kategorie zugeordneten Seite bleibt er weiterhin sichtbar.
Alternative zum Blog-Layout
Jeder Menü-Eintrag könnte direkt mit einem bestimmten Beitrag verknüpft werden.
Wir sehen hier keinen Vorteil. Darum tun wir das nur auf ausdrücklichen Wunsch.
7
4 «Home» - Die Startseite
4.1 Startseite als 2-spaltiger Blog mit 1 «Führendem Beitrag»
Home | Produkte | Support | Über uns | Kontakt
Willkommen auf unserer Webseite
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit, Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. magna aliqua.
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. dolore magna aliqua.
8
Hinweise zu dieser Startseite
Ein «Führender Beitrag» wird verwendet, wenn sich ein einleitender
Begrüssungsbeitrag prominent über die ganze Seitenbreite erstrecken soll.
Einen Beitrag auf der Startseite hinzufügen
• Neuen Beitrag erstellen
• «Haupteintrag» = «Ja»
Einen Beitrag von der Startseite entfernen
• «Haupteintrag» = «Nein»
Reihenfolge der Beiträge
• Neue Beiträge werden automatisch oben hinzugefügt.
• Die Reihenfolge wird beeinflusst, indem das «Erstellungsdatum» manipuliert
wird.
Führender Beitrag
• Wenn der führende Beitrag immer zuoberst bleiben soll, wird das
Erstellungsdatum dieses Beitrags sehr weit in die Zukunft definiert, zum
Beispiel 31.12.2099.
94.2 Startseite als 2-spaltiger Blog ohne «Führenden Beitrag»
Home | Produkte | Support | Über uns | Kontakt
Willkommen auf unserer Webseite
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. dolore magna aliqua.
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. dolore magna aliqua.
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. dolore magna aliqua.
10Hinweise zu dieser Startseite
Diese Darstellung ohne «Führenden Beitrag» wird verwendet, wenn kein
einleitender Begrüssungsbeitrag benötigt wird.
Einen Beitrag auf der Startseite hinzufügen
• Neuen Beitrag erstellen
• «Haupteintrag» = «Ja»
Einen Beitrag von der Startseite entfernen
• «Haupteintrag» = «Nein»
Reihenfolge der Beiträge
• Neue Beiträge werden automatisch oben hinzugefügt.
• Die Reihenfolge wird beeinflusst, indem das «Erstellungsdatum» manipuliert
wird.
• Wenn ein bestimmter Beitrag immer zuoberst bleiben soll, wird das
Erstellungsdatum dieses Beitrags sehr weit in die Zukunft definiert, zum
Beispiel 31.12.2099.
114.3 Startseite als 1-spaltiger Blog
Home | Produkte | Support | Über uns | Kontakt
Willkommen auf unserer Webseite
Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
12Hinweise zu dieser Startseite
Diese 1-spaltige Darstellung wird verwendet, wenn sich ein 2-spaltiger Blog als
ungeeignet erweist. Zum Beispiel, weil besonders grosse Bilder angezeigt werden
sollen.
Einen Beitrag auf der Startseite hinzufügen
• Neuen Beitrag erstellen
• «Haupteintrag» = «Ja»
Einen Beitrag von der Startseite entfernen
• «Haupteintrag» = «Nein»
Reihenfolge der Beiträge
• Neue Beiträge werden automatisch oben hinzugefügt.
• Die Reihenfolge wird beeinflusst, indem das «Erstellungsdatum» manipuliert
wird.
• Wenn ein bestimmter Beitrag immer zuoberst bleiben soll, wird das
Erstellungsdatum dieses Beitrags sehr weit in die Zukunft definiert, zum
Beispiel 31.12.2099.
135 Die Beitrags-Seiten
5.1 Beitragsseite als 2-spaltiger Blog
Home | Produkte | Support | Über uns | Kontakt
Produkte
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. dolore magna aliqua.
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. dolore magna aliqua.
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. dolore magna aliqua.
14Hinweise zu dieser Beitragsseite
Ob eine Seite als 1- oder als 2-spaltiger Blog gestaltet wird, ist weitgehend
Geschmackssache. Der 2-spaltige Blog ist dann empfehlenswert, wenn viele
Beiträge auf einer Seite angezeigt werden sollen.
Einen Beitrag für eine Seite hinzufügen
• Neuen Beitrag erstellen
• Die entsprechende Kategorie auswählen
Einen Beitrag von einer bestimmten Seite entfernen
• Beitrag löschen
Einen Beitrag auf eine andere Seite verschieben
• Die entsprechende (andere) Kategorie auswählen
Einen Beitrag zusätzlich auf der Startseite anzeigen
• «Haupteintrag» = «Ja»
Reihenfolge der Beiträge
• Neue Beiträge werden automatisch oben hinzugefügt.
• Die Reihenfolge wird beeinflusst, indem das «Erstellungsdatum» manipuliert
wird.
• Wen ein bestimmter Beitrag immer zuoberst bleiben soll, wird das
Erstellungsdatum dieses Beitrags sehr weit in die Zukunft definiert, zum
Beispiel 31.12.2099.
155.2 Beitragsseite als 1-spaltiger Blog
Home | Produkte | Support | Über uns | Kontakt
Produkte
Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.
16Hinweise zu dieser Beitragsseite
Ob eine Seite als 1- oder als 2-spaltiger Blog gestaltet wird, ist weitgehend
Geschmackssache. Der 1-spaltige Blog ist dann empfehlenswert, wenn nur ein
einziger oder sehr wenige Beiträge auf einer Seite angezeigt werden sollen.
Einen Beitrag für eine Seite hinzufügen
• Neuen Beitrag erstellen
• Die entsprechende Kategorie auswählen
Einen Beitrag von einer bestimmten Seite entfernen
• Beitrag löschen
Einen Beitrag auf eine andere Seite verschieben
• Die entsprechende (andere) Kategorie auswählen
Einen Beitrag zusätzlich auf der Startseite anzeigen
• «Haupteintrag» = «Ja»
Reihenfolge der Beiträge
• Neue Beiträge werden automatisch oben hinzugefügt.
• Die Reihenfolge wird beeinflusst, indem das «Erstellungsdatum» manipuliert
wird.
• Wen ein bestimmter Beitrag immer zuoberst bleiben soll, wird das
Erstellungsdatum dieses Beitrags sehr weit in die Zukunft definiert, zum
Beispiel 31.12.2099.
176 Arbeiten im Front-End
6.1 Login
• Front-End MENÜ «Intern» «Login»
Alternative
• Die URL (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
• Diese URL als Favorit/Lesezeichen speichern!
6.2 Logout
Sinngemäss wie bei Kapitel «6.1 Login» oben beschrieben.
6.3 Beitrag bearbeiten
• Auf das [Bearbeiten] Symbol des Beitrags klicken
6.4 Beitrag hinzufügen
• Front-End MENÜ «Intern» «Neuen Beitrag erstellen»
• Beitragstitel, Text, Bilder, Links, … eingeben
• Im Reiter «Veröffentlichen» die passende Kategorie auswählen
6.5 Haupteintrag (Startseiten-Beitrag)
• Auf das [Bearbeiten] Symbol des Beitrags klicken
• Reiter «Veröffentlichen» Haupteintrag = «Ja»
186.6 Beitrag löschen
• Auf das [Bearbeiten] Symbol des Beitrags klicken
• Reiter «Veröffentlichen» Status = «Papierkorb»
6.7 Ältere Version eines Beitrags wiederherstellen
• Auf das [Bearbeiten] Symbol des Beitrags klicken
• Reiter «Veröffentlichen» auf den Button «Versionen» klicken
• Gewünschte Version auswählen
6.8 Beitrag deaktivieren
• Auf das [Bearbeiten] Symbol des Beitrags klicken
• Reiter «Veröffentlichen» Status = «Versteckt»
6.9 Beitrag aktivieren
Im Front-End sind deaktivierte Beiträge sichtbar und besonders gekennzeichnet,
wenn man als Redaktor eingeloggt ist. Sonst könnte man sie ja nicht aktivieren.
• Auf das [Bearbeiten] Symbol des Beitrags klicken
• Reiter «Veröffentlichen» Status = «Veröffentlicht»
6.10 Beitrag zeitgesteuert veröffentlichen
• Auf das [Bearbeiten] Symbol des Beitrags klicken
• Reiter «Veröffentlichen» «Veröffentlichung starten»
und/oder
• Reiter «Veröffentlichen» «Veröffentlichung beenden»
197 Arbeiten im Back-End
7.1 Login
• Die URL (Adresse) Ihrer Webseite ergänzen mit
/administrator
Beispiel:
http://www.ihredomain.ch/administrator
• Diese URL als Favorit/Lesezeichen speichern!
7.2 Logout
• In der oberen rechten Ecke auf das Konto-Symbol klicken Abmelden
• Alternativ am unteren Bildschirmrand auf «Abmelden» klicken
207.3 Beitrag bearbeiten
• Back-End MENÜ Inhalt Beiträge
• Beitrag «von Hand» suchen
oder
• Im Suchfeld einige Buchstaben des Beitragstitels eingeben
oder
• «Suchwerkzeuge» aufklappen gewünschte Filter anwenden
• Beitrag öffnen durch Klicken auf den Beitragstitel
217.4 Beitrag hinzufügen
• Back-End MENÜ Inhalt Beiträge Neu
• Beitragstitel, Text, Bilder, Links, … eingeben
• Bei «Kategorie» die passende Kategorie auswählen
7.5 Beitrag löschen
• Back-End MENÜ Inhalt Beiträge
• Einen oder mehrere Beiträge auswählen
• Auf das Symbol [Papierkorb] klicken
7.6 Gelöschten Beitrag wiederherstellen
• Back-End MENÜ Inhalt Beiträge
• «Suchwerkzeuge» aufklappen
• «Status wählen» «Papierkorb»
• Beim wiederherzustellenden Beitrag auf das Symbol «Eintrag
veröffentlichen» klicken
• Auf [Zurücksetzen] klicken um die Filter zu entfernen und die ursprüngliche
Ansicht wiederherzustellen
7.7 Ältere Version eines Beitrags wiederherstellen
• Back-End MENÜ Inhalt Beiträge
• Beitrag öffnen
• Auf den Button «Versionen» klicken
• Gewünschte Version auswählen
227.8 Haupteintrag (Startseiten-Beitrag)
• Back-End MENÜ Inhalt Beiträge
• Beim gewünschten Beitrag das Symbol «Haupteintrag» aktivieren bzw.
deaktivieren
oder
• Beitrag öffnen Haupteintrag = «Ja»
7.9 Beitrag deaktivieren
• Back-End MENÜ Inhalt Beiträge
• Beitrag öffnen
• Reiter «Veröffentlichen» Status = «Versteckt»
7.10 Beitrag aktivieren
• Back-End MENÜ Inhalt Beiträge
• Beitrag öffnen
• Reiter «Veröffentlichen» Status = «Veröffentlicht»
7.11 Beitrag zeitgesteuert veröffentlichen
• Back-End MENÜ Inhalt Beiträge
• Beitrag öffnen
• Reiter «Veröffentlichen» «Veröffentlichung starten»
und / oder
• Reiter «Veröffentlichen» «Veröffentlichung beenden»
238 Der Editor
Reiter
Umschalten zwischen Normalansicht und HTML-Ansicht (für Profis)
Normalansicht des Editors (WYSIWYG)
Strukturiert HTML-Ansicht mit Syntaxhervorhebung (für Profis)
Vorschau
Symbole für die Editor-Funktionen
Ziehgriff um das Editorfenster zu vergrössern/verkleinern
Plugin Buttons
8.1 Text über die Zwischenablage einfügen
• [Ctrl-v] fügt den zuvor kopierten Text ein, entfernt dabei aber die meisten
Formatierungen. Die Formatierung «fett» bleibt zum Beispiel erhalten.
• [Shift-Ctrl-v] fügt den zuvor kopierten Text ein, entfernt dabei aber alle
Formatierungen. Es wird nur der reine Text eingefügt.
Hinweis! Die Tastenkombination [Shift-Ctrl-v] funktioniert möglicherweise nicht mit
allen Browsern!
248.2 Unerwünschte Formatierungen entfernen
Mit dem Symbol [Formatierung entfernen] werden alle Formatierungen auf
Standard zurückgesetzt und kopierte, unerwünschte Formatierungen entfernt.
8.3 Weiterlesen-Button
Ein Blog-Layout wirkt schnell unübersichtlich, wenn Beiträge mit langen Texten
veröffentlicht werden. In solchen Fällen empfiehlt sich, Weiterlesen-Buttons zu
verwenden.
• Cursor positionieren
• Auf das Symbol «Weiterlesen … einfügen» klicken
8.4 Textspoiler
Mit einem Textspoiler können Textbereiche auf- und zuklappbar gestaltet werden.
• Im Beitrag den folgenden Code einfügen:
{spoiler title=Überschrift opened=0}
Hier steht der Text{/spoiler}
title= Überschrift des Spoilers
opened=0 Spoiler ist standardmässig zugeklappt
opened=1 Spoiler ist standardmässig aufgeklappt
258.5 Tabelle einfügen
Anstelle von Tabulatoren (das gibt's im Internet nicht!) können Tabellen verwendet
werden. Allerdings sollten sie sehr zurückhaltend eingesetzt werden. Tabellen sind
nicht responsiv, das heisst: sie sehen nicht auf allen Bildschirmgrössen so aus wie
gewünscht.
• Cursor positionieren
• Auf das Symbol «Tabelle einfügen» klicken
8.6 Eigenschaften der Tabelle ändern
Um die Eigenschaften einer bereits eingefügten Tabelle zu verändern
• Cursor irgendwo in die Tabelle positionieren
• Auf das Symbol «Tabelle einfügen» klicken
8.7 Weitere Funktionen für die Tabelle, Zeilen, Spalten, Zellen
• Cursor an der gewünschten Stelle in der Tabelle positionieren
•
•
Auf eines der Symbole klicken
269 Dateien hochladen / bearbeiten
Dateien die auf der Webseite sichtbar sein sollen, müssen auf den Webserver
hochgeladen und dann in einen Beitrag eingefügt oder verlinkt werden. Im
Wesentlichen sind das
• Bilder
• PDF-Dateien
• Audios
• Videos
• Möglicherweise auch Office-Dateien (Word, Excel, …)
Das Hochladen kann wahlweise im Front-End oder im Back-End erfolgen. Das
Vorgehen ist in beiden Fällen sehr ähnlich.
Der Einfügen- bzw. Hochladen-Dialog ermöglicht auch Datei- und Ordner-
Operationen auf dem Webserver:
• Löschen
• Umbenennen
• Kopieren Einfügen
• Ausschneiden Einfügen (Verschieben)
• Bild bearbeiten
Fortgeschrittene können auch eine FTP-App, zum Beispiel «FileZilla» verwenden.
9.1 Dateien hochladen / bearbeiten im Beitragseditor
Überall dort wo ein Bild oder eine andere Datei in einen Beitrag eingefügt wird,
können auch Dateien hochgeladen werden.
• «Bilder einfügen / bearbeiten»
• «Datei einfügen / bearbeiten»
• «Medien einfügen / bearbeiten»
279.2 Dateien hochladen / bearbeiten mit dem JCE Datei-Browser
Der JCE-Datei-Browser ist nur im Back-End verfügbar!
• Auf das Symbol klicken um zur Startseite des Back-End (Kontrollzentrum)
zu gelangen
• Unten links den «JCE Datei-Browser» öffnen
9.3 Dateien hochladen / bearbeiten mit einer FTP App
Für Fortgeschrittene empfehlen wir die FTP App «FileZilla». Eine separate Anleitung
ist auf unserer Webseite https://rimle.ch/kunden/anleitungen verfügbar.
289.4 Dateien auf den Webserver hochladen
• Button «Hochladen» anklicken
• Über «Durchsuchen» eine oder mehrere Dateien auswählen
• Falls nötig: die Grösse ändern (nur für Bilder verfügbar)
• Falls gewünscht: ein Vorschaubild erzeugen (nur für Bilder verfügbar)
• Alternative zu «Durchsuchen»: Datei(en) mit Drag&Drop hineinziehen
• Das Hochladen starten
299.5 Dateien auf dem Webserver bearbeiten
Der JCE-Datei-Browser sieht ähnlich aus wie der Windows Explorer. Er stellt die
wichtigsten Datei- und Ordner-Operationen auf dem Webserver zur Verfügung.
Wir empfehlen aber, die Dateien in erster Linie schon vor dem Hochladen zu
bearbeiten, umzubenennen oder in einen passenden Ordner zu verschieben.
• Zu einem vorhandenen Ordner navigieren
• Datei auswählen
• Gewünschtes «Bearbeiten» Symbol anklicken
• Bei Bedarf kann ein neuer Ordner erstellt werden
• Manchmal kann es nötig sein, die aktuelle Ansicht zu aktualisieren
3010 Bilder
10.1 Bild-Abmessungen
Empfehlung Für meine Webseite
Für die Funktion «Einleitungsbild» und «Beitragsbild»
Bildbreite die maximal zur Verfügung stehende
Spalten- oder Seitenbreite.
Normale Beitragsbilder
Bildbreite die maximal zur Verfügung stehende
Seitenbreite.
Bilder für die Bildergalerie
Wir empfehlen eine Breite von 1280 Pixel.
Höhe
Die Höhe sollte proportional zur Breite gewählt
werden. Praktisch jedes Bildbearbeitungsprogramm
beherrscht das automatische Anpassen der Höhe im
Verhältnis zur Breite bzw. umgekehrt.
Es kann sinnvoll sein, dass alle Bilder die genau
gleichen Abmessungen haben (Breite und Höhe).
3110.2 Logo
Der Vollständigkeit halber erwähnen wir in diesem Kapitel auch das Vereins- oder
Firmenlogo. In der Praxis wird es wahrscheinlich nicht sehr oft vorkommen, dass es
ausgetauscht werden muss.
Home | Produkte | Support | Über uns | Kontakt
Logo ersetzen
• Mit dem JCE-Datei-Browser oder mit einem FTP-Programm zum Ordner
«images/home/banner» navigieren und das neue Logo hochladen.
• Falls der Dateiname identisch ist, wird das vorhandene Logo beim Hochladen
überschrieben und die Änderung ist ohne weiteres wirksam.
• Falls der Dateiname unterschiedlich ist, muss dies in den Einstellungen des
Templates geändert werden.
3210.3 Slider auf der Startseite
Ein Slider ist eine automatisch ablaufende Bildershow. Viele Webseiten haben einen
Slider auf der Startseite.
Der Slider spielt automatisch alle Bilder, die sich in einem bestimmten Ordner
befinden, ab.
Die Abspielgeschwindigkeit, die Länge der Pausen, Abspiel-Effekte usw. können
definiert werden.
In der Regel stoppt der Slider, solange Besucher mit der Maus darauf zeigen.
Home | Produkte | Support | Über uns | Kontakt
Willkommen auf unserer Webseite
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
Ein Bild zum Slider hinzufügen
• Mit dem JCE-Datei-Browser oder mit einem FTP-Programm zum Ordner
«images/home/slider» navigieren und das Bild hochladen.
Ein Bild aus dem Slider entfernen
• Mit dem JCE-Datei-Browser oder mit einem FTP-Programm zum Ordner
«images/home/slider» navigieren und das betreffende Bild löschen.
Reihenfolge der Bilder
• Die Bilder werden automatisch in der Reihenfolge der Dateinamen
abgespielt: 1.jpg, 2.jpg, 3.jpg usw.
• Die Reihenfolge wird beeinflusst, indem die Dateien umbenannt werden.
• Es ist auch möglich, den Slider mit dem Modus «Zufällige Reihenfolge» zu
definieren.
3310.4 Bilder in Beiträgen: Strategien
«Einleitungsbild» und «Beitragsbild» sind Joomla-Funktionen mit einer
vordefinierten Bild-Position.
Das «Einleitungsbild» (Kapitel 10.5) wird am Anfang des Beitrags (zwischen
Beitragsüberschrift und Beitragstext) und vor dem «Weiterlesen-Link» angezeigt.
Für Beiträge ohne «Weiterlesen-Link» ist das Einleitungsbild ohne Bedeutung.
Das «Beitragsbild» (Kapitel 10.5) wird am Anfang des Beitrags (zwischen
Beitragsüberschrift und Beitragstext) und nach dem «Weiterlesen-Link» angezeigt.
Es ist also erst zusammen mit dem ganzen Beitrag sichtbar.
Es können zwei unterschiedliche oder 2x das gleiche Bild verwendet werden.
Home | Produkte | Support | Über uns | Kontakt
Produkte
Überschrift Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Weiterlesen… dolore magna aliqua. Weiterlesen…
Vorteile
• Die Bilder werden in Originalgrösse angezeigt. Aber bei Übergrösse werden
sie automatisch skaliert und in den vorhandenen Platz eingepasst.
• Beiträge sehen einheitlich aus.
Nachteile
• Zu jedem Beitrag kann nur 1 Einleitungsbild und/oder 1 Beitragsbild definiert
werden.
• Die Position der Bilder kann nicht frei gewählt werden.
3410.5 Einleitungsbild und Beitragsbild
Einleitungsbild bzw. Beitragsbild hinzufügen bzw. ändern
• Neuen Beitrag erstellen bzw. vorhandenen Beitrag öffnen
• Reiter «Bilder und Links»
• Einleitungsbild: auf den Button [Auswählen] klicken
und / oder
• Beitragsbild: auf den Button [Auswählen] klicken
• Zum passenden Ordner navigieren und das gewünschte Bild auswählen
oder
• ein neues Bild hochladen und allenfalls dafür einen neuen Ordner erstellen
Einleitungsbild bzw. Beitragsbild hinzufügen
• Vorhandenen Beitrag öffnen
• Reiter «Bilder und Links»
• Einleitungsbild: auf den Button [Löschen] klicken
und / oder
• Beitragsbild: auf den Button [Löschen] klicken
3510.6 Frei platziertes Bild
Bilder, die frei irgendwo im Beitrag mit umfliessendem Text platziert werden, sind
meistens heikel. Je nach Bildschirmgrösse der Besuchenden kann es zu
unerwünschten Darstellungsfehlern kommen. Wir raten deshalb von frei
platzierten Bildern ab. Stattdessen empfehlen wir das Einleitungsbild (Kapitel
10.5Fehler! Verweisquelle konnte nicht gefunden werden.), das Beitragsbild
(Kapitel 10.5) oder eine Bildergalerie (Kapitel 10.7).
Home | Produkte | Support | Über uns | Kontakt
Produkte
Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta sunt
explicabo. Nemo enim ipsam voluptatem quia voluptas
sit aspernatur aut odit aut fugit, sed quia consequuntur
magni dolores eos qui ratione voluptatem sequi
nesciunt. Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut
labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel
eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem
eum fugiat quo voluptas nulla pariatur?
36Frei platziertes Bild einfügen
• Cursor positionieren
• Auf das Symbol «Bild einfügen/bearbeiten» klicken
• Bild auswählen
• Ausrichtung wählen, z.B. «Links» wenn der Text rechts herumfliessen soll
• Abstand zum Text wählen, z. B. Rechts = «20»
3710.7 Bildergalerie
Eine attraktive Bildergalerie kann auf sehr einfache Weise in jeden beliebigen
Beitrag eingebettet werden. Wir verwenden dazu die grossartige Joomla-
Erweiterung «Sigplus».
Die erzeugten Bildergalerien sind responsiv, das heisst: sie passen sich optimal an
alle Bildschirmgrössen der Besuchenden an.
Es wird eine Anzahl Vorschaubilder (z. B. 1, 2 oder 3) erzeugt. Durch einen
Mausklick können die Besuchenden die Bildergalerie mit dem Lightbox-Effekt
vergrössern und vorwärts oder rückwärts durch die Bilder blättern.
Optional können die Bilder individuell beschriftet werden.
Home | Produkte | Support | Über uns | Kontakt
Produkte
Überschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem
Bildergalerie mit Standardeinstellungen einfügen
• Cursor auf einer neuen, leeren Zeile positionieren
• Den folgenden Code schreiben
{gallery}myfolder{/gallery}
• Anstelle von myfolder wird der tatsächliche Pfad zum Ordner, der die Bilder
enthält, eingegeben. Beispiel:
{gallery}berichte/vereinsreisen/2019{/gallery}
• Es ist wichtig, auf die exakte Schreibweise zu achten!
• Aus naheliegenden Gründen muss für jede Bildergalerie ein separater
Ordner verwendet werden.
38Bildergalerie mit individuellen Einstellungen einfügen
• Cursor auf einer neuen, leeren Zeile positionieren
• Auf den Button [sigplus] klicken
• Es werden die Standard-Einstellungen angezeigt
• Die gewünschten Einstellungen überschreiben
• Auf den Button [Einfügen] klicken
• Die benötigten Parameter werden übernommen
{gallery cols=1}myfolder{/gallery}
• Anstelle von myfolder wird der tatsächliche Pfad zum Ordner, der die Bilder
enthält, eingegeben. Beispiel:
{gallery cols=1}berichte/vereinsreisen/2019{/gallery}
• Es ist wichtig, auf die exakte Schreibweise zu achten!
• Aus naheliegenden Gründen muss für jede Bildergalerie ein separater
Ordner verwendet werden.
39Individuelle Bild-Beschriftung erstellen
• Eine Textdatei mit dem Dateinamen labels.txt erzeugen.
• Inhalt dieser Datei:
Dateiname|Überschrift|Text¶ (neue Zeile)
Beispiel:
001.jpg|Vereinsreise 2019 Stein am Rhein|Auf dem Schiff zwischen
Mammern und Eschenz¶
• Mit dem JCE-Datei-Browser oder mit einem FTP-Programm zum Ordner, der
die Bilder enthält, navigieren und die Textdatei hochladen.
Tipp für die Bildbeschriftungs-Datei
Wir empfehlen einen Texteditor, mit dem sich Dateien im Nur-Text-Format
abspeichern lassen. Z. B. Notepad, oder Notepad++.
4011 Links
11.1 Datei-Links (z.B. PDF-Dateien)
• Zum Ordner navigieren Datei auswählen
11.2 Links zu Webseiten (intern oder extern)
• Für interne Links: «Ziel» «In diesem Fenster/Frame öffnen»
• Für externe Links: «Ziel» «In neuem Fenster öffnen»
11.3 Links zu E-Mail-Adressen
• «URL» Die E-Mail-Adresse eingeben
• Frage «Das benötigte mailto: hinzufügen?» «Ja»
11.4 Videos (z.B. Youtube)
• Medienart wählen «Youtube» (Beispiel)
• URL Die «Teilen» Adresse des Youtube-Videos eingeben
4112 Webformulare «Proforms»
• Back-End MENÜ Komponenten Proforms
Vorlagen (Set von Formularfeldern)
• [Vorlagen] [Neue Vorlage] oder vorhandene Vorlage auswählen
• Name der Vorlage und Layouteinstellungen definieren
• Felder hinzufügen
Formulare
• [Formulare] [Neues Formular] oder vorhandenes Formular auswählen
• Name des Formulars, … eingeben bzw. wählen
• Formularvorlage(n) in der passenden Reihenfolge hinzufügen
Formular veröffentlichen
• Die jid des Formulars feststellen und sich merken
• Im Beitrag den folgenden Code einfügen
{proforms jid}
Beispiel: {proforms 1}
4213 Empfohlene Apps
Fast Image Resizer
Der «Fast Image Resizer» 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.
http://adionsoft.net/fastimageresize
Xnview
»Xnview» ist ebenfalls kostenlos, bietet aber noch viele weitere Möglichkeiten der
Bildbearbeitung. http://www.xnview.de
Paint.net
Das Bildbearbeitungsprogramm «Paint.net» ist ebenfalls kostenlos und bietet einen
Funktionsumfang, der relativ nahe an Adobe Photoshop Elements herankommt.
http://www.getpaint.net
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» können aus jeder Anwendung heraus PDF-Dateien erstellt
werden. Das Tool ist kostenlos. http://de.pdfforge.org/pdfcreator
FileZilla
«FileZilla» 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. http://www.filezilla.de
Notepad++
«Notepad++» ist ein mächtiger Texteditor. http://notepad-plus-plus.org
Greenshot
Mit diesem Tool lassen sich nicht nur Screenshots erstellen. Sie können damit auch
die Anzahl Pixel eines Bereichs messen. http://getgreenshot.org
4314 Tipps
Front-End-Ansicht in zweitem Browser-Tab prüfen
Öffnen Sie das Back-End in einem Tab und das Front-End in einem weiteren Tab. So
können Sie jede Änderung sofort nach dem Speichern prüfen (Seite neu laden).
Front-End-Ansicht in mehreren Browsern und auf mehreren Geräten prüfen
Sie sollten die Front-End-Ansicht von Zeit zu Zeit auch in anderen Internet-
Browsern und auf einem Tablet oder einem Smartphone prüfen. Eine Webseite
kann von verschiedenen Browsern und auf verschiedenen Geräten unterschiedlich
dargestellt werden. Besonders die Smartphone-Ansicht ist wichtiger denn je!
Beitrag speichern > Front-End-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 Back-End).
Front-End oder Back-End: Geschmackssache
Gewisse Arbeiten können am einfachsten im Front-End erledigt werden. Man kann
freilich auf das so genannte «Front-End-Editing» verzichten und nur das Back-End
verwenden. Das ist Geschmackssache!
Front-End aktualisieren
Nach jeder Änderung im Back-End muss das Front-End manuell aktualisiert werden
• Button «Aktuelle Seite neu laden» oder Taste [F5]
44Browser-Cache löschen
Wenn eine Webseite nach dem Speichern nicht so angezeigt wird wie Sie es
erwarten, sollten Sie als erstes den Cache löschen.
Beiträge schliessen
Es ist wichtig, jedes «Bearbeiten» Fenster richtig zu verlassen. Beim Öffnen wird ein
Beitrag nämlich gesperrt. Grund: kein anderer eingeloggter Benutzer soll am
gleichen Beitrag arbeiten können. Wenn ein Beitrag nicht richtig geschlossen wird,
bleibt er gesperrt.
• Falsch: Browser-Tab schliessen oder im Browser vorwärts/rückwärts blättern
• Richtig: Editor-Buttons [Speichern & Schliessen] … oder [Abbrechen]
45Unterschied Zeilenwechsel - Absatzwechsel beachten
Längere Texte sollten durch einen Abstand zwischen den Absätzen aufgelockert
werden. So werden sie leichter lesbar. Andererseits will man manchmal eine neue
Zeile beginnen, der Abstand gegen oben ist aber unerwünscht.
Formatvorlagen verwenden - manuelle Formatierungen vermeiden
Verwenden Sie wenn immer möglich die vordefinierten Formatvorlagen. Vermeiden
Sie manuelle Änderungen von Schriftart, Schriftgrösse, Farben, usw. Bei Bedarf ist
es besser, die vordefinierten Formatvorlagen anzupassen.
46Symbole für weitere Befehle einblenden
Der Editor zeigt standardmässig eine zwei-zeilige Symbolleiste an. Es gibt aber eine
versteckte, dritte Zeile mit Symbolen, die weniger häufig benutzt werden.
• Auf das Symbol «Toolbar umschalten» klicken, um die dritte Symbolzeile
einzublenden
Unnötige Absätze und Leerzeichen am Schluss des Textes vermeiden
Leere, überflüssige Absätze sind nur schwer erkennbar, wenn die Anzeige der
visuellen, nicht druckbaren Steuerzeichen ausgeschaltet ist.
• Versuchen Sie [Ctrl+a]. Das markiert den ganzen Text.
• Versuchen Sie [Ctrl+End]. Der Cursor springt ganz an den Schluss.
• Oder blenden Sie die Steuerzeichen ein.
47Extrem grosse Bilder beim Hochladen verkleinern
Moderne Smartphones erzeugen Fotos mit einer teilweise extrem hohen
Auflösung. Solche Bilder sind für Webseiten meistens viel zu gross! Das sollte
vermieden werden und zwar aus folgenden Gründen:
• Solche Bilder belegen unnötig viel Speicherplatz auf dem Webserver.
• Sie beanspruchen unnötig viel Datentraffic vom und zum Webserver
• Sie verursachen eine unnötige Rechnerleistung, weil sie in aller Regel
herunterskaliert werden müssen.
Aktuelle 24-Zoll-Bildschirme haben eine Full-HD Auflösung von 1920 × 1080 Pixel.
Bilder im Querformat, aber mindestens einheitlich verwenden
Bildergalerien mit hoch- und querformatigen Fotos gemischt sehen nicht immer
schön aus. Meistens ist es anstrengend, in solchen Galerien zu blättern.
Wir empfehlen, wenn immer möglich Fotos im Querformat zu verwenden. Es
kommt den menschlichen Sehgewohnheiten näher als das Hochformat. Unsere
Augen sind ja auch nebeneinander und nicht übereinander angeordnet .
48Sie können auch lesen
