TYPO3 - Grafiken anpassen: Unterschied zwischen den Versionen

IMT HilfeWiki - das Wiki
Zeile 8: Zeile 8:
 
|marker=Draft
 
|marker=Draft
 
}}
 
}}
Um sicherzustellen, dass Grafiken und Bilder in Web-Elementen korrekt angezeigt werden, müssen diese oft an das gewünschte Seitenverhältnis und die Größe angepasst werden. Durch das Hinzufügen von Freiflächen, Zuschneiden oder Skalieren können Bilder den Anforderungen des Designs entsprechend optimiert werden. In dieser Anleitung erfahren Sie, wie Sie Bilder vorbereiten und anpassen, um das gewünschte Ergebnis im Web zu erzielen.
+
Um sicherzustellen, dass Grafiken und Bilder in Web-Elementen, wie zum Beispiel Page Teaser, korrekt angezeigt werden, müssen diese oft an das gewünschte Seitenverhältnis und die Größe angepasst werden. Durch das Hinzufügen von Freiflächen, Zuschneiden oder Skalieren können Bilder den Anforderungen des Designs entsprechend optimiert werden. In dieser Anleitung erfahren Sie, wie Sie Bilder vorbereiten und anpassen, um das gewünschte Ergebnis im Web zu erzielen.
 
<br>
 
<br>
 
== Was ist zu tun? ==
 
== Was ist zu tun? ==
 
* Öffnen Sie die [http://www.upb.de/typo3 Typo3-Seite] der Universität Paderborn.
 
* Öffnen Sie die [http://www.upb.de/typo3 Typo3-Seite] der Universität Paderborn.
* Gehen Sie zum Seitenverzeichnis und suchen Sie die entsprechende Seite. (die Seite, auf der Sie das Inhaltselement '''"Stichwortverzeichnis"''' einfügen möchten).
+
* Gehen Sie zum Seitenverzeichnis und suchen Sie die entsprechende Seite. (die Seite, auf der Sie beispeilweise das Inhaltselement '''"Page Teaser"''' einfügen möchten).
 
* Klicken Sie auf die entsprechende Seite im Seitenverzeichnis.
 
* Klicken Sie auf die entsprechende Seite im Seitenverzeichnis.
 
* Klicken Sie auf <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen.
 
* Klicken Sie auf <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen.
* Wählen Sie den Tab '''"Typischer Inhalt"'''.
+
* Wählen Sie den Tab '''"Teaser"'''.
* Wählen Sie '''"Medien & Text"'''.
+
* Wählen Sie '''"Page Teaser"'''.
 
== Schritt-für-Schritt Anleitung ==
 
== Schritt-für-Schritt Anleitung ==
 
===Page Teaser hinzufügen===
 
===Page Teaser hinzufügen===

Version vom 6. Mai 2024, 20:37 Uhr

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte
HilfeWiki des ZIM der Uni Paderborn

no displaytitle found: TYPO3 - Grafiken anpassen

Um sicherzustellen, dass Grafiken und Bilder in Web-Elementen, wie zum Beispiel Page Teaser, korrekt angezeigt werden, müssen diese oft an das gewünschte Seitenverhältnis und die Größe angepasst werden. Durch das Hinzufügen von Freiflächen, Zuschneiden oder Skalieren können Bilder den Anforderungen des Designs entsprechend optimiert werden. In dieser Anleitung erfahren Sie, wie Sie Bilder vorbereiten und anpassen, um das gewünschte Ergebnis im Web zu erzielen.

Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]

  • Öffnen Sie die Typo3-Seite der Universität Paderborn.
  • Gehen Sie zum Seitenverzeichnis und suchen Sie die entsprechende Seite. (die Seite, auf der Sie beispeilweise das Inhaltselement "Page Teaser" einfügen möchten).
  • Klicken Sie auf die entsprechende Seite im Seitenverzeichnis.
  • Klicken Sie auf + Inhalt, um ein neues Inhaltselement hinzuzufügen.
  • Wählen Sie den Tab "Teaser".
  • Wählen Sie "Page Teaser".

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

Page Teaser hinzufügen[Bearbeiten | Quelltext bearbeiten]

Öffnen Sie die Seite, auf der Sie das Inhaltselement einfügen möchten.

Inhaltselement hinzufügen


  • Klicken Sie auf + Inhalt, um ein neues Inhaltselement hinzuzufügen.


Typo3-page-teaser-01.png


  1. Öffnen Sie den Tab "Teaser"
  2. Wählen Sie "Page Teaser".


Typo3-page-teaser-02.png


  • Öffnen Sie den Tab "Allgemein".
  • Geben Sie eine Überschrift ein.
  • Optional können Sie die Anzeige der Überschrift in der Navigation deaktivieren oder eine alternative Überschrift für die Navigation wählen.


Typo3-page-teaser-03.png


  • Klicken Sie auf + Neu anlegen , um einen neuen Teaser zu erstellen.


Typo3-page-teaser-04.png


  1. Geben Sie eine Überschrift ein.
  2. Geben Sie einen Beschreibungstext ein.
  3. Fügen Sie über Mediendatei hinzufügen ein Bild hinzu.
  4. Im diesem Beispiel verwenden wir Bilder im Seitenverhältnis 16:9.


Typo3-page-teaser-05.png



Typo3-grafiken anpassen-01.png


  • unangepasst für funktional vergleichbare Web-Elemente vom Typ „Page Teaser“ in den Darstellungsoptionen „Standard“, „Box“ und „Box – side by side“ verwenden, …


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 ZIM - Sie finden uns in Raum I0.401

Wir sind zu folgenden Zeiten erreichbar:

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 ZIM:Servicecenter Medien auf H1 hat aktuell 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.