Wordpress Gutenberg 文件按钮 - 如何首先显示？

Posted 2023-05-09

【中文标题】Wordpress Gutenberg 文件按钮 - 如何首先显示？

【英文标题】：Wordpress Gutenberg File Buttons - How to display first?

【发布时间】：2019-10-18 20:25:37

【问题描述】：

我正在尝试在实际文档名称之前显示来自古腾堡编辑器的按钮。现在按钮显示在标题之后，作为“wp-block-file”的第二个子项。

我尝试了几种方法：

jQuery(".wp-block-file__button").append(".wp-block-file"); 没有成功。它只是破坏了结构。

jQuery(".wp-block-file:last-child").append(".wp-block-file"); 这里也一样。

let button = jQuery(".wp-block-file__button"); button.before("a.wp-block-file"); 没有成功。

有谁知道达到要求结果的好方法吗？非常感谢任何帮助！

编辑： 显示的 Gutenberg 文件下载按钮示例

Screenshot

【问题讨论】：

也许截图会很好

@niklas 感谢您的回复！我已经用屏幕截图更新了我的帖子。

它看起来像在前端？然后这是一个主题问题，您可以使用 css 解决。如果您提供输出的 url 或实际代码，人们可以帮助您。并且请：尽量清楚你在问什么。您的问题似乎与古腾堡无关

【参考方案1】：

使用 flexbox 并添加这个 css

.wp-block-file 
display:flex;

.wp-block-file a:nth-child(1) 
order: 2;

.wp-block-file a:nth-child(2) 
order: 1;