魏艾斯笔记Hotel and BnB山上旅馆是 Astra主题 demo演示站中的一个单页面网站（只有一个首页，没有其他页面），免费提供使用。魏艾斯笔记分享 Hotel and BnB山上旅馆演示站的详细内容。
Astra主题低至37折，Pro版本 $47/年，立即登录 参与新年优惠活动！更多Astra主题内容请看 Astra专题
学习、小网站选择 1核2g配置的服务器起步，国外主题建站选择 2核4g配置，适当搭配运行流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
长期运行外贸网站选择Hostinger虚拟主机，WordPress网站速度、稳定性都很棒，性价比极高！
关于 hostinger：hostinger专题
1、部署Astra主题demo演示站
两个必备前提：Astra主题、Starter Templates插件。这两个都是 Astra提供给大家免费下载安装使用的。
只有预先安装了上面两个，才能导入使用demo演示站。
教程请看如何使用Starter Templates插件免费导入完整站点？
本文要介绍的 Hotel and BnB山上旅馆模板是在 Astra模板 demo演示页面下拉到最后面的一个就是，如下图所示。
2、Hotel and BnB山上旅馆演示站介绍
安装完demo演示站后，我们从 页面>home（使用elementor编辑）进入。
因为这是一个单页面网站，所以我们只研究首页是如何制作的，使用了哪些功能即可。
看到首页最上面在 section中添加了背景图像，在列中添加了文字描述和booking 按钮。
点击按钮会跳转到页面最下面的表单，booking按钮的链接到表单题目>高级设置的 CSS ID上即可。这个功能叫锚点链接，是很多外贸网站会用到的，大家要学会使用。
关于锚点链接的知识请看WordPress添加锚点定位。锚链接可以灵活运用于文字、图片、按钮等。
使用了常见的上面标题，下面左右排列图片+文字的网站描述形式。
值得一提的是为了展示旅馆的内部情况，使用了Elementor图片幻灯器，可以自定义设置显示多少张图片、每次滚动多少张图片等。
页眉和页脚使用了 Astra主题页眉生成器和页脚生成器设计制作，鼠标点几下就妥了，对于新手也很容易上手。
3、总结
Hotel and BnB山上旅馆是Astra主题demo演示站，属于 WordPress单页面网站，内容简单，功能好用，适合酒店、旅馆或没有太多内容的行业使用。如果你是新手，或者不想花时间去学习，直接在demo演示站中替换掉文字、图片、表单内容就行了。