视口宽度

关于视口宽度的技术文章和开发文档。

WordPress文章配图插件使用教程

WordPress文章配图插件使用教程

文章配图设置包括关闭、背景颜色、背景图片、Pixabay API选项,需设置API key。缩略图需设置宽度、高度、文件格式,支持自定义文件名。添加文字需设置字体、颜色、大小及行数限制。调试时禁用保存缩略图至文章,确保生成正确后启用。

2022-11-27 278 后端开发

Python f-字符串:Python 3 中的字符串格式化

本文详细介绍 Python 3.6 引入的 f-string(格式化字符串字面量)用法。涵盖变量嵌入、表达式计算、多行字符串构建及丰富的格式说明符,包括精度控制、千位分隔符、百分比、科学计数法、文本对齐与填充等技巧。同时讲解 Python 3.8 新增的调试简写语法,并对比其与 str.format() 的性能差异,是学习 Python 字符串处理的实用指南。

2026-10-09 14 后端开发

【WordPress区块编辑器手册】theme.json 版本 3 参考(最新版)

本文详细介绍 WordPress theme.json 版本 3 的最新规范与使用指南。涵盖 settings、styles、customTemplates 等核心配置,包括背景、边框、颜色、尺寸、布局、阴影、间距及排版样式的完整设置方法。适用于 WordPress 6.6+ 及最新 Gutenberg 插件,帮助开发者高效管理主题样式与区块自定义选项,实现灵活的响应式设计与视觉定制。

2026-10-17 3 后端开发
布局

【WordPress主题开发手册】布局

本文详解 WordPress 中 theme.json 的 layout 属性配置方法。重点介绍 contentSize 和 wideSize 两个核心设置,指导用户如何定义内容默认宽度及突破容器的宽屏对齐尺寸。通过调整这些 CSS 长度值,可优化阅读体验并实现灵活的块布局设计,适用于无边栏等主题架构。

2026-10-05 5 后端开发
排版

【WordPress主题开发手册】排版

本文详解 WordPress theme.json 中的排版设置配置指南。涵盖通过 settings.typography 启用或禁用字体大小、首字下沉、行高等选项的方法。教程包含如何注册系统字体与网络字体(字体面),定义自定义字体家族及预设大小,并讲解启用流体排版以实现响应式字体缩放,帮助开发者优化主题样式一致性。

2026-10-05 7 后端开发

【WordPress区块编辑器手册】@wordpress/viewport

@wordpress/viewport 是 Gutenberg 项目中的独立包,用于响应浏览器视口尺寸变化。它注册 data 模块,支持标准断点阈值,提供高阶组件如 ifViewportMatches 和 withViewportMatches,帮助开发者实现依赖视口的行为。适用于 ES2015+ 环境,需配合 polyfill 使用。

2026-10-17 3 后端开发

【WordPress通用API手册】响应式图片

自 WordPress 4.4 起,原生支持响应式图片。通过包含 srcset 和 sizes 属性,系统自动为上传图像生成多种尺寸。浏览器根据设备屏幕大小和分辨率智能选择合适图片,避免加载过大文件,从而节省带宽并加快页面加载速度,提升移动端用户体验。

2026-10-19 4 后端开发

【WordPress区块编辑器手册】@wordpress/compose

@wordpress/compose 是 Gutenberg 提供的实用工具包,包含一组 Hooks 和高阶组件。它支持函数组合、状态管理、防抖节流处理及实例 ID 生成等功能,旨在简化 WordPress 组件开发流程,提升代码复用性与性能优化能力。

2026-10-17 5 后端开发

【WordPress区块编辑器手册】视口数据

本文介绍视口数据的命名空间及选择器 isViewportMatch 的使用方法。该函数用于判断视口是否与给定查询匹配,支持自定义运算符和断点名称。通过传入视口状态对象和查询字符串,可获取布尔返回值,适用于响应式布局开发场景。

2026-10-17 4 后端开发