谁不喜欢旅行?对于各个年龄段的人来说,旅行总是一件令人兴奋的事情。但你能想象你的旅行热情可以变成一种简单的赚钱方式吗?

2017年,全球在线旅游市场价值超过6290亿美元,预计到2028年将达到近2万亿美元。尽管这一想法因持续的疫情而受到严重破坏,但该行业很快就会扭转局面;至少在当地是这样。

当然,通过拥有一个设计精良、可以轻松吸引游客注意力的旅游网站,您可以在网上赚到一大笔钱。如果您正在考虑程序和费用,请让我们确保您不会倾家荡产。现在,您可以使用 Elementor 在 WordPress 中自行构建自己的网站。

在本博客中,我们将介绍如何从零开始使用 Elementor 构建旅游网站。在这里,您可以以吸引人的方式展示您的体验,并帮助人们让他们的下一次旅行变得愉快。

但在我们开始设计我们的新网站之前,让我们快速回答您 –

为什么为您的旅游网站选择 Elementor

旅游网站

Elementor 是一款易于使用的拖放页面构建器,可帮助您在几分钟内创建功能强大的网站。最重要的是,它削弱了只有开发人员才能构建网站的想法。

现在,您无需任何网站建设经验也可以建立您的网站。此外,您将获得无限的预构建模板和模板。定制选项来开始您的旅程。

但是,如果您想探索更多设计潜力,可以使用许多第三方插件来显着扩展核心 Elementor 的功能。在这种情况下,Happy Addons可以张开手臂,为您提供一站式的高级网页设计工具。

另请阅读:快乐插件如何帮助 Elementor 社区

让我们继续向您展示如何使用 Elementor 和 Elementor 创建旅游网站。快乐插件。

开始使用您的旅游网站

旅游网站

以下是创建旅游网站的先决条件:

首先请确保您已经拥有域名和域名。您的 WordPress 网站的托管计划。现在,相应地配置您的 WordPress 网站并安装 Elementor & 快乐插件

然后,按照以下说明逐步操作。

相关文章:Elementor 网站的最佳托管计划

让我们开始吧:

第 1 步:设计旅游网站的主页

首先使用您的个人凭据登录您的 WordPress 仪表板。然后仔细按照以下步骤创建一个新页面:

  1. 导航到仪表板>页面>添加新页面
  2. 为您的主页写一个标题
  3. 从右下角的下拉菜单中将模板设置为“Elementor Canvas”
  4. 单击发布按钮
  5. 最后,点击“使用 Elementor 编辑”
如何创建一个旅游网站
  • 您将获得一个新页面,您可以在其中设计您可能想到的旅行网站的主页。
创建网页

这就是您的设计任务开始的地方。继续阅读。?

第 2 步:定制您的主页设计

因此,首先单击“红色”加号按钮。并选择一个部分。

  • 然后选择内容宽度“完整”和高度“适合屏幕
选择部分
  • 要对该部分进行样式化,请转到样式选项卡。单击背景。将独特的无版权 YouTube 视频链接粘贴到标记区域。
  • 然后在背景后备区域内上传图像。
创建一个旅游网站
  • 那么你的最终造型会是什么呢?
如何创建一个旅游网站

添加标题

接下来,是时候在标题区域添加一些文本了。您可以通过从左侧边栏选择 Happy Addons 的“动画文本”小部件轻松实现此目的。

  • 选择“动画文本”小部件并将其拖动到标记区域。
动画文本小部件
添加动画文本小部件
  • 您将在屏幕左侧看到所有重要的自定义选项。通过切换不同的选项卡(内容、样式、高级)来修改设计和内容。
  • 好吧,在这里您可以添加一些代表您网站目的的单词。
如何创建一个旅游网站

或者您可以观看以下视频教程,了解有关“动画文本小部件”的更多详细信息。

https://youtube.com/watch?v=3iCq2Msj6So%3Ffeature%3Doembed

在标题下添加标签行

是否要在标题下添加网站的标签行完全取决于您。我们建议您将其添加到网站的上部。所以它看起来会更有利可图,更令人惊讶。

  • 要添加标语或座右铭,请从小部件库中选择“文本小部件”。将其拖至标记区域。
  • 然后定制它并写一些朗朗上口的文字。
改进网站设计
添加文本编辑器小部件
  • 因此,添加文本编辑器并对其进行自定义后,设计将如下所示:
如何使用文本编辑器

接下来,我们将在标语部分下添加一个按钮。此按钮可以包含您希望用户访问的任何链接。例如,关于我们页面、定价页面、服务页面或隐私政策页面等。

  • 要添加此小部件,请选择 Happy Addons 的“双按钮”小部件。然后拖动并将其粘贴到标记区域。

注意:确保按钮清晰、可见且易于用户理解。

双按钮小部件
添加双按钮小部件
  • 接下来,您的任务是编辑它。单击“样式”选项卡,然后对其进行自定义以增强其外观。
  • 但是,添加小部件后,您会发现一个名为“预设”的选项。预设是不同内置设计的集合。它将帮助您美化您的网站设计
如何在elementor中添加预设
使用预设
  • 但是,编辑双按钮小部件并对其进行样式化后,您的设计将显示如下:
最后的接触 1

添加服务部分

现在,下一步是添加服务部分。您可以通过多种方式做到这一点。但我们将展示如何轻松添加它并自定义它以使其看起来更加突出。

  • 为此,请单击该部分按钮。并选择标记的部分。
  • 点击“样式”按钮。然后保留内容宽度“Full”和间隙宽度“No Gap” .
为旅游网站创建一个版块
  • 接下来,单击高级选项卡,并将填充设置为“20”像素。
如何在 Elementor 中添加部分
  • 现在添加 Happy Addons 的“Card Widget”。同样,只需拖动小部件并粘贴到第一部分即可。
如何添加卡片小部件
  • 接下来,添加图像,然后自定义其他选项。
添加图像 1
  • 因此,在添加图像并完成其他自定义选项(例如文本大小、颜色、悬停、填充、边距)后,最终设计将是:
设计一个旅游网站
  • 现在,为了减少加时赛,请将此部分重复两次。然后根据您的内容计划自定义它们。所以这是下面的例子:
创建自己的旅游博客网站
  • 然后,点击“高级”按钮。并保持边距设置为“-17 像素”。之后它将看起来像:
设计一个旅游网站

相关文章:如何使用Happy Addons的Card Widget创建商店页面

添加“标语部分”

我们将展示一个非常简单的定制过程。如果您想使用 Elementor 做更多事情以带来新的样式和功能设计,您可以轻松做到。

  • 首先,添加一个部分。选择 2/2 日粮。并保持全宽。
章节添加
  • 然后保持填充15%、15%、15%、20%。该部分如下所示:
如何在 Elementor 中添加部分
  • 然后在这些部分中添加标题小部件和文本编辑器。为了使您的设计更具吸引力和利润,您可以设置背景图像,也可以将其留空。
Elementor 插件
  • 再次选择 4/4 结构。然后保持其全宽且没有间隙。
旅游博客网站
  • 移至高级部分并保持填充 15 像素。
Elementor 的高级功能
  • 接下来,从小部件库中选择 Elementor 的“号召性用语”小部件。并将其拖到标记区域上。将框标记为“封面”。之后添加图像。
Elementor 的号召性用语小部件
  • 因此,最终确定图像并保持高度 500 像素,您的设计将如下所示:
旅游网站
  • 确保您按照这些比例进行设计。为此,请单击悬停效果,然后保持悬停动画“向上移动”、动画持续时间“300”、悬停动画第二个“ 下移‘和过渡持续时间’3000’。
切片元件
  • 接下来,复制该部分以减少时间。以同样的方式添加图像,然后简单地更改其各自的内容。
复制 Elementor 部分
  • 因此,您想要如何设计以及想要哪种颜色组合完全由您决定。
  • 为不同部分添加不同图像后,用任意颜色填充标记部分。在这种情况下,我们选择了“6EC1E4”颜色。
如何安排 Elementor 部分
  • 现在填写你想要的任何内容。在这种情况下,您可以在此处插入 YouTube 链接,或者添加满意客户的感言等。接下来复制整个部分。
如何使用 Elementor 图标
添加推荐小部件
  • 然后对其进行定制,使其看起来更有吸引力。
最终感言 1

您可以通过这种方式在您的网站上添加推荐小部件。不过,如果您想了解有关推荐小部件的更多信息,可以阅读我们的官方文档。或者您可以查看下面的视频教程以了解更多详细信息。

https://youtube.com/watch?v=MNcGxELG4iw%3Ffeature%3Doembed

嗯,在 Elementor 网站中添加页眉或页脚也不是一项艰巨的任务。您只需执行几个步骤即可做到这一点。

添加页脚
  • 接下来,搜索页脚并添加列表中所需的任何人。
添加页脚 1
  • 最后,它将出现在屏幕上,现在您可以对其进行自定义。
页脚2
  • 因此,自定义页脚部分后,设计将如下所示:
最终设计3

重要提示:您还可以在设计顶部添加菜单栏,而不是在页脚区域下使用它。 

标头 1

然而,我们试图展示一种简单但详细的方法,以便您可以轻松理解和了解。为自己创建一个旅游网站。

您的旅游网站的最终预览

至此,本次教程就结束了。在投入大量精力和时间之后,您可能渴望看到网站的最终输出。正确的?

好了,下面是旅游网站的预览。

决赛1

注意:按照相同的方式,您可以构建其他基本页面,让您的网站具有专业的外观。

以类似的方式,您还可以在不同的利基市场上构建任何网站。快速浏览一下以下博客:

现在就让我尝试快乐的 Elementor 插件吧!

旅游网站的关键要素

一般来说,网站结构意味着您如何组织网站内容。这很重要,因为您的网站结构将帮助您全面地安排内容。

根据 Yoast 学院的说法,以正确的方式设置网站结构不仅有利于您的访问者,也有利于 Google 轻松为您的网页建立索引

您网站的结构显示了您网站上的哪些页面对 Google 最重要酵母

查看旅游网站应包含的可能网页或结构:

  1. 主页
  2. 关于页面
  3. 目的地页面
  4. 预订页面
  5. 服务
    • 旅游网站内容的类型
  6. 特色度假胜地
  7. 旅游小贴士
    • 经验
    • 博客
    • 画廊
  8. 联系我们页面

这是您网站的基本结构。稍后,您可以根据您的商业计划和其他偏好进行更改。

现在,为了您的方便,让我们看看其他一些排名最高的旅游网站。当然,它会激励您并给您勇气立即采取行动创建您的第一个旅游网站。

前 5 个旅游网站示例

如今,旅游博客已成为一个流行的利基市场。如果您只想创建和设计自己的 WordPress 旅游网站,这些流行的网站可以帮助您收集经验和经验。了解旅游网站应该是什么样子。

此外,您将获得一个整体概念,了解不同的设计、布局、导航、页面外观,使用正确的图像、侧边栏、小部件和许多其他使旅游网站成功的网络材料。

1. PS 我正在路上

WordPress 旅游网站

如果您想玩得开心并享受世界各地令人兴奋的事物,PS I’m On My Way可以轻松让您感受到相同。

让我们看看这个独家旅游网站的主要功能:

  • 主页包含带有明亮配色方案的全屏图像
  • 具有视差效果并结合文字叠加
  • 交互式地图可轻松导航地点
  • 有单独的博客页面

该博客网站的所有者是 Trisha Valarmino。除了旅行之外,她似乎还帮助人们,比如筹集资金、参加社交活动、人道主义项目、烹饪等。

2. 可怜的旅行者

旅游网站

可怜的旅行者在我们的列表中排名第二。当你进入这个网站后,你会受到“Vins”和“Yosh”的热烈欢迎。这是相当令人印象深刻的。

该网站旨在帮助您在旅行、计划和预算时保持明智可怜的旅行者

让我们快速浏览一下该网站的主要功能:

  • 获取全屏滑块
  • 社交媒体图标组织得很好
  • 用户指南或旅行指南部分提供旅行想法和有效提示

基本上,“Vins”和“Yosh”是朋友。他们一起前往世界不同的地方并分享他们的想法。

3. 移民学旅游网站

旅游网站

接下来,我们有Migrationoloy,这是一个旅游美食博客。因此,如果您是美食爱好者并且想在环游世界的同时享受所有美味佳肴,您可以查看这个网站。事实上,您可以搜索餐馆、酒店、厨师、不同的食品。

好吧,让我们看看这个网站的关键和独特功能:

  • 首页有精心装饰的屏幕视频
  • 图像包括文字叠加
  • 以全宽显示图像
  • 博客文章缩略图以网格样式组织

此外,您还可以在这里找到基于世界各地人们的饮食习惯的各种博客。

4.斯堪的纳维亚标准

旅游网站

接下来,我们将了解Scandinavian Standard,它也是一个旅游博客网站。当您进入这个网站后,由于设计和内容,您会感受到一个平静和放松的环境。布局。

下面让我们进一步了解该网站:

  • 设计非常独特和优雅
  • 文本经过优化&正确放置
  • 在本网站的重要位置有一个有组织的社交媒体图标
  • 易于导航和理解
  • 侧边栏包含不同的产品,以确保轻松的用户体验

实际上,它也是一个时尚博客网站,在一个地方展示不同的风格、文化、人物和其他独特的东西。

5. 亚当游记

旅游网站

最后,我们来谈谈亚当游记。毫无疑问,它也是一个旅游博客网站。基本上,该网站的所有者 Adam 来自德国柏林。此外,作为一名专业的平面设计师,他喜欢环游世界并通过博客分享他的经验。

现在,我们来看看该网站的功能如下:

  • 在本网站主页顶部提供用户指南(目的地、城市、按主题搜索、博客导航)
  • 有个人博客文章和城市评论部分
  • 您会在本网站底部找到热门旅行主题

这个网站有一个令人惊奇的部分“他下一步要去哪里”。它将通知访客他的下一次旅行

是什么让您停下来建立自己的旅游网站!

旅游网站

如果你能从你的热情中赚钱,还有什么更好的呢?事实上,旅行不再只是一种爱好,而是一种职业。

但是,如果您是一名旅行者,多年来一直在探索不同的地方,但仍然没有网站。那么是时候创建一个具有出色外观的网站了。它可以成为分享您的想法、感受和冒险经历的绝佳平台。

0

评论0

请先
DBJ46 057-2020 海南省建筑钢结构防腐技术标准
DBJ46 057-2020 海南省建筑钢结构防腐技术标准
1分钟前 有人购买 去瞅瞅看

社交账号快速登录

微信扫一扫关注
扫码关注后会自动登录网站