使用 Frontity 实现弹出菜单

前一篇文章中我们介绍了如何创建一个基于 Frontity 的网站,从本篇文章开始,将介绍如何为网站添加新的功能,以及对原 WordPress 做兼容性适配。本篇文章首先介绍如何实现弹出式子菜单,获取的菜单项是点击量最高的文章列表(降序)。

阅读更多

使用 Frontity 建立移植 WordPress 网站

在之前的文章中介绍了 Frontity,本篇文章将进一步介绍如何使用 Frontity 来建立一个网站(非耦合的方式),这些方法同样也可以用来移植现有的 WordPress 网站。本篇文章使用的主题是frontity-chakra-theme,该主题的 UI 基于 chakra,一个组件丰富、简洁、易用的前端 UI 框架。

继续阅读“使用 Frontity 建立移植 WordPress 网站”

Frontity 核心概念介绍

前一篇文章中初步介绍了什么是 Frontity,以及Frontity所涉及的技术、应用模式、主要优点等内容。本篇文章将进一步介绍Frontity的几个核心概念,包括如程序包(Package)、状态(State)、操作(Actions)、库(Libraries)等,通过理解这些核心概念可以深入了解 Frontity 的内部工作流程。

继续阅读“Frontity 核心概念介绍”

Frontity 基于React的WordPress前端框架

Frontity 是一个面向 WordPress 的基于 React 的前端框架,不同于现有其它的 React 框架(如Gatsby),Frontity 专注于 WordPress,是一个为 WordPress 定制的前端框架。Frontity 通过 Rest API 获取 WordPress 的数据,然后负责生成 HTML 页面。

继续阅读“Frontity 基于React的WordPress前端框架”