Inhaltspezifische Aktionen

✨ Vorlagen nutzen

Das Content Management System der JLU Gießen bietet eine Reihe von Vorlagen. Damit kann Webseiten schnell und einfach ein modernes und attraktives Design verliehen werden. Hier werden alle Vorlagen beispielhaft vorgestellt.

Beim Bearbeiten nahezu aller Arten von Plone-Elementen lassen sich Vorlagen ganz einfach über das Text-Menü einfügen:

Vorlagen einfügen

Vielen der Vorlagen werden gemeinsam mit Bildern verwendet. Bei zeitgemäßigem Webdesign kommt der Bildsprache eine große Bedeutung zu. Es sollte daher möglichst mit aussagekräftigen Bildern und möglichst kurzen Texten gearbeitet werden. Wenn Sie neue Bilder für die Gestaltung Ihrer Seiten benötigen, finden Sie hier Tipps und Tricks rund um die Bildrecherche an der JLU.

Ein Ausführliche Anleitung dazu wie die Vorlagen bearbeitet werden und worauf zu achten ist finden Sie hier im Kleinen PeTra.

Die folgenden Vorlagen stehen dabei zur Auswahl:

 

Vorlage Bild-Text-Kachel vertikal 1-spaltig

...

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

 

 

 

Vorlage Bild-Text-Kachel horizontal links

...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

 

 

 

Vorlage Bild-Text-Kachel horizontal rechts

...
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

 

 

 

Vorlage Bild-Text-Kachel vertikal 2-spaltig

...

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

 

 

 

Vorlage Bild-Text-Kachel vertikal 3-spaltig

...

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
...

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

 

 

 

Vorlage Button für versteckten Text

Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.

 

 

 

Vorlage Akkordeon mit 3 ausklappbaren Texten

Accordion Item #1

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Accordion Item #2

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Accordion Item #3

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

 

 

 

Vorlage Akkordeon mit 19 ausklappbaren Texten

Accordion Item #1

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Accordion Item #2

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Accordion Item #3

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #4

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Accordion Item #5

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #6

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #7

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #8

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #9

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #10

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #11

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #12

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #13

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #14

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #15

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #16

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #17

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #18

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

Accordion Item #19

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as wel>

 

 

 

Vorlage Link-Button primär 

primary button

 

 

 

Vorlage Link-Button sekundär

secondary button

 

 

 

Vorlage Link-Button-Gruppe

 

 

 

Vorlage Bannerbild - blauer Titel - Text

Hero Title

Velit sit do est esse laboris incididunt eu qui. Eu deserunt aliquip mollit occaecat ea. Id amet commodo veniam consequat duis exercitation deserunt laborum pariatur. Veniam ad ea velit excepteur ad in dolor cillum cillum in occaecat sunt laborum. Aliqua laboris ullamco laboris nostrud.

 

 

 

Vorlage 3 Bilder als Galerie

 

 

 

Vorlage 4 Bilder als Galerie

 

 

 

Vorlage 6 Bilder als Galerie

 

 

 

Vorlage 8 Bilder als Galerie