WordPress插件—Code_itwuyu插件一款代码添加插件，用于代码前端显示

# Code ITwuyu WordPress 插件下载地址：

夸克网盘分享了「Code_itwuyu」

链接：https://pan.quark.cn/s/66309e7bcfd6
提取码：c1Ah

有问题联系我们

微信wx：itwuyu

邮箱mail：leinky@qq.com

网址：www.cknone.com

# Code ITwuyu WordPress 插件

一个强大的WordPress代码展示插件，支持古德堡编辑器，提供美观的代码高亮显示和便捷的复制功能。

## 功能特点

### ✨ 核心功能

– 🎨 **黑色主题设计** – 专业的深色代码展示界面

– 📝 **行号显示** – 左侧清晰的代码行号（可选开关）

– 📋 **一键复制** – 智能复制功能，自动排除行号

– 🔧 **古德堡集成** – 完美融入WordPress古德堡编辑器

– 🎛️ **灵活控制** – 后台可开启/禁用插件功能

### 🚀 支持的编程语言

– HTML- CSS- JavaScript- PHP- C#- Java- Python- C++- SQL- JSON- XML- TypeScript- React JSX- Vue- Sass/SCSS- Less- Bash- PowerShell- Go- Rust- Swift- Kotlin- Ruby- Perl- R- YAML- Markdown

## 安装说明

### 方法一：直接上传

1. 将整个 `Code_itwuyu` 文件夹上传到 `/wp-content/plugins/` 目录

2. 在WordPress后台的”插件”页面找到”Code ITwuyu”

3. 点击”启用”激活插件

### 方法二：压缩包安装

1. 将插件文件夹压缩成 `.zip` 格式

2. 在WordPress后台选择”插件” -> “安装插件” -> “上传插件”

3. 选择压缩包文件并安装

4. 安装完成后点击”启用插件”

## 使用方法

### 1. 插件设置

– 进入WordPress后台- 找到”设置” -> “Code ITwuyu”- 确保”启用插件”选项已勾选- 查看详细的使用说明

### 2. 添加代码块

1. 在古德堡编辑器中，点击”+”按钮添加新区块

2. 搜索”Code ITwuyu”或在”格式化”分类中找到代码区块

3. 点击添加代码区块到文章中

### 3. 编辑代码

1. 在代码区块中直接输入或粘贴代码

2. 在右侧边栏选择对应的编程语言

3. 可选择是否显示行号

4. 预览效果并发布文章

### 4. 前端显示

– 发布后，代码将以黑色主题显示- 左侧显示行号（如果启用）- 右上角提供”复制”按钮- 点击复制只复制代码内容，不包含行号

## 技术特点

### 🎯 响应式设计

– 完美适配桌面、平板和移动设备- 自适应布局确保最佳显示效果

### ♿ 可访问性支持

– 键盘导航支持- 屏幕阅读器友好- 高对比度模式适配

### 🔧 开发者友好

– 现代JavaScript ES6+语法- 模块化代码结构- 详细的代码注释- 支持自定义主题集成

### 📱 兼容性

– WordPress 5.0+ (古德堡编辑器)- PHP 7.4+- 现代浏览器支持- 移动设备优化

## 文件结构

“`

Code_itwuyu/

├── Code_itwuyu.php          # 插件主文件

├── assets/

│   ├── css/

│   │   ├── frontend.css     # 前端样式

│   │   └── block-editor.css # 编辑器样式

│   └── js/

│       ├── frontend.js      # 前端交互脚本

│       └── block.js         # 古德堡区块脚本

└── README.md               # 说明文档

“`

## 常见问题

### Q: 复制功能不工作？

A: 请确保浏览器支持剪贴板API，或允许网站访问剪贴板权限。

### Q: 行号和代码不对齐？

A: 这通常是主题CSS冲突导致的，可以在主题的自定义CSS中添加覆盖样式。

### Q: 在移动端显示异常？

A: 插件已做移动端优化，如仍有问题请检查主题的移动端CSS是否有冲突。

### Q: 古德堡编辑器中找不到代码块？

A: 请确认插件已启用，并在设置页面确认插件功能已开启。

## 技术支持

如果您在使用过程中遇到任何问题，请：

1. 检查WordPress和PHP版本是否符合要求

2. 确认插件已正确安装并启用

3. 查看浏览器控制台是否有JavaScript错误

4. 尝试禁用其他插件排查冲突

更多技术支持请访问：https://www.cknone.com/code_itwuyu/

## 版本信息

– **当前版本**: 1.0.0- **兼容WordPress版本**: 5.0+- **测试WordPress版本**: 6.4- **PHP最低要求**: 7.4- **许可协议**: GPL v2 或更高版本

## 更新日志

### v1.0.0 (2024-xx-xx)

– 🎉 初始版本发布

– ✅ 古德堡编辑器区块支持- ✅ 28种编程语言支持- ✅ 响应式设计- ✅ 复制功能实现- ✅ 行号显示功能- ✅ 管理后台设置页面

—

**作者**: ITwuyu  

**官网**: https://www.cknone.com/code_itwuyu/

« 上一篇: 13小工具的使用–新手小白，快速使用静态页面建立wordpress主题
下一篇: WordPress插件–Block_ITwuyu – WordPress 可编辑自定义区块插件 »