npm 包 typography-theme-wordpress-2012 使用教程

阅读时长 4 分钟读完

介绍

typography-theme-wordpress-2012 是一个基于 Typography.js 的 NPM 包,旨在提供一个 WordPress 2012 主题风格的排版主题设置方案,以便于在前端页面中使用。

Typography.js 是一个帮助我们快速设置排版的 JavaScript 库,基于这个库,我们可以使用各种现代和流行的排版方案,如字体、字号、颜色等来设计我们的网站。

安装

在使用 typography-theme-wordpress-2012 之前,我们需要先安装 Typography.js。在命令行输入以下命令即可:

当安装完毕之后,我们就可以继续安装 typography-theme-wordpress-2012,并在我们的项目中使用来进行排版了。在命令行输入以下命令即可:

使用

在安装完毕后,我们需要在项目中引入需要的库文件,然后实例化 Typography 对象,并应用 typography-theme-wordpress-2012 主题即可开始我们的排版设计。

-- -------------------- ---- -------
------ ---------- ---- -------------
------ ------------------ ---- ----------------------------------

----- ---------- - --- -------------------------------

-- - ---------- ----- ----- ---------
--------------------------

-- ----- ----- -----
-------- ----- -
  ------ -
    ----
      --------
        --------- ----
        ----------- -------
        ------------ -------
        -------- ---
      --
    -
      ---------- -----------
      ---
        ----- ----- ----- --- ----- ----------- ---------- ----- -- --------
        ------- ----- --- ---- ---------- ----- --------- --- ----- ---------
        -------- ------ -- ------- ------ -------- ---
      ----
      ------------
        ---
          ------ --------- --- -- --------- --------- ---- --- ------ -----
          --- --------- ---- ----- -- ---
        ----
      -------------
      ---
        ------- ------ ---- -- ----- --------- --- ----------- ----- --------
        ------- ------------ -------- ----- --- ---- ------- ---- ---------
        --- ----- ------- ---- ------- --- ------ --- ---------- ----
      ----
    ------
  --
-

-------------------- --- ---------------------------------

总结

typography-theme-wordpress-2012 可以使得我们更加方便快捷地进行排版设置,从而使我们可以专注于业务部分的开发,而不需要再琢磨太多的样式细节。同时,学习 Typography.js 的使用也是一件非常值得的事情,它可以让我们更加了解现代网页排版的设计思想及深层次的原理。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/80015

纠错
反馈