使用技巧

使用块编辑器重新创建经典的婚礼WordPress主题主页

我根本不明白。 至少在十年的大部分时间里,主题作者一直要求使用WordPress创建更复杂布局的工具。 他们要求能够让最终用户更轻松地重新创建他们的演示的功能。 他们希望有一些方法可以绕过“限制性的”主题审查指南。

在过去的几年中,WordPress一直提供主题作者所要求的功能。 但是,使用它们的主题很少而且相去甚远。

在我每周仔细阅读目录中最新主题的过程中, 婚礼主题 上周引起了我的注意。 当然,我下载,安装并激活了它,只是发现我不知道如何重新创建主页设计。 没有指示。 定制器中的主题选项似乎毫无意义。 主题文件夹中几乎不存在所有装饰图像。

我是否需要升级到专业版才能获得屏幕截图中的内容? 似乎有这样一个版本的计划,但是尚不可用。

使用块编辑器重新创建经典的婚礼WordPress主题主页,使用块编辑器重新创建经典的婚礼WordPress主题主页经典婚礼主题屏幕截图。

我不是菜鸟,但是我被困住了。 我喜欢设计的简洁性。 但是,我无法想象设置一个以此主题为主题的婚礼网站。 从用户的角度来看,它只需要单击几下鼠标即可。 在那之后,只需要定制内容即可。

我认识到内部WordPress社区中的块编辑器仍然存在某种爱与恨的鸿沟。 但是,主题作者没有充分利用可用的工具,并未对整个WordPress用户群产生任何帮助。

因此,我从头开始重新创建了Classic Wedding主题主页。 使用块编辑器。 具有支持它的主题。

创建一个婚礼主页

我的目标很简单。 没有任何演示可以工作,我要做的只是屏幕上的800像素宽的屏幕截图。 主题页 在作者的网站上。 像我一样 重新创建了音乐艺术家的主页 几周前,我想对经典婚礼也做同样的事情。 除了几个例外(本主题可以解决),我成功了。

由于Classic Wedding不支持块编辑器本身,因此在使用主题时,我无法通过块编辑器重新创建其主页。 它没有发生-我尝试过。 我知道 Eksell WordPress主题 有一个“ canvas”模板,该模板允许用户编辑整个页面,因此这是一个简单的选择。

我还加载了Kaushan Script和Lora字体,以更接近原始主题。 这对于实验来说是不必要的,但是我希望我的娱乐至少看起来有点相似。

我立即知道我将克服一个障碍。 主题使用的图像与其上方和下方的部分重叠。 这需要保证金控制,尤其是增加负保证金的能力。 不幸的是,这是今天的块编辑器所缺少的组件。 这并不意味着主题作者无法使用自定义块样式或模式来实现。 这仅表示最终用户无法从界面对其进行控制。

因为我不想花时间编写代码,所以我依靠我通常的安全网,即 编辑器加 插入。 尽管有时可能有些笨拙,并且感觉像是过大了,但它确实包括那些缺少的功能,例如保证金选项。

使用块编辑器重新创建经典的婚礼WordPress主题主页,使用块编辑器重新创建经典的婚礼WordPress主题主页向图像添加负边距。

我在那里使用px单位,因为它很容易。 在现实世界的项目中,%或rem会更好。 但是我只是在做一个快速的概念验证。

内容区域中的其他所有内容都很简单。 我需要一个Cover块,其中包含图像,标题,段落和按钮。 我需要一个Group块作为底部的Image,Heading和Paragraphs的容器。

因为主题没有包装其装饰图像-再次,用户如何在没有装饰图像的情况下重新创建主页? —我选择了简单的条纹SVG背景,而不是原始的花朵。 由于已经安装了Editor Plus,因此我从 英雄图标 作为主要背景。

用block-editor-1重新创建经典的wordpress主题页面,并使用block编辑器重新创建经典的WordPress主题网站婚礼页面内容娱乐。

我最初的想法是仅重新创建主页的“内容”部分。 但是,它本身有点无聊。 因此,我将所有内容转换为Columns块并添加了侧边栏。 我使用“图像”,“标题”,“段落”和“导航”块重新创建了主要元素。 然后,我添加了一个用于娱乐的“社交图标”块。

用block-editor-2重新创建经典的婚礼wordpress-主题主页-使用块编辑器重新创建经典的婚礼WordPress主题主页完整的婚礼首页设计。

我确实用导航块碰到了一个障碍。 当使用垂直块变体时,WordPress当前不提供一种将列表中每个链接居中的方法。 我必须写几行CSS来实现这一目标。 这似乎是一个疏忽,也是块编辑器无法满足我的期望的一个领域。 当然,这可以从主题的角度来处理。

总的来说,这是一个相对简单的项目。 但是,该实验增加了我重新创建“音乐艺术家”主页时所没有的一些复杂性。 边距控件和垂直导航块对齐是必不可少的。 使用第三方插件并编写自定义CSS并不理想,而这些都是直接从编辑器进行的要求。

从主题结束,所有这些都是可能的。 此设计的每个部分都可以包装为块图案。 重叠的图像效果将形成整洁的块样式。 我只希望主题作者能够开始利用为他们手工制作的功能。

像这样:

像载入中…

来源