Ferienwohnung mit WordPress präsentieren

Ferienwohnungen gibt es wie Sand am Meer. Umso wichtiger ist es, sich von der Masse abzuheben. Neben Ausstattung, Service und Preis gehört dazu auch eine zeitgemäße Präsentation. Wir zeigen Dir in diesem Beitrag, wie Du eine mehrsprachige Website für Deine Ferienwohnung in einem One-Page-Layout erstellst.

Das Besondere an einem One-Pager ist, dass sämtliche Texte, Bilder, Videos etc. untereinander auf einer Seite angezeigt werden. Das Menü verlinkt auf Abschnitte der Seite und nicht – wie bei gewöhnlichen Websites – auf Unterseiten. Das erleichtert die Navigation und reduziert die (gefühlte) Ladezeit. Alles, was Du dafür benötigst, ist ein STRATO Hosting-Paket und Erfahrung mit WordPress.

Schritt 1: WordPress manuell installieren

Falls Du WordPress noch nicht installiert hast – jetzt ist ein guter Zeitpunkt dafür. 🙂 Mit der Installationshilfe WordPress & Co. geht das besonders einfach. Wenn Deine Website mehrsprachig werden soll, musst Du WordPress manuell installieren. Nur so kannst Du die Multisite-Funktion nutzen, um die es im folgenden Schritt geht.

Schritt 2: Websites für verschiedene Sprachen anlegen

Mit WordPress Multisite lassen sich beliebig viele Websites erstellen und über eine Installation verwalten. So erstellst Du Varianten in verschiedenen Sprachen und sprichst damit auch ausländische Gäste an. Wie Du Multisite aktivierst und das Netzwerk für Subdomains einrichtest, haben wir hier beschrieben.

Ein Beispiel: Für englische und spanische Übersetzungen legst Du im STRATO Kundenlogin zunächst Subdomains wie „en“ und „es“ an (Domains -> verwalten -> Subdomain anlegen). Die englische Version von ferienwohnung-halle-kroellwitz.de hätte dann die Adresse en.ferienwohnung-halle-kroellwitz.de und die spanische es.ferienwohnung-halle-kroellwitz.de. Anschließend legst Du die Websites über die Netzwerkverwaltung in WordPress Multisite an (Websites -> Neu hinzufügen) und gibst die Subdomains als Adressen an.

Damit neben den eigenen Übersetzungen auch die WordPress-Texte (z. B. Widgets und Meldungen) in der passenden Sprache angezeigt werden, musst Du noch die Sprache der Websites ändern: Einstellungen -> Allgemein -> Sprache der Website. Wenn Du selbst kein Spanisch oder Englisch sprichst, kannst Du unabhängig davon weiterhin Deutsch als Backend-Sprache festlegen (Benutzer -> Profil -> Sprache).

Schritt 3: One-Page-Layout erstellen

In diesem Beitrag haben wir ein Child Theme entwickelt, das dem Theme Twentyseventeen ein One-Page-Layout verpasst. Um es zu verwenden, installierst Du über Multisite zuerst Twentyseventeen und dann unser Child Theme (Netzwerkverwaltung -> Themes -> Neu hinzufügen). Dabei klickst Du jeweils auf „Netzwerkweit freischalten“ und aktivierst dann das Child Theme in den Backends der einzelnen Websites: Meine Websites -> WEBSITE -> Dashboard und dort jeweils Design -> Themes -> aktivieren.

Wie Du Deine Seiten mit Inhalten füllst und die Navigation einbaust, erfährst Du ebenfalls im oben verlinkten Beitrag. Das dort verwendete Plugin jQuery Smooth Scroll musst Du wie die Themes ebenfalls erst im Netzwerk installieren (Netzwerkverwaltung -> Plugins), kannst es dann aber direkt netzwerkweit aktivieren.

Schritt 4: Websites miteinander verbinden

Es gibt viele Möglichkeiten, die verschiedenen Websites miteinander zu verbinden. Am einfachsten und ohne Plugin funktioniert das über eine Verlinkung im Menü. Dazu gibst Du unter Design -> Menüs die Adressen der Websites als individuelle Links ein. Als Menüpunkt für die Sprachauswahl gibst Du z. B. „Language“ ohne Andresse ein.

Um die Websites als Untermenüs (Submenü) zu verlinken, platzierst Du die Einträge einfach per Drag & Drop unterhalb des Menüs „Language“. Wenn Du sie dabei leicht nach rechts versetzt an die gewünschte Position „ziehst“, erkennt WordPress sie automatisch als Untermenü (siehe Screenshot). Das Gleiche machst Du bei den anderen Websites, wobei die jeweilige Website selbst natürlich nicht verlinkt werden muss.

Im Frontend sieht Dein Menü dann so aus:

Schritt 5: Belegungskalender integrieren

Auf einer Ferienwohnungs-Website sollte ein Belegungskalender nicht fehlen. So wissen potenzielle Gäste sofort, ob die Wohnung zum gewünschten Zeitraum noch frei oder schon belegt ist. Es gibt verschiedene, in der Regel kostenpflichtige Plugins mit und ohne Buchungsfunktion. Einfach zu bedienen und in der Basisversion kostenlos ist WP Simple Booking Calendar. Nachdem Du das Plugin installiert hast, erscheint auf der linken Menüleiste in WordPress der gleichnamige Eintrag „WP Simple Booking Calendar“. Hier kannst Du einen Plan anlegen und einzelne Tage als belegt („booked“) markieren:

Mit den Shortcodes [sbc title=”yes”] (Titel wird angezeigt) oder [sbc title=”no”] (Titel wird nicht angezeigt) fügst Du den Belegungsplan in eine beliebige Seite ein. Allerdings füllt der Kalender standardmäßig die Breite des Inhaltsbereichs nicht aus. Um das zu ändern, kannst Du folgenden Code bei Design -> Customizer -> Zusätzliches CSS eingeben:

.sbc-calendar-month {
width: 90%;
}

Fazit: Emotionen wecken mit frischem Design

Die Google-Suche zeigt: Viele Websites für Ferienwohnungen sind in die Jahre gekommen. Mit einer modernen, mehrsprachigen Website sammelst Du Pluspunkte gegenüber der Konkurrenz. Das gilt umso mehr, wenn Du dabei auf hochwertige Fotos und ansprechende Texte setzt. WordPress bietet dazu alle technischen Voraussetzungen. Wenn Dir das alles zu kompliziert ist, kannst Du auch einfach zum Homepage-Baukasten greifen.