您要在WordPress上创建全角页面吗?
许多 WordPress主题 已经附带了可以使用的内置全宽页面模板。 但是,某些WordPress主题没有此功能。 在这 教程,我们将向您展示如何轻松地在WordPress上创建全角页面。
但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题
然后回到为什么我们在这里。
方法1:在WordPress主题上使用内置的宽度模板
如果您的WordPress主题已经提供了全角页面模板,则建议使用此方法。 如果您没有,请检查以下选择并获得一个。
首先,您需要编辑页面或通过访问“ 页面>添加 一个新页面。
在页面编辑窗口中,选择 全宽 作为页面属性复选框下的模板。
选择型号后 全宽您必须注册您的页面。 您可以继续自定义页面以添加更多内容,或单击预览按钮以查看实际操作。
如果页面编辑屏幕上没有全角-全角-模板选项,则表示您的WordPress主题没有该选项。
但是,不用担心,我们将向您展示如何轻松创建全角页面而不更改WordPress主题。
2方法:如何创建具有全宽度的页面模板
此方法要求您编辑正在使用的WordPress主题的文件,并对PHP,CSS和HTML有基本的了解。
顺便说一句,我们也邀请您咨询 8最佳WordPress插件,可轻松创建布局
但是,在继续之前,您必须 创建一个WordPress备份或至少当前WordPress主题的备份。 如果发生问题,这将帮助您轻松恢复网站。
首先,您需要打开一个文本编辑器(如记事本),并将以下代码粘贴到空白文件中:
<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>
现在,您需要将此文件另存为“ 全width.php 在您的计算机上。
此代码仅设置文件模板的名称,并告诉WordPress提取标头模板。
接下来,您将需要代码的内容部分。 使用FTP客户端连接到您的网站(在的cPanel或文件管理器),然后转到“ /可湿性粉剂内容/主题/你的主题文件夹/ “。
然后,您必须找到名为“ page.php ”。 这是主题的默认页面模板文件。
复制功能后的所有内容« get_header() 并将其粘贴到文件中 全width.php 您在计算机上创建的。
现在,您必须查看文件“ full-width.php”的内容,并删除以下代码行:
<?php get_sidebar(); ?>
该行仅使用侧边栏并将其显示在您的WordPress主题中。 通过删除此选项,您的主题在使用模板时将不会显示侧边栏 全宽.
您可能会看到此行在WordPress主题上多次出现。 如果您的WordPress主题有多个 侧边栏(页脚的小部件区域也称为边栏)您将看到代码中一次引用的每个侧边栏。 您必须确定要保留的侧边栏。
您的网站似乎加载缓慢,发现 为什么需要开始通过图像优化WordPress博客
如果主题未在页面上显示侧边栏,则可能在文件中找不到此代码。
这就是我们的full-width.php代码如何进行更改的方法。 您的代码可能看起来略有不同,具体取决于您的主题。
<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php
// Start the loop.
while ( have_posts() ) : the_post();
// Include the page content template.
get_template_part( 'template-parts/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
// End of the loop.
endwhile;
?>
</main><!-- .site-main -->
</div><!-- .content-area -->
<?php get_footer(); ?>
然后,您必须下载文件 全width.php »在WordPress主题文件夹上,使用 FTP客户端.
您已经成功创建了自定义全角页面模板并将其上传到主题。 下一步是使用此模板创建全角页面。
前往您的仪表板并编辑或创建新页面。
在页面编辑屏幕上,找到页面属性复选框,然后单击“模板”选项下的下拉菜单。
您将能够看到您的模型。 继续,选择它并保存或更新页面。
现在,您可以访问您的网站,您会看到侧边栏不见了,并且您的页面显示为单列页面。 它可能还没有装满,但是现在您可以以不同的方式传输它了。
通过发现 7 WordPress插件可优化图像的搜索引擎优化
您将需要使用检查工具来发现您的主题用来定义内容区域的CSS类。
然后,您可以使用CSS将其宽度调整为100%。 我们使用了以下CSS代码:
.page-template-full-width .content-area {
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
}
.page-template-full-width .site {
margin:0px;
}
看起来像二十十七岁。
这就是本教程的全部内容,希望它允许您创建全角页面。
以上方法对那些负担得起并希望快速轻松创建全角或全角布局的人免费。
还发现一些高级WordPress插件
您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。
我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。
1。 Divi Builder
Divi Builder是页面的高质量构建器,受到了很高的赞赏 优雅的主题。 尽管通常将它用作Divi WordPress主题的一部分,但Divi Builder还是一个独立的插件,可以在其他WordPress主题上使用。
Divi Builder允许您使用前端和后端的可视界面来编辑内容,尽管大多数用户更喜欢第一个界面。
基本上,不是侧边栏,而是全部在弹出窗口和浮动按钮中。 它使您可以访问分布在316个不同演示文稿包中的40个预设计模板,还可以将自己的设计另存为模板。
我们建议您发现 如何创建专业博客
Divi的特征之一一直是对他给您的风格的控制。 在三个不同的选项卡上,您可以配置各种设置,包括响应式控件,可自定义的间距等。
您甚至可以添加自定义CSS,因为其CSS编辑器包括基本验证和自动完成功能。 对Divi Builder的批评之一一直是它依赖于 简。 这意味着,如果您有一天禁用它,它将在您的内容中留下很多短代码。 尽管这有点令人沮丧,但是现在已经存在像Shortcode Cleaner这样的插件,这不再是一个问题。
2。 Themify Builder
毫无疑问,Themify Builder是Themify团队的产品。 它将其集成到其多个WordPress主题中,以为客户提供简单的自定义选项。 但是您也可以将其作为独立插件购买,并与任何WordPress主题一起使用。
与 Divi Builder 和 WPBakery Page Builder 一样,Themify Builder 允许您在前端或后端创建布局。 另一个好处是该插件允许您自定义响应断点(但仅限于整个网站级别)。
发现 如何安装和配置WooCommerce 为 创建一个在线商店 并轻松在互联网上销售您的产品
Themify Builder 的一件很酷的事情是它仍然允许您使用标准的 WordPress 编辑器,而其他页面构建器则强制您使用 WordPress 界面。 页面构建器 一切。
3。 Elementor
Elementor WordPress插件最初于2016年推出,是该列表中最年轻的页面构建器之一。 尽管起步较晚,Elementor还是在WordPress.org上迅速获得了超过1的有效安装,使其成为最受欢迎的WordPress页面构建器之一。
赢得声誉的原因在于其流畅的视觉界面,不同的样式选项以及其他强大功能,例如完整创建WordPress主题。
它的界面分为两个主要部分,第三个区域用于某些参数。 Elementor的免费版本提供28免费的小部件。 专业版带来了30个其他小部件,专业版中总共提供了58个小部件。 免费版本包含大约40个免费模板,而专业版则包含数百个其他模板。
其他推荐资源
查找有关其他推荐资源的信息,以帮助您构建和管理网站。
- 如何安全地更改WordPress主题
- 如何设置上WooCommerce交付
- 来自预订和预订的10高级WordPress插件
- 何时以及如何在一个子目录中安装WordPress
- 10 WordPress插件,以提高你博客的速度
结论
这是 ! 本教程就是这样。 如果您的WordPress主题未提供“全宽”页面作为模板,那么我们希望本教程可以帮助您解决该缺点。 不要犹豫 与您最喜欢的社交网络上的朋友分享.
但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。
如果您有任何建议或意见,请将其留在我们的部分 评论.
...
您好; 喜
我的主题是“ thethetheen”,我按照2x方法创建了没有侧边栏的房屋。 从某种意义上说,它的工作原理是左侧菜单栏留空,但颜色仍然保留。 您会看到侧边栏为空,因此cmq页是不对称的