如何使用 WordPress 制作全屏网站

如果您的网站专门研究摄影或其他图像,您可能有兴趣确保您的网站使用全屏显示它们。 这为图像或照片提供了更多空间来让访客惊叹。

但是,WordPress 默认不是全屏的。 相反,它为其他内容留下了很多额外的空间,比如你的侧边栏。 好消息是,您可以通过多种方式改变这一点并真正打动您的观众。

今天,我将演示如何在 WordPress 中创建一个全屏网站。

那么究竟什么是全屏网站?

顾名思义,全屏网站是在整个浏览器窗口中显示内容的网站,无论屏幕分辨率如何。 它通常也被称为“全宽”网站设计。

这种类型的设计通常保留给专注于展示图像或极简设计的网站。 这个想法是,通过占据整个屏幕,网站上的内容将抓住访问者的焦点。

当然,值得一提的是,大多数现代网站不使用这种设计方法是有原因的。

对于初学者来说,重要信息实际上可能会出现在屏幕边缘或角落,这使得访问或查找变得困难。 毕竟,大多数人都接受过在页面中间寻找内容的培训。

另一个问题是图像和视频内容可能看起来不正确。 虽然我们生活在网页设计的响应式世界中,但大部分关注点都放在了移动设备上。 当你走另一条路时,事情看起来不太对劲。

基本上,你需要确保这种风格适合你的网站类型,所以在接受它之前一定要权衡利弊。

如何使网页全屏

方法一:启用全宽模板

好消息是,您可以在一分钟内让几乎任何网站都拥有全屏视图。 它是 WordPress 的内置功能,但不是默认模板内容使用的。

请记住,您必须为要使用全屏的每条内容执行此操作。

笔记: 并非所有主题都支持这一点。 好消息是您可以使用插件来强制更改。 见方法 2。

转到您网站上的任何现有帖子或页面。 展开模板部分。

模板

使用下拉菜单选择全角布局。

全屏宽度

只需保存更改,该帖子或页面现在将使用全屏。

方法 2:全宽模板插件

如果您有较旧的主题,您可能无法选择使用全角模板。 好消息是这可以通过插件添加。 尽管值得指出的是,如果是这样的话,可能是时候换一个新主题了。

这种方法也适用于可能使用像 Elementor 这样的页面构建器的网站。 该插件旨在与所有流行的插件一起使用。

第 1 步:安装全角模板

单击插件并选择左侧管理面板上的添加新选项。

在可用的搜索框中搜索全角模板。 这将提取您可能会发现有用的其他插件。

向下滚动,直到找到 Fullwidth Templates 插件,然后单击“立即安装”按钮并激活插件以供使用。

第 2 步:选择模板

该插件不需要任何设置,激活后即可使用。

转到您网站上的任何帖子或页面,然后展开模板部分。 下拉菜单现在将包含三个新选项:FW No Sidebar、FW Fullwidth 和 FW Fullwidth No Header Footer。

选择您要使用的并保存更改。

您可以在要为其切换模板的所有帖子和页面上重复此步骤。 现在,如果您确实需要一个插件来将全角视图添加到您的网站,我强烈建议您更改您的主题。

WordPress 的前五个全屏主题

虽然您当然可以使用不是为全屏制作的主题来获得相同的效果,但您可以通过切换主题获得更好的结果。 这些主题中的大多数都是在考虑摄影的情况下制作的,但主题的可定制性足以满足大多数需求。

1.PhotoMe

照片我 是一个专门从事摄影的高级主题。 它带有超过 50 种独特的画廊和作品集模板可供选择,并且有多种布局可供选择。

由于这种令人难以置信的定制,它可以做的不仅仅是显示图像。

作为高级主题,它还具有自己的一些独特功能。 其中之一是受密码保护的画廊访问。 这使客户可以在开发阶段看到您的工作,这使其非常适合需要投入的专业人士。

2. 桥梁

是一个采用全屏设计的多功能主题。 它可以做任何事情,从投资组合到电子商务,同时看起来很时尚。 它与 Elementor 页面构建器完全兼容,并附带近 600 个演示用作模板。

更独特的功能之一是 Qode 滑块。 这是图像和视频的全屏滑块。 它支持各种动画、过渡和颜色选项。

几乎所有关于它的东西都是可定制的。

3.向导

向导 是一个轻量级的主题,非常适合大多数网站,并且在制作时考虑了全屏。 它配备了 Visual Composer 页面构建器,可让您完全控制网站的外观。

更具创意的功能之一是使用浅色和深色面板。 有了它们,您可以为小型企业创建一些令人惊叹的页面。 当然,您可以随时更改配色方案,因此您也不限于这种类型的设计。

4. 驼鹿

驼鹿 是另一个出色的多功能主题,在全屏模式下看起来很棒。 它可用于构建任何类型的网站并完全支持 WooCommerce 和 WP Bakery 页面构建器添加了大量的自定义。

这个主题真正闪耀的一个领域是您可以制作的菜单组合的数量。 它为您提供了多种类型可供选择,并且每种类型都可以通过独特的下拉动画进行自定义。

这里有适合每个人的东西。

5.天文

Astro 是一个支持全屏视图的华丽主题。 大多数人会立即注意到的一件事是垂直主页。 每列都可以扩展为一个照片库,非常适合摄影作品集。

该主题还具有其他可用的主页布局,这打开了可能性之门。 它的构建还考虑到了电子商务,具有完全的 WooCommerce 兼容性。

实际上,该主题是专门为使 WooCommerce 产品脱颖而出而构建的。

在 WordPress 中使任何网页全屏显示

WordPress 以卓越的定制在 CMS 行业占据主导地位,同时仍然是最容易使用的平台之一。 因此,在平台上基本上没有什么是您不能做的,包括在 WordPress 中制作任何页面或全屏发布。

只要确保无论您做什么,在桌面和移动设备上都看起来很棒。

您的主题是否支持全角模板? 您将全角模板用于什么类型的内容?

查看  如何在 WooCommerce 中为访问者提供免费下载

类似文章