Hayler ist ein Premium-WordPress-Vorlage für kreatives Portfolio, das für Designer, Agenturen, Fotografen und Studios entwickelt wurde. Es handelt sich um die WordPress-Ausgabe der Hayler-HTML-Vorlage: GSAP-Bewegung, Lenis Smooth Scroll, AJAX-Seitenübergänge und dieselbe Showcase-Sprache, jetzt bearbeitet in Gutenberg mit Hayler Blocks.
Installieren Sie das Vorlage, schalten Sie die mitgelieferten Plugins ein, aktivieren Sie die Lizenz und schon befinden Sie sich in den ClaPat-Optionen. Importieren Sie die Gutenberg-Demo, wenn Sie den Live-Vorschau-Look wünschen. Erstellen Sie dann Seiten und Projekte im Blockeditor. Kein Elementor. Kein Seitenersteller von Drittanbietern.
Das Frontend ist die ClaPat-Engine, die auf der Hayler-HTML-Vorlage verwendet wird und nach 15 Jahren und mehr als 40.000 Verkäufen für moderne Kreativseiten neu erstellt wurde. Die Standardeinstellungen für Farbe, Typ, Kopfzeile, Fußzeile, Cursor und Auflistung sind im Adminbereich verfügbar. Das Layout auf der Leinwand besteht aus Hayler-Blöcken: Zeile, Spaltengruppe, Spalte, dann Listen, Medien und Elemente.
Für wen ist es?
- Kreativagenturen, die ein Premium-WordPress-Portfolio benötigen
- Freiberufliche Designer und Fotografen erstellen eine Website, die sie bearbeiten können
- Studios zeigen Fallstudien und Kundenarbeiten
- Entwickler, die das Hayler HTML-Frontend mit WordPress-Inhalten wünschen
WordPress, kein Seitenersteller
- Gutenberg + Hayler-Blöcke – Zeile aus Hayler-Blöcken einfügen, nicht aus Kernspalten und nicht aus Elementor
- ClaPat-Optionen – Siteweite Einstellungen: Darstellung, Cursor, Preloader, Kopfzeile, Fußzeile, Typografie, benutzerdefinierte Schriftarten und Seitenvorlagen
- Seitenoptionen – Metabox pro Seite und pro Projekt (Held, Hintergrund, Auflistungsfilter)
- Benutzerdefinierter Portfoliotyp – Elemente, die in den Vorlagen „Raster“, „Schieberegler“, „Karussell“ und „Listen“ angezeigt werden
- Kinderthema – Erstellen Sie Hayler Child über ClaPat-Optionen → Setup oder installieren Sie hayler-child.zip
- Gutenberg-Demo-Import — ClaPat-Optionen → Demo-Importer (Lizenz erforderlich) oder das XML im vollständigen Paket
- Online-Hilfecenter – durchsuchbare Dokumente, kein PDF in der ZIP-Datei
- ClaPat KI-Assistent (empfohlen) – In-Admin-Hilfe von demselben HelpCenter; Fügen Sie unter Einstellungen → Konnektoren einen AI-Anbieterschlüssel hinzu
Technologie
- WordPress 6.0 oder neuer (getestet bis 7.1)
- PHP 7.4 oder neuer (verwenden Sie ein derzeit unterstütztes PHP auf einem Live-Host)
- GSAP – Scrolleffekte, Seitenübergänge und Blockbewegung
- Lenis — optionales sanftes Scrollen (ClaPat-Optionen → Einstellungen)
- AJAX-Seitenübergänge — optional; Aktivieren Sie „Seiten mit Ajax laden“ unter „Einstellungen“. Aus ist ein vollständiger Ladevorgang (besser für Plugins, die nur einmal gebunden werden)
- Kompatible Browser: Chrome, Firefox, Safari, Edge
Seitenvorlagen
- Standard – Held + Gutenberg-Leinwand für Info-, Kontakt- und Studioseiten
- Portfolio-Raster – Kategoriefilter, optionales Umschalten zwischen Raster und Liste, Daumen-zu-Vollbild-Abdeckung
- Portfolio-Slider – Vollbild-Showcase-Schieberegler
- Portfolio-Karussell — horizontales Projektkarussell
- Portfoliolisten – Vertikale Liste im Archivstil
- Portfolioelement — die Projektseite; Held, Gutenberg-Körper, Credits modal, Navigation zum nächsten Projekt
- Blog – Beiträge mit einer Seitenleiste mit geöffneter Kopfzeile (keine Spalte neben der Liste)
- 404 – Beschriftungen und Standardeinstellungen unter Seitenvorlagen
Listenuntertitel, Slugs, Filter und das Verhalten beim nächsten Projekt finden Sie auf der gesamten Website unten ClaPat-Optionen → Seitenvorlagen. Das Zuweisen einer Vorlage ist noch auf der Seite.
Interaktionen und Bewegung
- AJAX-Seitenübergänge mit Übergangsabdeckungen (sofern aktiviert)
- Parallax-Showcase-Schieberegler, horizontales Karussell und Listen-Showcase
- Inhaltsschiebereglerblock für eine horizontale Reihe von Bildern innerhalb einer Seite oder eines Projekts
- Lenis Smooth Scroll (wenn aktiviert)
- Parallaxe auf Heldenmedien, Fußzeile, Bildern und Hintergründen
- Scroll-Animationen bei der Eingabe (einschließlich Erscheinungseffekt auf Kernüberschrift und Absatz)
- Angeheftete Zeile und angeheftete Spalte
- Trail-Galerie (Bilder folgen dem Cursor auf einer Zeile oder Spalte)
Portfolio
- Portfolio-Raster mit Kategoriefiltern
- Raster-/Listenlayout-Schalter (kann pro Site ausgeschaltet werden)
- Benutzerdefinierter Portfolio-URL-Slug
- Nächstes Projekt, Chrome, Reihenfolge, Navigation in der gleichen Kategorie
- Am Ende des Bildlaufs automatisch zum nächsten Projekt navigieren (standardmäßig aktiviert)
- Projektnachweise modal (Titel, Hauptteil, Live-Site-Schaltfläche)
- Heller oder dunkler Hintergrundtyp pro Seite und pro Projekt (Kopfzeile folgt)
- Portfolio-Raster Block für ein ausgewähltes Werkband auf einer Standardseite
Hayler-Blöcke
Layout: Zeile, Spaltengruppe, Spalte, Fußzeile (nur Widgets)
Listen: Flex-Listen, angeheftete Listen (sechs Animationsmodi), Zylinderlisten, Listenrotator, Galerie verknüpfter Listen
Medien und Bewegung: Bild (Lightbox oder Parallaxe), Video (lokaler MP4-Player, nicht YouTube/Vimeo), Content Slider, Marquee, Text Rotator, Counter
Elemente: Schaltfläche, Akkordeon, Uhr, E-Mail kopieren, Teammitglied, Schieberegler für Kunden, Trenner, Spaltenabstandshalter, Sitemap (nur Fußzeile)
Kopfzeile, Fußzeile, Cursor, Preloader
- Klassisches oder Vollbild-Menü; zwei schwarz/weiße Logos
- Benutzerdefinierte Kopfzeilenschaltfläche (Beschriftung, URL, gleicher Tab oder neuer Tab)
- Der Header wird invertiert, während eine dunkle Zeile sichtbar ist
- Schlanke Fußzeile oder große Widget-Fußzeile (Fußzeile, optionale Parallaxe, Invert-Header-Paar)
- Magischer Cursor mit Größe, Farbe und Kontextsymbolen (Zoom, Wiedergabe, Ziehen, Weiter…)
- Animierter Preloader (Beschriftung, Farben; standardmäßig aktiviert)
Typografie und Farbe
- Primär- und Sekundärfarben, Dachrinnen und Site-Farbschema im Erscheinungsbild
- Helles oder dunkles Seitenfarbschema; Eine Seite kann in den Seitenoptionen immer noch nicht übereinstimmen
- Typografie-Slots in den ClaPat-Optionen (Vorlage-Standardeinstellung belassen, um Haylers Schriftarten beizubehalten)
- Benutzerdefinierte Schriftarten: Laden Sie die von Ihnen gehosteten lizenzierten Dateien hoch und weisen Sie sie dann auf Typography zu
- Google Fonts bleiben auf demselben Typografie-Bildschirm verfügbar
Was ist in der Packung?
- Nur installierbare WordPress-Datei — hayler.zip (übergeordnetes Thema)
- Alle Dateien und Dokumentation — hayler.zip, hayler-child.zip, demo-data/gutenberg/import.xml
Laden Sie nicht das äußere Paket hoch. WordPress benötigt hayler.zip.
Im Lieferumfang enthalten (Darstellung → Plugins installieren):
- Hayler Core (erforderlich) – Portfoliotyp, Folien, Vorlagen
- ClaPat Framework (erforderlich) – ClaPat-Optionen, Typografie, Lizenz, Setup, Demo-Importer
- ClaPat Builder (empfohlen) – Hayler Blocks im Editor
- ClaPat AI Assistant (empfohlen) – Antworten im HelpCenter im Administratorbereich; benötigt einen AI-Anschlussschlüssel
Nicht gebündelt (installieren Sie sie, wenn Sie sie benötigen):
- Kontaktformular 7 – Hayler gestaltet ein Formular in
#contact-formularauf einer Standardseite - WPML – das Vorlage enthält wpml-config.xml (Portfoliotyp, Kategorien, Bildunterschriften, Seitenfelder)
Was Hayler anders macht
Andere WordPress-Portfolios verknüpfen Animationen mit einem allgemeinen Thema. Hayler ist ein Frontend: Übergänge, Scrollen, Hover und Blöcke sind dieselbe Engine wie die Hayler-HTML-Vorlage, verbunden mit WordPress-Vorlagen, Metaboxen und Gutenberg.
Sie bearbeiten Inhalte in WordPress. Sie erstellen den Bewegungsstapel nicht neu. Untergeordnetes Thema für CSS und kleines PHP. Öffentliche Filter, wenn Sie sie brauchen. Übergeordnete Updates bleiben erhalten.
Die Dokumentation finden Sie im Online-HelpCenter (Erste Schritte, Hayler-Einstellungen, Inhalte erstellen, Blöcke, Anpassen, Optimieren, FAQ). Der KI-Assistent liest dasselbe Korpus.
Unterstützung
In der Lizenz sind sechs Monate Artikelsupport enthalten. Technische Fragen zu Hayler im Lieferzustand gehen über Ticksy. Die typische Antwort erfolgt innerhalb von 24–48 Stunden, Montag bis Freitag.
Behandelt: Installation, ClaPat-Optionen, Vorlagen, Blöcke und Fehler. Nicht abgedeckt: die Erstellung der gesamten Website oder die Einrichtung von Drittanbieter-Plugins, die über das hinausgehen, was im HelpCenter bereits dokumentiert ist. Eine kostenpflichtige Anpassung ist ein separates Angebot. Öffnen Sie ein Ticket mit dem Brief.
Wenn Hayler nicht mit dem HelpCenter übereinstimmt, öffnen Sie ein Ticket und behandeln Sie dies als unseren Fehler.
Entwickelt von ClaPat, Power Elite-Autor auf ThemeForest seit 2009, über 40.000 Verkäufe, durchschnittliche Bewertung 4,47.
Anforderungen
- WordPress 6.0+ (getestet bis 7.1)
- PHP 7.4+ (bevorzugen Sie 8.2+ auf einem Host, den Sie behalten)
- Eine saubere WordPress-Installation für den Demo-Import
Credits
- GSAP von GreenSock – gsap.com
- Lenis – github.com/darkroomengineering/lenis
- Font Awesome – Fontawesome.com
- Demobilder sind nicht enthalten. In der Vorschau verwendete Quellen: Unsplash, Pexels
Änderungsprotokoll
- v1.0.0 – Erstveröffentlichung. Gutenberg Hayler-Blöcke, ClaPat-Optionen, Portfolio-Vorlagen (Raster, Schieberegler, Karussell, Listen), HelpCenter, optionaler KI-Assistent.
Bewertung: 0
Verkäufe bisher: 19
Be the first to leave a review.
