首页 >web前端 >css教程 >WordPress网站上的Indieweb脱颖而出

WordPress网站上的Indieweb脱颖而出

Lisa Kudrow
Lisa Kudrow原创
2025-03-13 11:09:09373浏览

WordPress网站上的Indieweb脱颖而出

我最近关于Indieweb的文章引发了与David Shanske的有益对话,David Shanske慷慨地提供了帮助,以理解这一常见的概念。这篇文章总结了我们的讨论,并阐明了WordPress上IndiewEB实现的关键组成部分。

了解indieweb术语

术语“ Indieweb”本身是混乱的根源。是框架,哲学还是一套标准?事实证明,答案是三个。但是,将其视为协议集合时,出现了更清晰的理解,类似于结构化数据或OpenGraph标记。没有单个软件可以安装;相反,这是要遵守特定的集成标准。

您的在线身份是Indieweb的核心。您的网站成为您的身份枢纽,启用功能,例如:

  • 提及时通知其他IndiewEB网站。
  • 当您在其他地方提到时,接收通知。
  • 从提及中检索和显示信息。
  • 通过您的网站对您的身份进行身份验证(类似于Google登录,但自托管)。

这是Pingbacks的增强版本,提供了更大的鲁棒性和可维护性。

在WordPress上实现IndiewEB:一种简单的方法

与静态站点相比,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-cardu-photop-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来改善此功能。

网络攻击,语义链接和brid.gy

Webmention插件处理发送和接收通知(Webmentions)。语义链接,一个单独的插件(有可能集成到未来的Webmention更新中),使用微型模型来获取,格式并显示Webmention数据。 Brid.gy提供了更简单的替代方案,为Twitter和Facebook等服务提供了预构建的API集成,从而简化了接收和显示交互的过程。

附加键插件

  • Indieauth:提供自托管身份验证,创建自己的Google登录按钮版本。
  • MICROPUB:允许使用MicroFormats2通过替代编辑发布内容。
  • 简单位置:( David开发)将位置数据集成到帖子中,从而启用了天气显示和基于位置的档案之类的功能。

修订后的工作流程

(工作流的可视化表示在这里将是有益的,但该基于文本的模型无法提供。)

希望这种解释能阐明WordPress上IndiewEB实现所涉及的组件和过程。欢迎其他问题或讨论!

以上是WordPress网站上的Indieweb脱颖而出的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn