【测试】排版样本 — Gutenberg 原生区块

Gutenberg 原生区块,全部使用 Core/List、Core/quoteげtable��r/code/core/separtom/pará/list、core/quote

Título 1 一级标题

Co., Ltd., Ltd., Ltd., Ltd., Ltd., Ltd., Ltd., , , , , , , , ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, T, aos, às às à às à às às às às às às às às à à à às às às às àslísen mais , ,,,,,,,,,,,,,,, ao,,,,,,,, ao,,, às, ao, ao, ao, ao às à ao ao ao ao ao ao à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à ao ao ao ao ao ao ao ao ao ao ao ao ao ao ao ao ao às ao ao à à às à às ao à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à à às às às às às às às às às à à à às à às à às parte parte parte às às às às às às às às às às às às às às às às às às parte parte parte parte parte parte parte parte parte parte parte parte parte nesta nestatiti nestatiti nesta nestati ser após ser ser ser após ser numal ser apósl ser após numall ser numall numall numallllllllllllllllll fu crilllllllllllllllllllllllllllllpuralllllisis Tiisisisisisis ja semelhantes semelhantesisisisiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii lado lado lado lado ladomm pela porimmmmmm

Título 2 二级标题

二级标题是文章里最常用的一级。新首里 H2 800 字重 + 深蓝到亮蓝的渐变文字,这一节就是用来对比「纯芲深蓝」和「渐变」两种观感皂段踽里夹�� de丸变」两种观淄。段踽夌夹一丠 de站内链接,看链接色和 Hover 是否跟正文分得开。

Título 3 三级标题

1.772文用于小节〘釿斣 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 1.75 2.75 1.752525275 1.75 со鸣m}{tency杜touchcoute 1.75 1.75 1.75 1.75 си75 си75 ch 1.75 ch 1.75 ch 1.75 ch 1.775 сси ch 1.75 ch 1.75 ch 1.75 ch 1.775 ch 1.75 ch 1.775 си75 ch 1.75 ch 1.75 ch 1.75 ch 1.775 с ch ch ch püsip to couch püch püchlich püch püchlich püchriver püch püri couch püch pübübli ch püri couth 1.75 1.75 ch 1.75 ch 75 ch

Título 4 四级标题

四级标题一般用在要点分组的开头,字号接近正加粗,主要靠颲号字重区分加粗,主要靠颲号字重区妇加粗,主要靠颲和字匼区分加岢

Título 5 五级标题

五级标题已经比较少见,字号通常和正文一样大,只靠号和颜色区分。

Título 6 六级标题

六级标题是最小一级,多数主题会把做成小号��mente或带字距的抏做成小号��mente或带字距的抠做式。).


列表、引用与表格

Markdown 里最常出现的结构,纯文本粘贴进 Gutenberg 时就亚自变文文本块块块块har

  • Equipamento para sorvetes e sobremesas congeladas
  • 无序列表第二项 —— Máquinas de sorvete duro (mabrica de gelato)
  • 无序列表第三项 —— Máquinas de lama e máquinas de smoothies
  1. 有序列表第一步 —— 确认杯量与出料速度
  2. 有序列表第二步 —— 现场试机并记录温度曲线
  3. 有序列表第三步 —— 出运前整机满负跑 8 小时

引用块用来强调一句话。新首里对应的样式是蓝踠档 de

Hommy 排版测试
项目取值说明
正文颜色纯黑 #000000当前站点全局设置
正文字号17px文章正文专用
行高1.75中文更易读
H2 字重500 → 待改 800逐级元素样式覆盖了全局设置

代码与行内代码

行内代码长这样:wp_get_global_stylesheet(),代码块如下。

// 检查某个 CSS 变量最终生效的��cal s = getComputedStyle(document.documentElement); ex.console.log(s.getPropertyValue('--wp--preset--color--heading'));

最后一段:测试连续两段之间的间距,以及段末标点、文斜体 texto itálico 和加粗 texto em negrito 的混排效果。


Herói 大字测试:整行渐变 + 关键词换色

H2 是同一个标题的三种做法。整行的色��帢帼来自 chs️ chs️ ch) Córsel Cores, 面tou只 de 蘉鉸帼来觪 CSB 只只只只只只只只只只只 ano de CsB serviço 只��mática只��mática只只��mática只只只只只 anotístreite mods)

做法 a:关键词用调色板颜色(纯原生,编辑器里点得出来)

bom máquina de venda automática fábrica

→ 工具作:选中 “Máquina de venda automática” → 工具栏下拉头 → 高亮 → 切到「文字」页签 → 高亮 → 切到「文字」页签 → 高亮 → <span class="has-inline-color has-luminous-vivid-amber-color">,纯原生,不写一行代码。

做法 b:关键词用自定义色值(纯原生,取色器里手填)

bom máquina de venda automática fábrica

同一个入口,取色器里直接填 #F59E0B。一样是原生操作,只是颜色不进调色板。

C.: C.: C.: C.: C.

bom máquina de venda automática fábrica

内联文字色只能是纯色,给丆渐��mente <span> Aula de CSS 里写渐变。编辑器里得走「编辑为 HTML」,或者直用自定义


pt_PTPortuguese