如何使用WordPress制作全屏网站?

2021年9月14日03:09:16 发表评论 1,325 次浏览

如果你的网站专门从事摄影或其他图像,你可能有兴趣确保你的网站使用全屏显示它们,这可以为图像或照片提供了更多空间来吸引访客。

那么如何使用WordPress制作全屏网站呢?WordPress 默认不是全屏的。相反,它为其他内容留下了很多额外的空间,比如你的侧边栏。好消息是,你可以通过多种方式改变这种情况并真正打动你的听众。

今天,我将演示如何在 WordPress 中创建一个全屏网站,如果你需要快速实现,可以直接查看后面介绍的WordPress全屏主题

那么什么是全屏网站呢?WordPress如何制作全屏网站?

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

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

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

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

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

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

如何使网页全屏

如何使用WordPress制作全屏网站?启用全宽模板和全宽模板插件。

方法 1:启用全宽模板

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

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

注意:并非所有主题实际上都支持这一点。好消息是你可以使用插件来强制更改。参见方法 2。

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

如何使用WordPress制作全屏网站?

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

如何使用WordPress制作全屏网站?

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

方法 2:全宽模板插件

WordPress如何制作全屏网站?使用全宽模板插件。如果你有一个较旧的主题,你可能无法选择使用全角模板。好消息是这可以通过插件添加。虽然值得指出的是,如果是这样的话,可能是时候换一个新主题了,或者直接使用WordPress全屏主题会比较好。

此方法也适用于可能使用 Elementor 之类的页面构建器的网站。该插件旨在与所有流行的插件配合使用。

第 1 步:安装全宽模板

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

如何使用WordPress制作全屏网站?

在可用的搜索框中搜索全角模板。这将拉出你可能会觉得有用的其他插件。

如何使用WordPress制作全屏网站?

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

如何使用WordPress制作全屏网站?

第 2 步:选择模板

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

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

选择你要使用的一个并保存更改。

如何使用WordPress制作全屏网站?

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

WordPress 前五个全屏主题

如何使用WordPress制作全屏网站?使用已有的主题。虽然你当然可以使用不是为全屏制作的主题来获得相同的效果,但通过切换主题可以获得更好的结果。大多数这些主题都是为摄影而制作的,但这些主题的可定制性足以满足大多数需求。

1. PhotoMe

如何使用WordPress制作全屏网站?

PhotoMe是一个专门从事摄影的高级主题。它带有五十多种独特的画廊和投资组合模板可供选择,并有多种布局可供选择。

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

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

2. Bridge

如何使用WordPress制作全屏网站?

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

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

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

3. Wizard

如何使用WordPress制作全屏网站?

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

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

4. Moose

如何使用WordPress制作全屏网站?

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

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

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

5. Astro

如何使用WordPress制作全屏网站?

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

该主题还有其他可用的主页布局,这打开了可能性的大门。它还以电子商务为基础构建,具有完全的 WooCommerce 兼容性。

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

在 WordPress 中全屏显示任何网页

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

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

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

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: