Wortmarken des machwerkhaus werden kleingeschrieben.

Eine Übersicht bietet der Reiter Medien unter dem geordnet nach Kategorie Bilder, Videos, Dokumente, machwerkhaus Symbole, Rasterbilder, Hashtags, Logos und das Standardbild angezeigt werden.

Über verschiedene Seitenlayouts, bestehend aus einer variablen Anzahl von Spalten, lässt sich die Webseite gestalten. Für die verschiedenen Layoutoptionen können alle Module verwendet werden. Die Blöcke sind meistens für die einspaltige Verwendung gedacht. Alle möglichen Block-Module sind im Folgenden aufgelistet:

Überschrift
Text
Logo
Bild
Video
CTA
Akkordeon
Slider
Projekt
machwerker Karte
machwerker Slider
machwerker Grid
Kleiner Teaser
Teaser machwerker
Teaser machwerkhaus
Zitat
Newsletter
coaap Events
coapp Kalender

Blockmodule können über die Einstellung Sichtbarkeit ein- und ausgeblendet werden. Ein Abstand nach unten kann definiert werden, um Elemente visuell stärker voneinander zu trennen. Zudem kann die Ausrichtung der Module zwischen oben/mitte/unten definiert werden. Das Layout kann über die volle Breite der Seite gelaufen werden lassen.

Mobil besteht die Möglichkeit die Spaltenreihenfolge zu invertieren.

Es gibt 6 Formatierungen zur Auswahl, um Überschriften/Headlines zu gestalten. Zudem können die Überschriften links, mittig oder rechtsbündig ausgerichtet werden.

Im Textblock können alle unten aufgeführten Stile, bei Bedarf Wort für Wort, individuell definiert werden. Es ist möglich mit einem weichen Umbruch, sowie Absätzen zu arbeiten.

Der Fließtext läuft über die Breite der ausgewählten Spalte. Er sollte gut formatiert werden, damit die Lesbarkeit erhöht wird. Deshalb kann mit gefettetem, kursivem, unterstrichenem, oder durchgestrichenem Text gearbeitet werden.

Im Textmodul ist es möglich Verlinkungen zu hinterlegen.

Real Head Offc Semilight
Real Head Offc Demibold

#ffffff = weiß
#FF4632 = machwerkhaus rot
#222222 = machwerkhaus schwarz

Im Bildblock können Bilder hochgeladen und über das Modul eingefügt werden.

Zum Hochladen müssen die Bilder eine Mindestbreite von 1280px und eine Höchstbreite von 3840px haben. Unterstützte Dateiformate sind: png, jpg, gif, svg, webp.

Die Einstellung können individuell für die Desktop als auch die Mobile Anwendung definiert werden. Mobil kann zudem der horizontale Abstand definiert werden.

Ein Link kann hinter einem Bild hinterlegt werden.

Layout und Seitenverhältnisse

Je nach Layout verändert sich die Bilddarstellung. Das Seitenverhältnis kann frei gewählt werden oder über die Einstellung Seitenverhältnis definiert werden. Dabei werden die Bilder unter Umständen beschnitten.

1:1 Quadratisch
16:9 Querformat
16:10 Querformat (Laptop)
7:5 Querformat
4:3 Querformat
5:3 Querformat
3:2 Querformat
3:1 Querformat

In diesem Blockmodul können Logos angezeigt werden. Bei der Logogröße kann zwischen klein, mittel und groß gewählt werden. Zudem kann ein Link hinzugefügt werden, welcher sich im Selben oder in einem neuen Tab öffnen kann.

Um Videos anzeigen zu lassen, muss der Block Video ausgewählt werden. Dazu muss eine Videoquelle gewählt werden. Die Datei kann entweder hochladen werden oder es muss eine Video-URL eingeben werden.

Eine Videodatei muss lokal hochgeladen werden. Mögliche Dateiformate sind: webm, mp4, mov. Das Seitenverhältnis kann auch hier frei gewählt werden oder über die Einstellung Seitenverhältnis bearbeitet werden.

Ein Vorschaubild (Poster) ist einstellbar. Mögliche Dateiformate dabei sind: png, jpg, gif, svg, webp. Das Bild muss eine Mindestbreite von 1280px und eine Höchstbreite von 3840px haben.

Einstellungen, die möglich sind:

Bedienelemente anzeigen – Die Bedienelemente können ein- und ausblendet werden.
Video wiederholen – Das Video wird automatisch wiederholt.
Stummgeschaltet – Der Ton kann stummschaltet werden.
Automatische Wiedergabe – Das Video kann automatisch gestartet werden:

Mobil kann zudem der horizontale Abstand definiert werden.

Eine Video-URL sowie eine ID muss über einen Video-Service (Youtube/Vimeo) eingeben werden. Das Seitenverhältnis kann auch hier frei gewählt werden oder über die Einstellung Seitenverhältnis bearbeitet werden.

Über den Block CTA (Call to Action) können Buttons erstellt werden. Der Text kann frei gewählt werden. Der Button muss mit einem Link hinterlegt werden. Dabei kann der Typ primär oder sekundär sein. Es besteht eine Auswahl, ob der Button die volle Breite der Spalte einnimmt oder nicht, und, ob der Button den Link in einem neuen Tab öffnet.

Button mit voller Breite

Button ohne volle Breite

Im Akkordeonblock können Überschriften sowie dazugehörige Texte hinzugefügt werden, welches sich nach unten ausklappen lassen.

Im Slider als grafisches Steuerelement lassen sich Bilder mit und ohne Textunterschrift anzeigen. User können horizontal durch eine Bildergalerie sliden. Bilder dürfen beim Hochladen eine maximale Breite von 2560px haben. Unterstützte Dateiformate sind: png, jpg, gif, svg, webp. Über zwei Pfeile lässt sich der Slider horizontal nach links und rechts bewegen.

In diesem Block können machwerker angezeigt werden. Die machwerker müssen zuvor auf einer Seite angelegt werden und bieten einen kurzen Steckbrief mit Bild und Link zu der Webseite des jeweiligen machwerker. Pro Karte muss ein Block ausgewählt werden.

Im Block machwerker Slider lassen sich Bilder mit und ohne Textunterschrift anzeigen. Bilder dürfen beim Hochladen eine maximale Breite von 2560px haben. Unterstützte Dateiformate sind: png, jpg, gif, svg, webp. Über zwei Pfeile lässt sich der Slider horizontal nach links und rechts bewegen.

Das machwerker Grid bildet die machwerker Karten in einem Grid ab. Dabei werden drei Karten in der Horizontalen nebeneinander aufgereiht.

Im kleinen Teaser müssen die Bilder eine Mindestbreite von 1280px und eine Höchstbreite von 3840px haben, um hochgeladen und verwendet zu werden. Unterstützte Dateiformate sind: png, jpg, gif, svg, webp. Zudem muss ein Symbol verwendet werden. Der kleine Teaser benötigt eine Überschrift sowie einen textliche Beschreibung. Es besteht auch hier die Möglichkeit einen Link hinter dem Button zu hinterlegen.

Im Block Teaser machwerker wird ein Mitglied des machwerkhaus angezeigt. Aufgebaut wird dieser mit der dazugehörigen Rastergrafik und einem Bild, welches eine Mindestbreite von 1280px und eine Höchstbreite von 3840px haben muss. Unterstützte Dateiformate sind auch hier: png, jpg, gif, svg, webp. Der Teaser benötigt eine Überschrift sowie einen textliche Beschreibung.

Im Block Teaser machwerkhaus werden Inhalte des machwerkhaus angezeigt. Aufgebaut wird dieser mit einem Bild, welches eine Mindestbreite von 1280px und eine Höchstbreite von 3840px haben muss. Unterstützte Dateiformate sind auch hier: png, jpg, gif, svg, webp. Der Teaser benötigt eine Überschrift sowie einen textliche Beschreibung und kann zusätzlich mit einer Unterüberschrift gestaltet werden.

Im Zitatblock werden Zitate angezeigt. Diese benötigen die Angabe eines Autors. Und können durch die Angabe der Position/Rolle ergänzt werden.

Zitat ohne Angabe einer Position/Rolle.

Zitat mit Angabe einer Position/Rolle.

Im Newsletterblock kann sich mit einem Vor- und Nachnamen, einer E-Mail-Adresse, sowie dem Akzeptieren der Datenschutzerklärung zu einem Newsletter angemeldet werden. Unter der Überschrift Newsletter kann ein Text freigewählt werden. Zudem wird automatisch ein Button mit der Aufschrift "anmelden" angezeigt.

Im Block coapp Events können Veranstaltungen, welche vorher über die coapp eingepflegt wurden, angezeigt werden. Dabei kann ein Tag für das Event, ein Start- und Enddatum sowie ein Limit ausgewählt werde. Zudem kann angegeben werden, ob es sich um ein bevorstehendes oder vergangenes Event handelt.

Im Block coapp Kalender werden Veranstaltungen sortiert nach Tag und Uhrzeit angezeigt, welche über die coapp eingepflegt wurden. Dabei kann ein Tag für das Event, sowie ein Start- und Enddatum gewählt werden.

Mit dem eco+ mode bieten wir eine nachhaltige Alternative für das Surfen auf unserer Website. In dieser Ansicht werden Bilder automatisch in Graustufen ausgespielt und benötigen dadurch rund zwei Drittel weniger Bandbreite. Videos werden nur auf ausdrücklichen Wunsch geladen. Gleichzeitig kombiniert der Modus Darkmode und hohen Kontrast – so schonen wir nicht nur Ressourcen, sondern machen die Seite auch barriereärmer.

Kontakt
Anreise
Nachhaltigkeit
Anrede

Start
machwerkschau
machwerker
Freie Räume
Über uns

Datenschutz
Impressum

Facebook
Instagram
LinkedIn