我最近关于Indieweb的文章引发了与David Shanske的有益对话,David Shanske慷慨地提供了帮助,以理解这一常见的概念。这篇文章总结了我们的讨论,并阐明了WordPress上IndiewEB实现的关键组成部分。
术语“ Indieweb”本身是混乱的根源。是框架,哲学还是一套标准?事实证明,答案是三个。但是,将其视为协议集合时,出现了更清晰的理解,类似于结构化数据或OpenGraph标记。没有单个软件可以安装;相反,这是要遵守特定的集成标准。
您的在线身份是Indieweb的核心。您的网站成为您的身份枢纽,启用功能,例如:
这是Pingbacks的增强版本,提供了更大的鲁棒性和可维护性。
与静态站点相比,WordPress简化了IndiewEB的集成。正如David解释的那样,WordPress提供了实现IndiewEB协议的“构建块” - 插件。这与静态站点所需的更多动手方法形成鲜明对比。
核心插件建立了您的在线身份。它主要提供H卡模板和小部件。 H卡是个人或位置信息的标记,无论如何通常都包含在网站上。尽管可以手动将此标记添加到您的主题中,但该插件提供了方便的预构建解决方案。
这是H-卡标记的一个示例(来自MicroFormats2文档):
<code><div> <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174183535434329.jpg" class="lazy" alt="WordPress网站上的Indieweb脱颖而出"><a href="https://www.php.cn/link/dbe1a0a2c9bd9241b3499318bf96f756">米切尔·贝克(Mitchell Baker)</a> ( <a href="https://www.php.cn/link/ebbb5ccb88b2cd2e2224917a325f903b">@mitchellbaker</a> ) Mozilla基金会 <p> 米切尔负责设定Mozilla基金会及其活动的方向和范围。 </p> 战略 领导 </div></code>
请注意,诸如.h-card
, u-photo
, p-name
等的类,这些类提供的上下文含义以JSON的形式解析:
<code>{ "items": [{ "type": ["h-card"], "properties": { "photo": ["https://img.php.cn/upload/article/000/000/000/174183535434329.jpg"], "name": ["Mitchell Baker"], "url": [ "https://www.php.cn/link/dbe1a0a2c9bd9241b3499318bf96f756", "https://www.php.cn/link/ebbb5ccb88b2cd2e2224917a325f903b" ], "org": ["Mozilla Foundation"], "note": ["Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities."], "category": [ "Strategy", "Leadership" ] } }] }</code>
该插件无法处理发送,接收或解析;它仅提供身份验证标记。
“微型模板”是标记HTML识别元素的一种方法。问题在于,许多WordPress主题都缺乏微型人体支持,这是MicroFormats2插件有帮助的地方。但是,此插件有局限性,通常建议使用手动主题标记。未来的Webmention插件更新旨在通过利用OpenGraph和WordPress REST API来改善此功能。
Webmention插件处理发送和接收通知(Webmentions)。语义链接,一个单独的插件(有可能集成到未来的Webmention更新中),使用微型模型来获取,格式并显示Webmention数据。 Brid.gy提供了更简单的替代方案,为Twitter和Facebook等服务提供了预构建的API集成,从而简化了接收和显示交互的过程。
(工作流的可视化表示在这里将是有益的,但该基于文本的模型无法提供。)
希望这种解释能阐明WordPress上IndiewEB实现所涉及的组件和过程。欢迎其他问题或讨论!
以上是WordPress网站上的Indieweb脱颖而出的详细内容。更多信息请关注PHP中文网其他相关文章!