在汤博乐上向Masonry添加｛meta:tags｝

Adding {meta:tags} to Masonry on Tumblr

本文关键字：meta tags 添加 汤博乐 Masonry      更新时间：2023-09-26

这听起来可能有点奇怪。

我正在尝试制作我的第一个tumblr主题，并试图使其高度可定制。

即使用元标签而不是硬编码值

<meta name="color:Title" content="#000000"/>
.title {
color:{color:Title};
}

etc

我试图定制的一件事是排水沟宽度-这目前被保存在Masonry变量中

$tumblelog.imagesLoaded(function () {
        $tumblelog.masonry({
            columnWidth: 500,       // DEFINES POST WIDTH IN PX
            gutterWidth: 10,        // DEFINES GUTTER WITDH IN PX
            isFitWidth: true        // CENTERS COLUMNS ON PAGE
        });
    });

尽管我真的不明白如何将html元标记添加到JS值中。（我想我做不到。）

但是有没有一种方法可以从脚本之外调用这个值呢？我该如何定制？

谢谢：）

F I X E D：尽管StackOverflow还不让我回答自己的问题：）

啊，这比我想象的要容易

创建元标签即

<meta name="text:Gutter" content="20"/>

然后将元描述符添加到JS

   gutterWidth: {text:Gutter},     // DEFINES GUTTER WITDH IN PX

事实证明它只是工作，但tumblr编辑器在第一次时出错

只需保存+关闭，它就会自动更新：）

试试这样的东西：

<meta name="masonry:gutterWidth" content="10"/>
var gutterWidth = {masonry:gutterWidth};
$tumblelog.imagesLoaded(function () {
    $tumblelog.masonry({
        columnWidth: 500,           // DEFINES POST WIDTH IN PX
        gutterWidth: gutterWidth,   // DEFINES GUTTER WITDH IN PX
        isFitWidth: true            // CENTERS COLUMNS ON PAGE
    });
});

啊，这比我想象的更容易

创建元标记即

<meta name="text:Gutter" content="20"/>

然后将元描述符添加到JS

gutterWidth: {text:Gutter},     // DEFINES GUTTER WITDH IN PX

事实证明它只是工作，但tumblr编辑器一开始就出错了-只需要保存+关闭，它就会自动更新：）

相关文章：