This boilerplate is designed for WordPress theme developers who are interested in developing themes with the MotoPress Hotel Booking plugin.
This Style Kit provides smartly organized starter scss files to style MotoPress Hotel Booking.
The MotoPress WordPress Hotel Booking plugin is an all-in-one property management suite for rental property websites. List unlimited accommodations and services, accept direct online reservations, synchronize all bookings across OTAs and more (no per-booking or per-property commission).
See also: Pre-made Hotel Booking Themes
- Download a zip folder/clone a repository.
- Copy the
scss
directory and paste it to the sass/scss directory of the theme styles. - Import
style.scss
at the end of the main file containing styles. - Have fun!
- Download a zip folder/clone a repository.
- Run a console command
npm i
. - Run a console command
npm run watch
(this will run a task that will watch for changes in .scss files). - Add generated
style.css
to your theme. - Have fun!
Add the following snippet into functions.php
:
wp_enqueue_style( 'mphb-style-kit', 'path_to_compiled_style/style.css', array(), '1.0.0' );
If you are using default Block Editor, and want load styles there - then add the following snippet into functions.php
:
add_theme_support('editor-styles');
add_editor_style( array(
'path_to_compiled_style/style.css',
/* here can be url to Google Font, or another style file */
) );
For your convenience, all styles are logically divided into files. All files contain templates with the minimum set of selectors for styling different blocks.
mphb-style-kit
├───css # compiled css will be here
└───scss
├───widget # widget-related styles
│ ├───_accommodations-list.scss
│ └───_availability-search.scss
├───shortcodes # shortcode-related styles
│ ├───_accommodations-list.scss
│ ├─── ...
│ └───_single-accommodation.scss
├───_accommodations-attributes.scss
├─── ...
├─── _single-service.scss
└───style.scss # main style file
MotoPress Hotel Booking Style Kit, Copyright © 2023, MotoPress. MotoPress Hotel Booking Style Kit is distributed under the terms of the GPLv2.
Made with 💙 by MotoPress.