抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

WordPress自带有分页显示功能,但自制主题一般会缺少分页导航,WordPress利用插件 _WP_-PageNavi 、_wp_-page-numbers 也可以实现分页导航功能。本文适用于非插件式纯代码自制分页导航或自定义分页导航样式,同时提供自定义每页显示文章数量的代码。 本文代码参考《非插件实现WordPress分页导航》一文修改。每页显示文章数量代码来自WordPress A...

本文主要介绍WordPress怎样制作自己的主题,同时简单说明以下部分要用到的WordPress函数。

部分文件取自露兜博客tutsplus。本教程的主题制作主要内容根据本人制作过程和理解,尽量简化制作内容和过程,如果有什么问题可以在文末留言。

最近一段时间,都在忙各种各样的事情没有时间更新博客,同时也在为本站重新设计了一套自定义的主题。这次就来讲讲制作WordPress主题制作要怎么做。

本文内容主要参考 Gutenberg 开发API ,介绍并解读新版WordPress所采用的 Gutenberg 编辑器 ( Block Editor/块编辑器 )如何创建自定义编辑块,包括块的样式以及扩展工具栏等。

本文适用于WordPress 5.2.2。关于WordPress Gutenberg自定义系列目录如下:
1、WordPress之Gutenberg(古腾堡)自定义块(一)
2、WordPress之Gutenberg(古腾堡)自定义块(二)
3、WordPress之Gutenberg(古腾堡)自定义块扩展栏
4、WordPress之Gutenberg(古腾堡)自定义块工具栏

WordPress Gutenberg(古腾堡)除了可以自定义区块、扩展栏,也可以自定义块工具栏。利用wp.richText.registerFormatType()可以自定义特有样式用于自定义工具栏,且可以在全部文本编辑块中以工具栏形式呈现。自定义块也可以用wp.editor.BlockControls显示特有工具栏。

本文内容主要参考 WordPress大学 以及 Gutenberg 开发API ,介绍并解读新版WordPress所采用的 Gutenberg 编辑器 _( Block Editor/块编辑器 )_如何创建自定义编辑块,包括块的样式以及扩展工具栏等。

本文适用于WordPress 5.2.2。关于WordPress Gutenberg自定义系列目录如下:
1、WordPress之Gutenberg(古腾堡)自定义块(一)
2、WordPress之Gutenberg(古腾堡)自定义块(二)
3、WordPress之Gutenberg(古腾堡)自定义块扩展栏
4、WordPress之Gutenberg(古腾堡)自定义块工具栏

对于Gutenberg(古腾堡)自定义块,实现预设好的固定单一样式是比较简单的;但如果想更改如字体大小的样式,预设则显得较为困难。所以引入扩展栏,能使我们能更自由地更改自定义样式。本文利用之前自定义代码高亮的需求,自定义了一个带扩展栏的代码块。

本文内容主要参考 海拔科技 以及 Gutenberg 开发API ,介绍并解读新版WordPress所采用的 Gutenberg 编辑器 _( Block Editor/块编辑器 )_如何创建自定义编辑块,包括块的样式以及扩展工具栏等。 本文适用于WordPress 5.22。关于WordPress Gutenberg自定义系列目录如下:1、WordPress之Gutenberg...

本文内容主要参考 海拔科技 以及 Gutenberg 开发API ,介绍并解读新版WordPress所采用的 Gutenberg 编辑器 _( Block Editor/块编辑器 )_如何创建自定义编辑块,包括块的样式以及扩展工具栏等。

本文适用于WordPress 5.22。关于WordPress Gutenberg自定义系列目录如下:
1、WordPress之Gutenberg(古腾堡)自定义块(一)
2、WordPress之Gutenberg(古腾堡)自定义块(二)
3、WordPress之Gutenberg(古腾堡)自定义块扩展栏
4、WordPress之Gutenberg(古腾堡)自定义块工具栏

本文内容来自海拔科技: https://www.haibakeji.com/archives/582.html ,详细介绍各个属性可阅读本文WordPress之Gutenberg(古腾堡)自定义块(一)。

本文为《 WordPress之代码样式更改 》提供方法四,主要讲述WordPress自定义按钮 适用于目前最新版的WordPress 5.2.2 方法四设置方法:在当前使用的主题根目录下的 funtions.php 加入下面代码,再在该目录下新增一个名为 editor.js 的文件,内容如下 editor.js 。设置完后经典编辑下就有“code代码”和“TAB”按钮,实现插入代码和插入...

本文主要是简述怎样实现在网页中插入的代码实现高亮显示 小编为了实现类似CSDN中的代码显示,实验了不同的方案,最后得到了一个较好的结果,适用于目前最新版的WordPress 5.2.2 实现的效果如下,如果有一定的前端基础,可以根据个人喜好更改样式。 12345678<html><head> ....</head><body>...<...