简介
typography-theme-wordpress-2011 是一个基于 Now-UI-Kit 构建的前端设计系统，可以快速构建上下文敏感的用户界面。该包提供了一个基于 WordPress 2011 的排版主题，包含了一些常见的排版元素如：标题，列表，引用等。
安装
typography-theme-wordpress-2011 可以使用 npm 或者 yarn 进行安装：
--- ------- -------------------------------
或者
---- --- -------------------------------
使用
使用 typography-theme-wordpress-2011 可能需要先安装 typography 和 typography-theme-wordpress-2011 这两个包：
--- ------- ---------- -------------------------------
或者
---- --- ---------- -------------------------------
安装完成后，在项目的 JavaScript 入口文件中加入以下代码：
------ ---------- ---- ------------- ------ ------------------ ---- ---------------------------------- ----- ---------- - --- ------------------------------- ------ ------- -----------
这样就完成了 typography-theme-wordpress-2011 的引入。
示例
以下为一个基于 typography-theme-wordpress-2011 的示例：
------ ----- ---- --------
------ ---------- ---- ---------------
--------------------------
-------- ----- -
------ -
-----
-------------- ----- --------- ---- ------------
---
----- ----- ----- --- ----- ----------- ---------- ----- ------ -----
--- ------- --- -- ------ -------- ---- ----- --- ----------- --------
----- --- ---- ----- -------- --- ---- ---- ----------- ------ ------
----- --------- -- -------- ---- -- -------- --------
----
----------- ------
---
------- --- ---- -------- ------- ------- -- ---- -- --- ---------
------- ----- --- ------ ------ ---- ----- -- -------- --- -------
------------ ------- ----- --- --------- ---------
----
----------- ------
---
--------- --- -------- ------ -- -------- ------ ------- ------ ----
----- ----- ---------- --------- ---------- ---- -- ---- ------- --------
----
----
-------- ---- ------
-------- ---- ------
-------- ---- ------
-----
----
----------- ---- ---- ------
----------- ---- ---- ------
----------- ---- ---- ------
-----
------------
---
------ ---- ------ --- ---- ------- ------- --- ---- ------ -----
----- --------- -------- ------ -- ---- ---- -- -- ---- --- ----
----- --------- ------- -- --- --------
----
-------------
------
--
-
------ ------- ----上述代码中，我们在 App 组件中使用了 typography 插件提供的 injectStyles 方法，将主题的样式应用于组件中。
总结
typography-theme-wordpress-2011 是一个方便快捷的前端设计系统，能够帮助开发者快速构建上下文敏感的用户界面。在使用时，需要先安装 typography 和 typography-theme-wordpress-2011 这两个包，然后在项目的 JavaScript 入口文件中引入该主题并使用 typography 插件提供的 injectStyles 方法。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/80014