GG资源网

二十六主题指南:旧宠新演绎

WPMU DEV 托管的 1,500 多个站点上积极使用 WordPress 26 主题。 本指南着眼于被描述为“流行布局的现代化方法”的主题。

是的,这是一个博客主题。 凭借其水平标题和可选的右侧边栏,它让人想起二十个主题。 但是,虽然 26 岁的设计肯定不是独特的或开创性的,但它确实提供了一个干净、抛光和极简主义的设计,非常适合博主。

  • 关于 WordPress 26 主题
  • 二十六的关键设计元素
  • 自定义二十六
  • 摘录、新的小部件区域和社交图标
  • 技术变更和社区反应
  • WordPress主题的新方向
  • 甜蜜的 26 岁——坚实的主题

在本文中,我们将了解 26 的主要功能以及如何自定义它以适合您自己的网站。

关于 WordPress 26 主题

二十六是由 Automattic 的 Takashi Irie 设计的,他还设计了二十四和二十五默认主题。

任何初步浏览 WordPress.org 上的 26 预览页面的人都可能会因为对这个产品的强烈反对而被原谅。 没有太多实际内容要显示,主题看起来极简到简陋的程度。

但正如 Takashi 在主题发布说明中指出的那样,二十六个是围绕一组相对较小的核心问题组织的:

“26 是一种流行布局的现代化方法——水平标头和可选的右侧边栏,适用于博客和网站。 它具有自定义颜色选项,可让您制作自己的 26 岁。 主题是在一个和谐的流体网格上设计的,采用移动优先的方法。 这意味着它在任何设备上看起来都很棒。” ——入江隆史。

默认的二十一十六演示。
有点平淡无奇的默认 26 演示。

但是,快速浏览一下 WordPress.com 上更精美的 26 岁演示页面开始显示一些主题的力量。

例如,最初令人反感的黑色环绕边框开始看起来更像是 Kottke 等流行博客网站的设计帽子的一角,而不是欧洲大陆的死亡通知。

WordPress.com 二十六演示。
有了更多的内容,二十六开始发光。

有了一些高质量的图像和体面的文本块可以使用,很快就会发现,虽然精简,但 26 确实是现代博客的一个干净、强大的版本,它与竞争对手如中号已经上桌。

二十六的关键设计元素

如果我们启动 WordPress 的本地安装,我们可以开始逐步完成其中一些要点。

对于这次审查,我只是下载了 WordPress 4.4 的新副本,并从 Theme Unit Test 页面导入了一些测试内容,该页面可从 WordPress Codex 下载。

如您所见,二十十六是安装为默认主题:

WordPress 4.4 中的 26 个默认安装。
二十六是 WordPress 4.4 中的默认主题。

您注意到的第一件事是,从 25 岁以博客为中心的布局中消失的水平刊头又回来了,在这种情况下,它被我上面提到的黑色边框框住了。

我在下面的演示内容中添加了一些菜单项、一个标题图像(您可以在这里使用 1,200 x 280 像素的尺寸)和一个平铺的背景图像,让您了解它的实际效果。 如您所见,设计师这次没有保留空白:

菜单和标题图片添加到二十一十六报头。
菜单和标题图片添加到二十一十六报头。

二十六让您选择是单栏还是包括可选的右侧边栏。 如果单列更符合您的口味,只需将侧边栏小部件留空即可。 这样做还可以让您选择在每个帖子中包含一个超大的特色图片,其宽度可达 1,200 像素。

悬垂的演示特色图片正在运行。
悬垂的演示特色图片正在运行。

从上图中可以看出,这些较大的图像(宽度超过 840 像素)会自然地向左溢出,并在主列中营造出令人愉悦的垂直节奏。 您还将看到帖子元详细信息已很好地集成在主要内容区域内的一个人造列中,该列在较大的屏幕尺寸上效果特别好。

你会发现与拉引号相同的效果 - 这些已经被优雅地设计并且可以通过添加一个类来轻松定位 alignleft 要么 alignright 到一个 blockquote 元素。 左对齐将导致文本悬垂在主列上,并在视觉上使您的引用更加偏离。 右对齐会将引用很好地嵌入文本块中。

Blockquote 内容左对齐。
拉引在 26 中展出。

说到文本,当您将长篇内容添加到您的网站时,26 采用的默认排版和网格布局确实开始大放异彩。

文本有足够的呼吸空间,并且在所有屏幕尺寸上都保持了令人钦佩的易读性。 在较大的屏幕上,大约 80 个字符的行长很明显,在较小的设备上可以很好地缩小到 40 个字符左右,这意味着无论在什么设备上阅读,您的内容都应该很好地扫描。

自定义二十六

二十六附带了五种默认配色方案,您可以通过定制器在它们之间快速切换:默认、深色、灰色、红色和黄色。

根据个人喜好,黄色和红色默认值对于许多网站来说可能是一座太远的桥梁,但默认和深色选项开箱即用肯定看起来干净明快。

二十六黄色默认配色方案。
二十六中的黄色默认配色方案。

正如您对默认主题所期望的那样,可使用定制器进行调整的项目数量相对有限。 除了各种配色方案之外,您还可以选择包括标题和背景图像,以及基本的颜色控制以及菜单和小部件设置。

摘录、新的小部件区域和社交图标

二十六岁为您提供了一种方便的方式,通过添加帖子摘录来整理您的帖子。 这些使您能够跟进标题的承诺并以视觉上独特的方式介绍您的主要内容,这是我个人的忠实粉丝。

二十六节选。
26 后端的摘录框。

进入预览模式,您会看到您的摘录很好地隐藏在页面的主标题下方,如下图所示。

标题下方的行动摘录。
标题下方的行动摘录。

进一步向下移动单个帖子,您还可以在 26 的内容区域下方使用两个新的小部件。 这些提供了一个自然的位置来包含特定信息,例如相关文章或特定内容的号召性用语,例如内容升级优惠。

二十六个内容小部件。
26 中可用的内容小部件区域。

最后,在鼓励您的读者参与各种社交媒体时,26 岁非常支持通过“社交链接”菜单在您的页脚中包含一系列预先制作的社交图标。

设置它就像去一样简单 外观 > 菜单, 创建一个新菜单,用指向您的社交资料的链接填充它,并将其分配给您的 社交链接菜单.

在 26 中添加社交链接。
在 26 中添加社交链接。

Facebook、Flickr、Instagram、Twitter 和 Pinterest 都受支持,您可以在主题的 WordPress.com 页面上找到社交菜单将自动为其分配图标的更多目的地的完整列表。

技术变更和社区反应

与任何新的默认主题的发布一样,在幕后进行了大量的开发,在查看 26 的实际运行时,最初可能并不明显。

开发人员 Matt Cromwell 有一个有用的列表,列出了他在开发过程中为主题做出贡献的过程中遇到的一些主要项目。 突出点包括与 Travis CI 的开发人员集成、持续的可访问性改进和优化的 JavaScript 处理。

在撰写本文时,216 已经获得了令人印象深刻的 200,000+ 次活跃安装,并保持稳定的四星评级,这表明到目前为止,最初的社区反应总体上是积极的。

Torque 等行业网站的反应也普遍积极,该主题甚至赢得了一些以前非常反对考虑默认主题的顽固分子。

WordPress主题的新方向

随着 WordPress REST API 的到来,我们所知道的关于 WordPress 作为一个平台的大部分内容都处于快速变化的状态,主题也不例外。 看看 27 朝哪个方向发展会非常有趣。

在不落入水晶球领域的情况下,REST API 似乎很可能成为未来主题工作的核心,而 JavaScript 很可能是未来使用的主要语言。

开发人员 Tim Nash 在 2015 年中期提出了使用 27 岁作为这种方法的展示示例的案例,并提出了在未来版本中完全放弃默认主题的可能性。

REST 和 React 的结合显示了 WordPress 主题的发展方向。
REST 和 React 的结合显示了 WordPress 主题的发展方向。

与此同时,来自 The Times 的开发人员 Chris Hutchinson 已经通过将 Twenty Sixteen 重建为一个 React 驱动的应用程序,展示了一条通往未来的可能道路。

Automattic 的桌面应用程序 Calypso 的推出表明,即使是最大规模的 WordPress 安装,也可以通过 JavaScript 实现多少,而 26 可能会成为同类中的最后一个。

甜蜜的 26 岁——坚实的主题

默认的 WordPress 主题并不总是适合许多网站所有者,但它们在向新老用户展示平台的潜力方面发挥着至关重要的作用,并且经常指出设计方面的趋势。

二十六是对一系列默认主题版本的坚实补充,其开发的开放性是核心团队总体方法的一个令人鼓舞的迹象。

标签:

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 二十六主题指南:旧宠新演绎

发表回复

CAPTCHAis initialing...