Edytuj indywidualne strony zakwaterowania za pomocą dodatku Style rezerwacji hoteli

Opublikowany: 2023-01-18

Spis treści

Rozszerzenie Hotel Booking Styles & Templates to pomocnebezpłatne narzędziedo manipulowania projektem za pomocą zawartości wtyczki Hotel Booking.

Na przykład pozwala edytować formularze rezerwacji, widżety i strony zakwaterowania.

Co najważniejsze, możesz wprowadzić te poprawki w przyjaznym dla człowieka edytorze WordPress, z blokami, bez kodowania.

Chociaż w dodatku dostępne są opcje dla zaawansowanych użytkowników i programistów, osoby nietechniczne nadal mogą wykonywać wiele drobnych zadań, takich jak tworzenie pionowego formularza wyszukiwania w poziomie, zmiana nazw etykiet pól w formularzu i nie tylko.

Nowa zaktualizowanawersja 1.1.0 rozszerzenia Hotel Booking Styles & Templates odblokowuje jeszcze jeden obszar, w którym można wizualnie wprowadzać zmiany w rezerwacji hoteli:strony poszczególnych rodzajów zakwaterowania.

W szczególności możesz teraz zmienić domyślną strukturę listy stron zakwaterowania, na przykład zmienić kolejność wyświetlanych informacji o obiekcie, usunąć szczegóły, zaktualizować format kalendarza itp.

W tym celu dodaliśmy nowe menu Szablony, wktórym możesz rozpocząć tworzenie własnych szablonów (wyglądów), a następnie zastosować je do potrzebnych typów zakwaterowania.

Oznacza to również, że możesz mieć różne opcje projektowe dla różnych pomieszczeń!

Wtyczka do rezerwacji hoteli

Dodatek Style i szablony

Przyjrzyjmy się teraz bardziej szczegółowo, aby zobaczyć, jak zacząć korzystać z szablonów i jakie opcje projektowania są faktycznie dostępne.

Co to jest szablon i jak go utworzyć?

W rozszerzeniu Hotel Booking Styles & Templates szablon jest odmianą projektu strony obiektu.

Możesz utworzyć tyle szablonów, ile uznasz za odpowiednie dla swojej witryny wynajmu nieruchomości.

Ty też możesz mieć tylko jeden, który możesz zastosować do wszystkich posiadanych nieruchomości.

Jeszcze raz podkreślmy, że działa to tylko dlapojedynczych stron zakwaterowania.

Po utworzeniu szablonu/szablonów możesz przejść do potrzebnych stron właściwości i po prostu zastosować do nich utworzony niestandardowy projekt.

Oto kroki, aby utworzyć nowy szablon i użyć go do pojedynczego układu zakwaterowania.

  1. Zainstaluj i aktywuj rozszerzenie Hotel Booking Styles & Templates (jest bezpłatne).
  2. Przejdź do Zakwaterowanie > Szablony > Dodaj nowy > Nazwij to.
  3. Zobaczysz listę domyślnych bloków, z których składa się strona normalnego zakwaterowania.
  4. Dostosuj swój szablon (więcej na ten temat poniżej).
  5. Gdy Twój niestandardowy szablon będzie gotowy, przejdź do Rodzaje zakwaterowania > wybierz ten, do którego chcesz zastosować nowy wygląd > znajdź atrybuty wpisu po prawej stronie > wybierz potrzebny z selektora szablonów > zapisz zmiany.

Otóż ​​to! Przyjrzyjmy się teraz bliżej opcjom dostosowywania szablonu.

Opcje dostosowywania szablonu

Istnieje 9 bloków z wyraźnymi nazwami, takimi jak Cena rodzajuzakwaterowania lub Tytuł rodzaju zakwaterowania.

Przede wszystkim dzięki domyślnej funkcjonalności WordPressa każdy z tych bloków może być:

  • Przeniesiony na inne stanowisko

Edytor bloków w edytorze układu.

  • Usunięto całkowicie

Jak usunąć blok.

Istnieje również wybór układów dla całego szablonu.

Aby znaleźć opcje, kliknij dowolne puste miejsce na stronie, aby otworzyć opcje szablonu z prawej strony, a następnie wybierz żądanyukład stronydla swojego szablonu.

Jak edytować szablony.

Który wybrać?

Gdyszablon o pełnej szerokościjest włączony, nagłówek i stopka witryny nie są usuwane.

Szablon o pełnej szerokości.

Decydując się naszablon płótna, wyświetlana będzie tylko treść właściwości, bez stopki lub nagłówka części witryny.

Płócienny szablon rezerwacji hotelu.

Całą stronę można również umieścić w bloku Hotel Booking Wrapper, dla którego możesz ustawić potrzebną szerokość:

Blok wapper rezerwacji hoteli w edytorze szablonów.

Aby uzyskać możliwości dostosowywania każdego bloku, kliknij najpierw potrzebny blok, a następnie przejdź do menu po prawej stronie bloku.

Oto kilka ciekawych ustawień:

  • Wgalerii typu zakwaterowaniamożesz zamienić galerię obrazów w pokaz slajdów. Możesz także wybrać liczbę kolumn dla swojej galerii, więc łatwo będzie wybrać odpowiedni format na podstawie liczby obrazów w galerii.
  • Możesz wybrać, któreatrybutychcesz pojedynczo wyświetlać w informacjach o właściwościach.
  • Możesz dostosować widokkalendarza dostępności, na przykład wyświetlić ceny za noc i wybrać liczbę miesięcy do wyświetlenia.

Ustawienia kalendarza dostępności.

Wspomnieliśmy tylko o kilku blokach z największą liczbą narzędzi i ustawień.

Wykorzystaj moc edytora bloków

Wykorzystaj moc edytora bloków do projektowania stron zakwaterowania.

Ponieważ bloki pochodzące z rozszerzenia Hotel Booking Styles & Templates są również natywne dla WordPress, możesz je łączyć z dowolną wtyczką innej firmy lub domyślnymi narzędziami, które są natychmiast pod ręką.

Oznacza to, że możesz dodać więcej elementów wizualnych (np. banerów), dostosować kolory tła, zmienić liczbę kolumn zawartości właściwości i zrobić wszystko, na co pozwala Twoja wyobraźnia i narzędzia.

Rzućmy okiem na kilka przykładów użycia edytora bloków WordPress wraz z naszym darmowym rozszerzeniem Getwid.

Getwid w zasadzie dodaje do edytora kilkadziesiąt kreatywnych bloków i projektów, dzięki czemu proces dostosowywania jest jeszcze bardziej wydajny i zróżnicowany.

Przykład nr 1 .Użyj kart Getwid, aby uporządkować dane w karty

Blok Tabs w edytorze WordPress.

Korzystając z bloku Getwid Tabs, możesz umieścić bloki wygenerowane przez rozszerzenie Hotel Booking Styles & Templates w zakładkach, wyświetlając w ten sposób każdą treść w zwartym widoku.

Blok kart Getwid na interfejsie użytkownika.

Podróżni mogą szybko przeglądać każdą kartę, aby zobaczyć interesujące ich informacje.

Bloki zakładek Getwid dla wtyczki Hotel Booking.

Przykład nr 2.Użyj wzorców WordPress lub Getwid

Domyślne wzorce w edytorze bloków.

Aby stworzyć spójne wizualnie układy z kolumnami i innymi elementami zakwaterowania, możesz skorzystać z gotowych wzorów.

Szablon WordPress do projektowania pokoju.

Przykład nr 3.Użyj kolumn

Kolumny blokują WordPress.

Po prostu korzystając z rozwiązania Kolumny lub gotowych szablonów z kolumnami, możesz uporządkować elementy treści pojedynczej strony zakwaterowania z potrzebnymi elementami.

Przykład kolumn.

Pamiętaj, że możesz zmienić kolor tła całej sekcji, którą tworzysz na swojej stronie zakwaterowania.

Dodaliśmy również dedykowany blok szablonów typu zakwaterowania dla WordPress.

Ustawienia rodzaju zakwaterowania.

Po dodaniu go do strony pozwala wybrać dowolny z utworzonych niestandardowych szablonów i wstawić go do dowolnej aktualnie edytowanej strony.

Budowanie strony z szablonami i blokami WordPress do rezerwacji hoteli.

W ten sposób możesz wybrać identyfikatory typu zakwaterowania, aby określić, dla której właściwości użyć szablonu.

Aby szybko zaktualizować witrynę, możesz zmienić szablon obiektu bezpośrednio w menu Rodzaje zakwaterowania na pulpicie nawigacyjnym:Rodzaj zakwaterowania > Szybka edycja > Szablon.

Selektor szablonów WordPress.

Jeśli chcesz, na przykład, stworzyć szablon, który będzie działał dla wielu kwater i nie chcesz stosować go ręcznie dla każdej nieruchomości, użyj domyślnej funkcjonalności WordPress.

Akcje zbiorcze > Edytuj > Zastosuj > Szablon > wybierz szablon > Aktualizuj.

Zmiany zbiorcze w edytorze bloków WordPress.

Jeśli obecnie Twoim głównym narzędziem do tworzenia jest Elementor, Divi lub jakikolwiek inny, nadal możesz dodawać natywne bloki WordPress za pomocą domyślnego edytora bloków WP, jak opisaliśmy w poście, bez żadnych problemów.

W przyszłych aktualizacjach rozszerzeń planujemy również udostępnić widżety Elementor i Divi dla bloków rezerwacji hoteli, umożliwiając edytowanie stron typów zakwaterowania za pomocą większej liczby ulubionych konstruktorów.

Uwaga dla programistów

Udostępniamy również listę działań dla rozszerzenia Hotel Booking Styles & Templates, których programiści mogą używać do dodawania własnych znaczników przed szablonem i po nim.

Będzie dobrze, jeśli nasze szablonyHotel Booking Full WidthlubHotel Booking Canvasprzepiszą klasy zarejestrowane w sekcji nagłówka Twojego motywu WordPress. Zachęcamy więc do dodawania własnych funkcji/metod do poniższych działań w celu dodania wymaganego znacznika.

Szablon rezerwacji hotelu o pełnej szerokości

  • mphb-templates/templates/header-footer/before_content – ​​akcja wywoływana przed treścią szablonu.
  • mphb-templates/templates/header-footer/after_content – ​​akcja wywoływana po zawartości szablonu.

Szablon płótna rezerwacji hotelu

  • mphb-templates/templates/canvas/before_content – ​​akcja wywoływana przed treścią szablonu.
  • mphb-templates/templates/canvas/after_content – ​​akcja wywoływana po zawartości szablonu.

Twórz lepsze, bardziej spersonalizowane układy dla poszczególnych kwater lub wszystkich naraz dzięki edytorowi bloków WordPress i bezpłatnemurozszerzeniuStyle i szablony rezerwacji hoteli. Wszystkie narzędzia są na wyciągnięcie ręki.