WordPress 是一个以 PHP 和 MySQL 为平台的自由开源的博客软件和内容管理系统。WordPress 以其强大、好用的特性，吸引了大量个人用户、组织使用 WordPress 构建其主页。

WordPress 官方和社区已经提供了大量的主题、模版，以满足不同类型用户的个性化需求。

除此之外，用户还可以使用小组件对 WordPress 页面进化美化和装扮。组件世界/Widget Store 提供的小组件、动态图标和动态背景可以满足用户这一需求。

组件世界/Widget Store 介绍

组件世界/Widget Store：一个丰富、强大的嵌入式小组件库，支持 Notion 类产品、双链笔记类产品、GitHub 等代码托管平台、WordPress 等博客系统以及为知笔记等编辑器。

「组件世界 Widget Store」 提供的服务包括：基础组件、动态图标、动态背景、可视化图表、Notion 汉化。其中，前三者均可运用于 WordPress.

小组件

动态图标

动态背景图

组件·使用方法

打开「组件世界 Widget Store」官网，浏览并选择小组件，随后在右上角点击「创建小组件」

进入小组件配置，设置颜色、背景、文字显示等，为小组件命名。

点击右上角的「复制嵌入链接」，选择复制选择专门针对于 WordPress 的链接格式。目前，针对 WordPress 支持 iframe 和 img 两种用法。二选一即可。

打开 WordPress 编辑器，在 HTML 状态下，直接粘贴小组件链接至编辑器。

组件·使用效果

预览效果如下。可以发现，动态图标显示过大。

对此，可以修改尺寸。比如，我删除原先链接中的 style=”min-width:100px;width:320px;min-height:100px;height:320px”>，替换为 width=”40px” />

正常显示效果如下图：

注释：小组件也可以嵌入至标题之中。如上图中的「教、程」二字即小组件。

最终使用效果

以上是对 WordPress 中小组件使用简单介绍。

用户可以使用小组件建立一些 WordPress 博客主页，辅助展示自己的工作、特长、兴趣爱好等内容。

使用示范

效率时代·博客便是使用 WordPress 搭建的。因此，下面直接展示使用效果。

小组件

按钮面板·小组件：展示了组件世界所支持的编辑器平台。

动态图标

动态文字

动态日历 & 手办日历

工具合辑

Alfred/Raycast 效率启动工具、TimePage 日历应用、Agenda轻量级日程管理、SideNote 便签、Roam Research 笔记软件、Notion/FlowUs 在线协作文档、Downie4 视频下载工具、Eagle 图片管理.

想法

如果有一个能随时记录大脑中不断涌出思绪的工具就好了！

影音娱乐

梶浦由记

攻壳机动队；星际牛仔

动态背景

卡片胶囊倒计时

基础时间进度条

官网

组件世界 Widget Store – 丰富的嵌入式小组件库、动态图标库、可视化图表库

检索关键词：组件世界/ Widget Store/ NotionPet 即可

注释：「组件世界/Widget Store」的原名即 NotionPet.

参考文献

使用教程·综合介绍

组件世界 WidgetStore 一个丰富、强大的嵌入式小组件库

组件世界 Widget Store 支持平台

使用教程· 按照产品分类

小组件·通用使用教程

小组件·分类汇总

埋点统计组件·使用教程

动态图标·使用教程

动态背景图· 使用教程

可视化图表·使用教程：让你的 Notion Database 数据实现可视化

NotionCn 使用教程——Notion 中文版·汉化方案，支持网页端和客户端

组件世界 Widget Store· 使用案例——将小组件整合至你的笔记软件

使用教程·按照平台分类

Notion 类笔记软件使用教程：使用「组件世界」打造精美、强大的知识库主页

双链笔记使用教程：如何在双链笔记软件中建立仪表盘？以嵌入式小组件库「组件世界 Widget Store」为例，辅助建立强大的知识库

为知笔记使用教程：使用「组件世界 Widget Store」辅助知识管理

GitHub 使用教程：如何使用小组件搭建个性化的 GitHub 主页？以「组件世界 Widget Store」为例

WordPress 使用教程：如何在 WordPress 中使用组件库建立丰富、强大、好看的主页？以「组件世界 Widget Store」为例