Bearbeiten Sie einzelne Unterkunftsseiten mit dem Add-on für Hotelbuchungsstile

Die Erweiterung „Hotel Booking Styles & Templates“ ist ein hilfreicheskostenloses Dienstprogramm, mit dem Sie das Design mit dem Inhalt des Hotel Booking-Plugins manipulieren können.

So können Sie beispielsweise Buchungsformulare, Widgets und Unterkunftsseiten bearbeiten.

Am wichtigsten ist, dass Sie diese Anpassungen in einem benutzerfreundlichen WordPress-Editor mit Blöcken und ohne Programmierung vornehmen können.

Obwohl es im Add-on auch Optionen für fortgeschrittene Benutzer und Entwickler gibt, können auch technisch nicht versierte Personen viele kleine Aufgaben erledigen, z. B. ein vertikales Suchformular horizontal machen, Feldbeschriftungen im Formular umbenennen und vieles mehr.

Die neue aktualisierteVersion 1.1.0 der Erweiterung „Hotel Booking Styles & Templates“ schaltet einen weiteren Bereich frei, in dem Sie visuelle Änderungen in der Hotelbuchung vornehmen können:einzelne Unterkunftstypseiten.

Insbesondere können Sie jetzt die Standardstruktur der Auflistung der Unterkunftsseite ändern, z. B. die Reihenfolge der angezeigten Unterkunftsinformationen ändern, Details löschen, das Format des Kalenders aktualisieren usw.

Dafür haben wir ein neues Vorlagenmenü hinzugefügt,in dem Sie mit der Erstellung Ihrer benutzerdefinierten Vorlagen (Looks) beginnen und diese dann auf die erforderlichen Unterkunftstypen anwenden können.

Das bedeutet auch, dass Sie unterschiedliche Gestaltungsmöglichkeiten für verschiedene Unterkünfte haben können!

Hotelbuchungs-Plugin

Styles & Templates-Add-on

Lassen Sie uns nun tiefer ins Detail gehen, um zu sehen, wie Sie mit Vorlagen beginnen und welche Gestaltungsmöglichkeiten tatsächlich verfügbar sind.

Was ist eine Vorlage und wie erstellt man sie?

In der Erweiterung „Hotel Booking Styles & Templates“ ist eine Vorlage eine Designvariation für eine einzelne Unterkunftsseite.

Sie können so viele Vorlagen erstellen, wie Sie für Ihre Mietobjekt-Website für geeignet halten.

Sie können auch nur eine haben, die Sie auf alle Ihre Eigenschaften anwenden können.

Lassen Sie uns noch einmal betonen, dass es nur füreinzelne Unterkunftsseiten funktioniert.

Sobald Sie eine Vorlage/Vorlagen erstellt haben, können Sie zu den erforderlichen Eigenschaftsseiten gehen und einfach das erstellte benutzerdefinierte Design darauf anwenden.

Hier sind die Schritte, um eine neue Vorlage zu erstellen und sie für ein einzelnes Unterkunftslayout zu verwenden.

1. Installieren und aktivieren Sie die Erweiterung „Hotel Booking Styles & Templates“ (kostenlos).
2. Gehen Sie zu Unterkunft > Vorlagen > Neu hinzufügen > Benennen.
3. Sie sehen eine Liste mit Standardblöcken, aus denen die normale Unterkunftsseite besteht.
4. Passen Sie Ihre Vorlage an (mehr dazu weiter unten).
5. Sobald Ihre benutzerdefinierte Vorlage fertig ist, gehen Sie zu Unterkunftstypen > wählen Sie diejenige aus, auf die Sie ein neues Aussehen anwenden möchten > suchen Sie rechts nach Beitragsattributen > wählen Sie die gewünschte aus der Vorlagenauswahl > speichern Sie die Änderungen.

Das ist es! Sehen wir uns nun die Anpassungsoptionen für Vorlagen genauer an.

Anpassungsoptionen für Vorlagen

Es gibt 9 Blöcke mit eindeutigen Namen, wie PreisderUnterkunftsart oder Titel der Unterkunftsart.

Zunächst einmal kann jeder dieser Blöcke dank der standardmäßigen WordPress-Funktionalität sein:

• Auf eine andere Position verschoben

Es gibt auch eine Auswahl an Layouts für die gesamte Vorlage.

Um Optionen zu finden, klicken Sie auf eine beliebige leere Stelle auf der Seite, um die Vorlagenoptionen von rechts zu öffnen, und wählen Sie dann das gewünschte Seitenlayoutfür Ihre Vorlage aus.

Welche soll man wählen?

Wenn dieVorlage in voller Breite aktiviertist, werden die Seitenteile der Kopf- und Fußzeile nicht entfernt.

Wenn Sie sich für eineCanvas-Vorlageentscheiden, wird nur der Eigenschaftsinhalt angezeigt, ohne Fußzeilen- oder Kopfzeilenseitenteile.

Die gesamte Seite kann auch in den Block Hotel Booking Wrapper eingefügt werden, für den Sie die gewünschte Breite festlegen können:

Für die Anpassungsmöglichkeiten jedes Blocks klicke zuerst auf den benötigten Block und gehe dann zum rechten Menü des Blocks.

Hier sind einige interessante Einstellungen:

• In derUnterkunftstyp-Galeriekönnen Sie eine Bildergalerie in eine Bilder-Slideshow verwandeln. Sie können auch eine Reihe von Spalten für Ihre Galerie auswählen, sodass es einfach ist, das richtige Format basierend auf der Anzahl der Bilder in einer Galerie auszuwählen.
• WelcheAttributeSie in den Eigenschaftsinformationen ausgeben möchten, können Sie individuell auswählen.
• Sie können die Ansicht desVerfügbarkeitskalendersanpassen, z. B. Preise pro Nacht anzeigen und die Anzahl der anzuzeigenden Monate auswählen.

Und wir haben nur ein paar Blöcke mit der größten Anzahl von Werkzeugen und Einstellungen erwähnt.

Nutzen Sie die Leistungsfähigkeit des Blockeditors

Nutzen Sie die Leistungsfähigkeit des Blockeditors für die Gestaltung von Unterkunftsseiten.

Da die Blöcke, die von der Erweiterung „Hotel Booking Styles & Templates“ bezogen werden, ebenfalls WordPress-nativ sind, können Sie sie mit jedem anderen Plug-in oder Standard-Tool von Drittanbietern kombinieren, die sofort zur Hand sind.

Das heißt, Sie können weitere visuelle Elemente (z. B. Banner) hinzufügen, Hintergrundfarben anpassen, die Anzahl der Spalten für den Eigenschaftsinhalt ändern und alles tun, was Ihre Vorstellungskraft und Ihre Tools zulassen.

Werfen wir einen Blick auf einige Beispiele für die Verwendung des WordPress-Blockeditors zusammen mit unserer kostenlosen Getwid-Erweiterung.

Getwid fügt dem Editor im Grunde ein paar Dutzend kreative Blöcke und Designs hinzu, wodurch Ihr Anpassungsprozess noch leistungsfähiger und vielfältiger wird.

Beispiel #1 .Verwenden Sie Getwid Tabs, um Daten in Registerkarten zu strukturieren

Mit dem Getwid-Tabs-Block können Sie die von der Erweiterung „Hotel Booking Styles & Templates“ generierten Blöcke in Registerkarten einfügen und so jeden Inhalt in einer kompakten Ansicht anzeigen.

Reisende können schnell durch die einzelnen Registerkarten klicken, um die Informationen anzuzeigen, an denen sie interessiert sind.

Beispiel #2.Verwenden Sie WordPress- oder Getwid-Muster

Um optisch konsistente Layouts mit Säulen und anderen Elementen für Ihre Unterkunft zu erstellen, können Sie vorgefertigte Muster verwenden.

Beispiel #3.Verwenden Sie Spalten

Indem Sie einfach die Columns-Lösung oder vorgefertigte Muster mit Spalten verwenden, können Sie die Inhaltselemente einer einzelnen Unterkunftsseite mit den benötigten Elementen organisieren.

Denken Sie daran, dass Sie die Hintergrundfarbe des gesamten Abschnitts ändern können, den Sie für Ihre Unterkunftsseite erstellen.

Wir haben auch einen speziellen Vorlagenblock vom Typ Unterkunft für WordPress hinzugefügt.

Nachdem Sie es der Seite hinzugefügt haben, können Sie eine der erstellten benutzerdefinierten Vorlagen auswählen und in jede aktuelle Seite einfügen, die Sie bearbeiten.

Auf diese Weise können Sie die Unterkunftstyp-IDs auswählen, um anzugeben, für welche Unterkunft eine Vorlage verwendet werden soll.

Für schnelle Website-Updates können Sie die Unterkunftsvorlage direkt im Menü Unterkunftstypen im Dashboard ändern:Unterkunftstyp > Schnellbearbeitung > Vorlage.

Wenn Sie beispielsweise eine Vorlage erstellen möchten, die Sie für mehrere Unterkünfte verwenden möchten, und sie nicht manuell für jede Unterkunft anwenden möchten, verwenden Sie die Standardfunktionalität von WordPress.

Massenaktionen > Bearbeiten > Anwenden > Vorlage > Vorlage auswählen > Aktualisieren.

Wenn Ihr Go-to-Builder im Moment Elementor, Divi oder ein anderer ist, können Sie immer noch native WordPress-Blöcke über den Standard-WP-Blockeditor hinzufügen, wie wir im Beitrag ohne Probleme beschrieben haben.

In zukünftigen Erweiterungsaktualisierungen planen wir, Elementor- und Divi-Widgets auch für Hotelbuchungsblöcke verfügbar zu machen, sodass Sie die Unterkunftstypseiten mit mehr bevorzugten Buildern bearbeiten können.

Hinweis für Entwickler

Wir stellen auch eine Liste von Aktionen für die Erweiterung „Hotel Booking Styles & Templates“ bereit, die Entwickler verwenden können, um ihr eigenes Markup vor und nach einer Vorlage hinzuzufügen.

Es ist geeignet, wenn unsere Vorlagen für Hotelbuchungen involler BreiteoderHotelbuchungs-Canvasdie im Kopfbereich Ihres WordPress-Themes registrierten Klassen umschreiben. Fühlen Sie sich also frei, Ihre eigenen Funktionen/Methoden zu den folgenden Aktionen hinzuzufügen, um das erforderliche Markup hinzuzufügen.

Vorlage für Hotelbuchungen in voller Breite

• mphb-templates/templates/header-footer/before_content – ​​eine Aktion, die vor dem Template-Inhalt aufgerufen wird.
• mphb-templates/templates/header-footer/after_content – ​​eine Aktion, die nach dem Inhalt der Vorlage aufgerufen wird.

Canvas-Vorlage für Hotelbuchungen

• mphb-templates/templates/canvas/before_content – ​​eine Aktion, die vor dem Template-Inhalt aufgerufen wird.
• mphb-templates/templates/canvas/after_content – ​​eine Aktion, die nach dem Inhalt der Vorlage aufgerufen wird.

Erstellen Sie dank des WordPress-Blockeditors und einer kostenlosen Erweiterung für Hotelbuchungsstile und -vorlagen bessere, personalisiertere Layouts für einzelne Unterkünfte oder alle aufeinmal.Alle Werkzeuge sind an Ihren Fingerspitzen.