TYPO3 - Headerbild bestimmen: Unterschied zwischen den Versionen

IMT HilfeWiki - das Wiki
 
(27 dazwischenliegende Versionen von 6 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Infobox article
+
{{article
| os = Alle
+
|type=Anleitung
| service = Typo3
+
|os=Alle
| targetgroup = Angestellte, Bereiche, Studierende
+
|service=Service:Typo3
| type = Anleitung
+
|targetgroup=Angestellte, Bereiche, Studierende
| disambiguation =  
+
|hasdisambig=Nein
 
}}
 
}}
 +
Wenn Sie eine neue Seite erstellen, sind in der Regel ein Headerbild und ein Layout des Kopfbereiches der Seite (Bühne) vorhanden, welche die Seite von einer übergeordneten Seite geerbt hat. Diese Anleitung zeigt Ihnen, wie Sie dies ändern können.
 +
<br clear=all>
 +
 +
Beispiel für ein Headerbild.
 +
[[Datei:Typo3-headerbild-01.png|links|mini|ohne|850px|Headerbild]]
 +
<br clear=all>
 +
== Schritt-für-Schritt Anleitung ==
  
<!-- Entweder draft mit fertigem Inhalt -->
+
[[Datei:Typo3-headerbild-02.png|links|mini|ohne|450px]]
{{draft}}
+
<br>
 +
* Wählen Sie die Seite aus, die Sie ändern möchten.
 +
* Klicken Sie anschließend auf '''"Seiteneigenschaften bearbeiten"'''.
 +
<br clear=all>
  
<!--oder stub und einer Erklärung, was hier passieren soll-->
+
[[Datei:Typo3-headerbild-03.png|links|mini|ohne|450px]]
{{stub}}
+
<br>
 +
* Öffnen Sie den Tab '''"Erscheinungsbild"'''.
 +
<br clear=all>
  
<!-- Folgend der empfohlene Seitenaufbau -->
+
[[Datei:Typo3-headerbild-04.png|links|mini|ohne|450px]]
Kurzer Einleitungstext
+
<br>
 +
* Scrollen Sie nach unten zu den Einstellungen für '''"Bühne (Nur diese Seite)"'''
 +
<br clear=all>
  
== Was ist zu tun? ==
+
Wählen Sie das gewünschte Bühnen-Layout aus. Zur Auswahl haben Sie:
* Stichpunktartige Auflistung
+
* Kleine Bühne - Standard - Seitenverhältnis des Bildes ca. 4,75:1
* aller Arbeitsschritte
+
* Große Bühne - Besonders hervorzuhebene Webseiten - Seitenverhältnis des Bildes 16:9
 +
<br>
  
== Schritt für Schritt Anleitung ==
+
[[Datei:Typo3-headerbild-06.png|links|mini|ohne|450px]]
Um ein Headerbild einzufügen bzw. ein vorhandenes Headerbild zu ersetzen, legen Sie - falls noch nicht vorhanden - unter "Dateiliste" einen Ordner für das Headerbild oder die Headerbilder an, laden eine Grafik oder mehrere Grafiken im Format 944 x 295 Pixel hoch und editieren die Metadaten, damit dem Besucher der Webseite später Informationen zum Bildinhalt und zur Urheberin / zum Urheber zur Verfügung stehen. Der Name des Ordners für die Headerbilder - hier "grossbilder" - sollte erkennen lassen, was der Ordner enthält, und könnte z. B. auch "headerbilder" oder - bei Anlage eines Sliders - "slider" sein.
+
<br>
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 1.jpg|Abbildung 1|left]]
+
* Wenn Sie das Layout ändern, muss die Seitenanzeige aktualisiert werden.
 
<br clear=all>
 
<br clear=all>
  
 +
[[Datei:Typo3-headerbild-05.png|links|mini|ohne|450px]]
 +
<br>
 +
* Über '''"Neue Relation erstellen"''' können Sie ein neues Bild hinzufügen.
 +
<br clear=all>
  
In diesem Beispiel sind fünf Grafiken hochgeladen worden, die von Matthias Groppe stammen und sich alle auf das internationale Jahr des Lichts beziehen. Bei komplexeren Bildern, z. B. bei Gruppenfotos mit namentlich bekannten Personen, könnte die "Beschreibung" natürlich umfangreicher und konkreter sein. Vergessen Sie nicht, das Dokument nach dem Einfügen der Metadaten zu speichern.
+
 
[[Datei:Screenshot Webanwendungen Typo3 Headerbild bestimmen 2.jpg|Abbildung 2|left]]
+
[[Datei:Typo3-headerbild-07.png|links|mini|ohne|450px]]
 +
<br>
 +
* Wählen Sie in der linken Spalte den gewünschten Ordner aus.
 +
* Wenn Sie keine eigenen Bilder hochladen möchten, finden unter anderem im Ordner ''UpbMedia'' passende Bilder.
 +
* Wählen Sie anschließend das gewünschte Bild aus.
 
<br clear=all>
 
<br clear=all>
  
== Siehe auch ==
+
[[Datei:Typo3-headerbild-09.png|links|mini|ohne|450px]]
Weiter interessante Artikel verlinken
+
<br>
 +
* Klappen Sie das Menü für das neue Bild aus.
 +
# Über '''"Editor öffnen"''' können Sie den angezeigten Bildausschnitt anpassen.
 +
# Metadaten können Sie über '''"Metadaten dieser Datei anpassen"''' ändern.
 +
<br clear=all>
 +
 
 +
<bootstrap_alert color=info>
 +
Nach der Auswahl des Headerbildes sollten Sie (für Blinde und Sehbehinderte) einen alternativen Text hinzufügen, sofern dieser nicht – wie hier – bereits zu den Metadaten der Grafikdatei zählt. Auch einen Titel – hier ebenfalls bereits bei den Metadaten vorhanden – können Sie eingeben. Eine Beschreibung/Bildunterschrift wird beim Headerbild im Web nicht angezeigt.
 +
<br>
 +
Mehr dazu unter: [[TYPO3 Metadaten einfuegen]]
 +
</bootstrap_alert>
 +
 
 +
 
 +
[[Datei:Typo3-headerbild-12.png|links|mini|ohne|450px]]
 +
<br>
 +
* Bei der großen Bühne können Sie zusätzlich einen Untertitel und einen Beschreibungstext ergänzen.
 +
<br clear=all>
 +
 
 +
==Beispiele==
 +
[[Datei:Typo3-headerbild-08.png|links|mini|ohne|850px|Kleine Bühne]]
 +
<br clear=all>
 +
 
 +
[[Datei:Typo3-headerbild-11.png|links|mini|ohne|850px|Große Bühne ohne Untertitel und Beschreibung]]
 +
<br clear=all>
 +
 
 +
[[Datei:Typo3-headerbild-10.png|links|mini|ohne|850px|Große Bühne mit Untertitel und Beschreibung]]
 +
<br clear=all>
 +
 
 +
 
 +
==Siehe auch==
 +
* [[TYPO3]]

Aktuelle Version vom 26. Februar 2024, 16:48 Uhr

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte, Bereiche und Studierende
HilfeWiki des IMT der Uni Paderborn

no displaytitle found: TYPO3 - Headerbild bestimmen

Wenn Sie eine neue Seite erstellen, sind in der Regel ein Headerbild und ein Layout des Kopfbereiches der Seite (Bühne) vorhanden, welche die Seite von einer übergeordneten Seite geerbt hat. Diese Anleitung zeigt Ihnen, wie Sie dies ändern können.

Beispiel für ein Headerbild.

Headerbild


Schritt-für-Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]

Typo3-headerbild-02.png


  • Wählen Sie die Seite aus, die Sie ändern möchten.
  • Klicken Sie anschließend auf "Seiteneigenschaften bearbeiten".


Typo3-headerbild-03.png


  • Öffnen Sie den Tab "Erscheinungsbild".


Typo3-headerbild-04.png


  • Scrollen Sie nach unten zu den Einstellungen für "Bühne (Nur diese Seite)"


Wählen Sie das gewünschte Bühnen-Layout aus. Zur Auswahl haben Sie:

  • Kleine Bühne - Standard - Seitenverhältnis des Bildes ca. 4,75:1
  • Große Bühne - Besonders hervorzuhebene Webseiten - Seitenverhältnis des Bildes 16:9


Typo3-headerbild-06.png


  • Wenn Sie das Layout ändern, muss die Seitenanzeige aktualisiert werden.


Typo3-headerbild-05.png


  • Über "Neue Relation erstellen" können Sie ein neues Bild hinzufügen.



Typo3-headerbild-07.png


  • Wählen Sie in der linken Spalte den gewünschten Ordner aus.
  • Wenn Sie keine eigenen Bilder hochladen möchten, finden unter anderem im Ordner UpbMedia passende Bilder.
  • Wählen Sie anschließend das gewünschte Bild aus.


Typo3-headerbild-09.png


  • Klappen Sie das Menü für das neue Bild aus.
  1. Über "Editor öffnen" können Sie den angezeigten Bildausschnitt anpassen.
  2. Metadaten können Sie über "Metadaten dieser Datei anpassen" ändern.



Typo3-headerbild-12.png


  • Bei der großen Bühne können Sie zusätzlich einen Untertitel und einen Beschreibungstext ergänzen.


Beispiele[Bearbeiten | Quelltext bearbeiten]

Kleine Bühne


Große Bühne ohne Untertitel und Beschreibung


Große Bühne mit Untertitel und Beschreibung



Siehe auch[Bearbeiten | Quelltext bearbeiten]


Bei Fragen oder Problemen wenden Sie sich bitte telefonisch oder per E-Mail an uns:

Tel. IT: +49 (5251) 60-5544 Tel. Medien: +49 (5251) 60-2821 E-Mail: imt@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des IMT

Das IMT:Notebook-Café (Raum I0.401) bietet in der vorlesungsfreien Zeit nur eingeschränkten Support

Mo Di-Do Fr
Vor-Ort-Support 08:30-16 Uhr 08:30-14 Uhr
Telefonsupport 08:30-16 Uhr 08:30-14 Uhr

Das IMT:Servicecenter Medien auf H1 hat ab 8. April wieder von Montag bis Donnerstag von 08:00-16:00 Uhr und Freitags von 08:00 bis 14:30 Uhr geöffnet.

Cookies helfen uns bei der Bereitstellung des IMT HilfeWikis. Bei der Nutzung vom IMT HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.