近期浏览一些最新WordPress主题版本,发现一个支持区块编辑器的WordPress主题甚至提供了一些自定义模式(Pattern,你或者称之为背景、样式或者版式)。尽管设计没什么特别的,但总体而言,这是一个与时俱进的主题。
该主题提供可以购买的商业“专业”版本。但是,几乎每个专业功能都依赖于老式的策略,即销售额外的主题选项。其中一个选项是与区块相关的功能,该功能将免费提供为Global Styles组件的一部分,该组件很可能在今年晚些时候随WordPress一起提供。
自定义区块样式在哪里?用户在哪里可以找到一些独特的模式?对于最终用户来说,额外的导航菜单,侧边栏,颜色设置和版式选项正变得越来越少。
主题作者需要开始跟随WordPress步伐。加售WordPress无法提供的功能形式。或者,WordPress主题构建独特的区块样式和模式将是一个不错的卖点。
探索模式思想
在上个月,我一直在修改自定义模式。在我从事设计和开发业务十多年的时候,仅使用区块编辑器就可以完成我的工作(无需使用自定义代码),而全面的区块就绪主题只是在摸索。我们在WordPress社区中拥有更好的人才,我希望看到他们的艺术才能得到释放。
这一切都是从WP Tavern Jukebox播客开始。新任主持人内森·瑞格利(Nathan Wrigley)向我施加了足够的动力,让我重新投入设计和开发工作,以实现他所需的某些功能。多年来,我在播客或任何类型的音频方面工作不多。这对我来说是新的领域。最终,播客启发了我思考音频区块模式。
我在网上搜索了各种布局,以寻找现代的音频演示文稿。对于最终用户来说,仅凭编辑器就不可能实现许多概念。他们将需要主题本身提供广泛的自定义区块样式。而且,有几种设计我根本认为根本无法完成,但这些设计通常都具有插件领域元素。
但是,我确实找到了可以运行并创造出自己的想法。我从《火星人》配乐中的一个简单音频文件开始-我在前一天晚上重新看了电影。
原声带单一音频模式
很简单。只需添加“组”,“列”,“图像”,“段落”,“标题”,“音频”和“社交图标”区块。我对结果感到满意,我的一些Twitter关注者也给予了积极的回应。
受支持的启发,我创建了替代布局。通过添加“封面”,“段落”,“标题”,“音频”和“社交图标”区块,它甚至更加简单。
音频嵌入图案嵌套在Cover区块中。
基于原始模式,我构建了一个使用SoundCloud嵌入而不是Audio区块的模式。我还创建了另一个带有一些更改的内容,这些更改更多地适合播客。
SoundCloud音频和播客模式
当我更深入地研究该项目时,我变得更有能力创建布局。我开始理解其中的一些局限性,并将所有问题都拼凑在一起。
编辑器最有问题的地方之一是它没有移交足够的间距控制。因此,我不得不使用Spacer区块,虽然我不愿使用它,因为它依赖于像素单位,并在标记中添加了额外的内容。要构建一些模式,我必须变得不那么纯粹,只使用可用的工具。
这种观念上的改变开辟了更多的可能性。我建立了另外两个与音频相关的区块模式。它们还是简单的布局,但是我想使它们在视觉上与最终用户可以添加的图像区分开来。目的是使用户能够一键式访问预先设计的部分,这是人们可以展示自己的创造力的起点。
DJ和音乐家区块模式
下一步是开始思考音频模式以外的问题。在这个领域,还有更多其他人可以做。我想冒险一点。
从那以后,我已经建立了其他几种模式,例如下面的新闻类型的文章标题,将来我希望在Tavern上使用它们:
新闻或数据驱动的文章标题模式
我可以分享更多的概念,但这似乎是一个理想的选择。目标不是展示我的模式组合。这是为了激励我们的主题设计社区,希望他们能够创造出更好的产品。我还想展示弹出几种模式是多么容易。代替了数小时的开发时间,许多想法被缩减到仅仅几分钟。这就是区块系统今天提供的功能。
当我在一月份写关于区块系统为主题作者创造商业机会的文章时,这是一篇理论文章。这是一个后续步骤,将其进行了一些实践(当然,没有实际的销售)。
想象一下,作为主题公司,您正在为音乐家建立免费增值主题。您可能希望包括一些基本模式供用户选择。但是,作为专业包装的一部分,您可以提供无数种选择。
我敢肯定,现在已经有了一个主题作者/公司,并且牢记着一个多功能主题概念,最终将拥有数百种模式。我只能希望他们有一个可靠的分类系统或提供单独的软件包或导入。
该区块模式目录将于随WordPress 5.8发布而上线。首先,它将主要是核心模式。但是,随着时间的推移,将鼓励其他人做出贡献。这是该平台的一项受欢迎的功能,但它永远无法完美匹配所有主题设计。每个主题都有其自己的设计细微差别。每种方法都有解决问题的不同方法。
最好的模式将来自主题作者本人,尤其是与自定义块样式结合使用时,将其打包并作为其主题体验的一部分进行营销。开发人员可以等到整个市场赶上或领先于游戏。via wptavern
原文地址:https://www.wbolt.com/enable-block-pattern-for-wordpress-theme.html