在 Wordpress 站点上设置嵌入的 pastebin 项目的高度

Question

我有这个 blog post 我一直在创作。最底部是 附加信息 可扩展 link:

其中有两个 link 到 pastebin 代码：

[pastebin id="uSP54JHz"]
[pastebin id="5hv0vYxy"]

这篇文章在 Wordpress 网站上，我有一个名为 Pastebin installed. I have tried following the advice 的插件来查看 pastebin 代码以使用较小的高度而不是代码的完整高度，但我无法获取它可以工作。

Since WordPress 4.2, you can double click the embedded item to set max width and max height. It will add the WordPress [embed] shortcode:

[embed width=”600″ height=”400″]http://pastebin.com/hcv2WRnX[/embed]

Note: Doing it the WordPress way, using the [embed] shortcode, is backwards and forward compatible, and it works with all the themes.

老实说，我看不出以像素为单位指定的意义。我只是想知道是否可以以某种方式减少它。有点像 Whosebug 视图的行为。

Answer 1

您可以在 CSS 中的 .embedPastebin 上设置一个 max-height。我不确定嵌入短代码（注意：您示例中的引号可能无法正确解析，因为它们是 ” 和 ″ 而不是 "）

使用以下 CSS 效果很好：

.embedPastebin {
    max-height: 300px;
}

如果您希望 embedFooter 始终保持在顶部，您可以限制 ol 的大小并更改其上的 overflow：

.embedPastebin ol {
    max-height: 300px;
    overflow-y: scroll;
}

在 Wordpress 站点上设置嵌入的 pastebin 项目的高度

Setting the height of an embedded pastebin item on a Wordpress site

wordpress

pastebin