【问题标题】:Re-sizing Tumblr photoset width调整 Tumblr 照片集宽度
【发布时间】:2014-06-28 13:56:04
【问题描述】:

我使用旧 Tumblr 主题(The Atlantic #467)的略微修改版本。

它看起来不错,但照片集太小了,而且偏左。

我已经查看了很多 Tumblr 照片集问题的解决方案,但它们都是从在主题的 HTML 中查找和修改照片集代码开始的。

问题是,“photoset”这个词在我的主题代码中没有出现。我正在从头开始工作。

事实上,这就是其中的所有内容,相对于照片是这样的:

{block:Photo}
    {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
                <p>{block:Caption}{Caption}{/block:Caption}</p>
{/block:Photo}

{block:Quote}
    <div class="quote">
        "{Quote}"
    </div>
    <p>{block:Source}&mdash; {Source}{/block:Source}</p>{/block:Photos} 

我尝试在其中放置一段新代​​码,但它使实际查看或发布照片集变得不可能(不好)。

我知道这很愚蠢。但是,嘿伙计们,这不就是论坛的用途吗?

【问题讨论】:

    标签: html tumblr


    【解决方案1】:

    基本的照片集块应如下所示:

    {block:Photoset}
        <li class="post photoset">
            {Photoset-500}
            {block:Caption}
                <div class="caption">{Caption}</div>
            {/block:Caption}
         </li>
    {/block:Photoset}
    

    如果您在主题代码中找不到{block:Photoset},那么它不应该渲染照片集。如果找不到,可以在&lt;ol id="posts"&gt;&lt;/ol&gt; 之间添加{block:Photoset}

    为了自定义帖子和照片集的(宽度)样式,您必须为 #posts id 和 .photoset 类的宽度定义 CSS 规则。

    例如:

    #posts {
        width: 500px; /* Recommended width for Tumblr content */
    }
    .post, .photoset {
        width: 500px;
    }
    

    最好的阅读资源是Tumblr Docs for custom themes

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-10-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-09-24
      相关资源
      最近更新 更多