호텔 예약 스타일 추가 기능으로 개별 숙박 페이지 편집

게시 됨: 2023-01-18

목차

호텔 예약 스타일 및 템플릿 확장은 호텔 예약 플러그인 콘텐츠로 디자인을 조작하는 데 유용한무료 유틸리티입니다.

예를 들어 예약 양식, 위젯 및 숙박 페이지를 편집할 수 있습니다.

가장 중요한 것은 코딩 없이 블록을 사용하여 인간 친화적인 WordPress 편집기에서 이러한 조정을 할 수 있다는 것입니다.

애드온에는 고급 사용자와 개발자를 위한 옵션도 있지만 비전문가도 수직 검색 양식을 수평으로 만들고 양식의 필드 레이블 이름을 바꾸는 등의 많은 작은 작업을 수행할 수 있습니다.

호텔 예약 스타일 및 템플릿 확장의 새로운 업데이트버전 1.1.0 은 호텔 예약에서 시각적으로 변경할 수 있는개별 숙박 유형 페이지를 하나 더 잠금 해제합니다.

특히, 이제 표시되는 속성 정보의 순서 변경, 세부 정보 삭제, 달력 형식 업데이트 등과 같은 숙박 페이지 목록의 기본 구조를 변경할 수 있습니다.

이를 위해 사용자 지정 템플릿(모양)을 만든 다음 필요한 숙박 시설 유형에 적용할 수 있는 새로운 템플릿 메뉴를추가했습니다.

이는 또한 다양한 숙박 시설에 대해 다양한 디자인 옵션을 가질 수 있음을 의미합니다!

호텔 예약 플러그인

스타일 및 템플릿 추가 기능

이제 템플릿을 시작하는 방법과 실제로 사용할 수 있는 디자인 옵션을 알아보기 위해 더 자세히 살펴보겠습니다.

템플릿이란 무엇이며 어떻게 생성하나요?

호텔 예약 스타일 및 템플릿 확장에서 템플릿은 단일 속성 페이지 디자인 변형입니다.

임대 부동산 웹사이트에 적합한 템플릿을 원하는 만큼 만들 수 있습니다.

가지고 있는 모든 속성에 적용할 수 있는 하나만 가질 수도 있습니다.

다시 한 번단일 숙박 페이지에서만 작동한다는 점을 강조하겠습니다.

템플릿/템플릿을 생성한 후에는 필요한 속성 페이지로 이동하여 생성된 사용자 정의 디자인을 간단히 적용할 수 있습니다.

다음은 새 템플릿을 만들고 단일 숙박 시설 레이아웃에 사용하는 단계입니다.

  1. 호텔 예약 스타일 및 템플릿 확장 프로그램을 설치하고 활성화합니다(무료).
  2. 숙소 > 템플릿 > 새로 추가 > 이름 지정으로 이동합니다.
  3. 일반 숙박 페이지를 구성하는 기본 블록 목록이 표시됩니다.
  4. 템플릿을 사용자 지정합니다(자세한 내용은 아래 참조).
  5. 사용자 지정 템플릿이 준비되면 숙박 시설 유형으로 이동하고 > 새로운 모양을 적용할 숙박 시설 선택 > 오른쪽에서 게시물 속성 찾기 > 템플릿 선택기에서 필요한 항목 선택 > 변경 사항을 저장합니다.

그게 다야! 이제 템플릿 사용자 지정 옵션을 자세히 살펴보겠습니다.

템플릿 사용자 정의 옵션

숙박 시설 유형 가격또는숙박 시설 유형 제목과 같이 명확한 이름이 있는 9개의 블록이 있습니다.

우선 기본 WordPress 기능 덕분에 이러한 각 블록은 다음과 같을 수 있습니다.

  • 다른 위치로 이동함

레이아웃 편집기의 블록 편집기.

  • 완전히 제거됨

블록을 제거하는 방법.

전체 템플릿에 대한 레이아웃도 선택할 수 있습니다.

옵션을 찾으려면 페이지의 빈 곳을 클릭하여 오른쪽에서 템플릿 옵션을 연 다음 원하는 템플릿 페이지 레이아웃을 선택합니다.

템플릿을 편집하는 방법.

어느 것을 선택해야 할까요?

전체 너비 템플릿을 사용하면 머리글 및 바닥글 사이트 부분이 제거되지 않습니다.

전체 너비 템플릿입니다.

캔버스 템플릿을 선택하면 바닥글 또는 머리글 사이트 부분 없이 속성 콘텐츠만 표시됩니다.

캔버스 호텔 예약 템플릿입니다.

전체 페이지는 필요한 너비를 설정할 수 있는 Hotel Booking Wrapper 블록에 넣을 수도 있습니다.

템플릿 편집기의 호텔 예약 wapper 블록입니다.

각 블록의 사용자 정의 기능을 보려면 먼저 필요한 블록을 클릭한 다음 블록의 오른쪽 메뉴로 이동하십시오.

몇 가지 흥미로운 설정은 다음과 같습니다.

  • 숙박 유형 갤러리에서 이미지 갤러리를 이미지 슬라이드쇼로 전환할 수 있습니다. 갤러리에 대해 여러 열을 선택할 수도 있으므로 보유한 갤러리의 이미지 수에 따라 올바른 형식을 쉽게 선택할 수 있습니다.
  • 속성 정보에 출력할속성을 개별적으로 선택할 수 있습니다.
  • 예를 들어 1박 가격을 표시하고 표시할 개월 수를 선택하는 등가용성 캘린더보기를 사용자 정의할 수 있습니다.

가용성 달력 설정입니다.

그리고 우리는 도구와 설정이 가장 많은 블록 몇 개만 언급했습니다.

블록 편집기의 기능 활용

숙박 페이지 디자인을 위해 블록 편집기의 기능을 활용하십시오.

Hotel Booking Styles & Templates 확장에서 제공하는 블록도 WordPress에 고유하므로 다른 타사 플러그인 또는 즉시 사용할 수 있는 기본 도구와 결합할 수 있습니다.

즉, 더 많은 시각적 요소(예: 배너)를 추가하고, 배경 색상을 사용자 지정하고, 속성 콘텐츠의 열 수를 변경하고, 상상력과 도구가 허용하는 모든 작업을 수행할 수 있습니다.

무료 Getwid 확장 프로그램과 함께 WordPress 블록 편집기를 사용하는 몇 가지 예를 살펴보겠습니다.

Getwid는 기본적으로 수십 개의 창의적인 블록과 디자인을 편집기에 추가하여 사용자 정의 프로세스를 더욱 강력하고 다양하게 만듭니다.

예 #1 .Getwid 탭을 사용하여 데이터를 탭으로 구조화

WordPress 편집기의 탭 블록.

Getwid Tabs 블록을 사용하면 호텔 예약 스타일 및 템플릿 확장에서 생성된 블록을 탭에 배치하여 모든 콘텐츠를 압축 보기에 표시할 수 있습니다.

Getwid 탭은 프런트엔드에서 차단됩니다.

여행자는 각 탭을 빠르게 클릭하여 관심 있는 정보를 볼 수 있습니다.

호텔 예약 플러그인에 대한 Tabs Getwid 블록.

예 #2.WordPress 또는 Getwid 패턴 사용

블록 편집기의 기본 패턴.

기둥 및 기타 숙박 시설 요소로 시각적으로 일관된 레이아웃을 만들려면 미리 만들어진 패턴을 사용할 수 있습니다.

방 디자인 WordPress 템플릿입니다.

예 #3.열 사용

열 WordPress 블록.

열 솔루션 또는 열이 있는 기성 패턴을 사용하기만 하면 필요한 요소로 단일 숙박 페이지의 콘텐츠 요소를 구성할 수 있습니다.

열 예시.

숙박 페이지에 대해 구축한 전체 섹션의 배경색을 변경할 수 있다는 점을 기억하십시오.

WordPress 전용 숙박 유형 템플릿 블록도 추가했습니다.

숙박 유형 설정입니다.

페이지에 추가한 후 생성된 사용자 정의 템플릿을 선택하고 편집하는 현재 페이지에 삽입할 수 있습니다.

호텔 예약을 위한 WordPress 템플릿 및 블록으로 페이지를 구축합니다.

이러한 방식으로 템플릿을 사용할 속성을 지정하기 위해 숙박 유형 ID를 선택할 수 있습니다.

빠른 웹 사이트 업데이트를 위해 대시보드의 숙박 시설 유형 메뉴(숙박 시설 유형 > 빠른 편집 > 템플릿)에서 바로 속성 템플릿을 변경할 수 있습니다.

템플릿 선택기 WordPress.

예를 들어 여러 숙박 시설에 사용할 템플릿을 만들고 모든 속성에 수동으로 적용하지 않으려면 기본 WordPress 기능을 사용합니다.

대량 작업 > 편집 > 적용 > 템플릿 > 템플릿 선택 > 업데이트.

WordPress 블록 편집기의 일괄 편집.

기본 빌더가 현재 Elementor, Divi 또는 기타인 경우 게시물에서 설명한 대로 기본 WP 블록 편집기를 통해 기본 WordPress 블록을 문제 없이 추가할 수 있습니다.

향후 확장 업데이트에서는 호텔 예약 블록에 Elementor 및 Divi 위젯을 제공하여 더 많은 선호 빌더로 숙박 유형 페이지를 편집할 수 있도록 할 계획입니다.

개발자 참고 사항

또한 개발자가 템플릿 전후에 자신의 마크업을 추가하는 데 사용할 수 있는 호텔 예약 스타일 및 템플릿 확장에 대한 작업 목록을 제공합니다.

호텔 예약 전체 너비또는호텔 예약 캔버스템플릿이 WordPress 테마의 헤더 섹션에 등록된 클래스를 다시 작성하는 경우 적합합니다. 따라서 필요한 마크업을 추가하기 위해 다음 작업에 자신의 기능/메소드를 자유롭게 추가하십시오.

호텔 예약 전체 너비 템플릿

  • mphb-templates/templates/header-footer/before_content – ​​템플릿 콘텐츠 전에 호출되는 작업입니다.
  • mphb-templates/templates/header-footer/after_content – ​​템플릿 콘텐츠 이후에 호출되는 작업입니다.

호텔 예약 캔버스 템플릿

  • mphb-templates/templates/canvas/before_content – ​​템플릿 콘텐츠 전에 호출되는 작업입니다.
  • mphb-templates/templates/canvas/after_content – ​​템플릿 콘텐츠 이후에 호출되는 작업입니다.

WordPress 블록 편집기와 무료호텔 예약 스타일 및 템플릿확장 기능덕분에 개별 숙박 시설에 대해 더 좋고 개인화된 레이아웃을 만들거나 한 번에 모두 만들 수있습니다. 모든 도구는 손끝에 있습니다.