Question

我想在我的主题中的答案帖子中自定义问题的外观，该帖子基于Minimal theme。我尝试从我之前的模板添加内容，这些模板按照我想要的方式格式化，但它没有用。

这是我添加的内容：

{Question}元素周围有“问题”和“气泡”类的div：

<div class="question bubble">
  {Question}
</div>

泡泡的CSS：

  .bubble {
    color: #9f6f6f;
    font-size: 13px;
    line-height: 20px;
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 12px;
    position: relative;
    display: block;
  }

当我打开HTML / CSS作为片段时，这看起来是对的，但它似乎对主题没有任何影响。添加它时没有任何改变。

此外，我无法找到隐藏在Minimal主题中任何位置的{Question}。

如何自定义{问题}显示？

Answer 1

{Question}是其中一个不起作用的块，除非它位于顶级块中，在本例中为{block:Answer}。 http://www.tumblr.com/docs/en/custom_themes上有一个例子：

{block:Answer}
    <div class="question">
        <div class="asker">{Asker}</div>
        <div class="asker-question">{Question}</div>
        <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
    </div>

    {block:Answerer}
        <div class="answer">
            <div class="answerer">{Answerer}</div>
            <div class="answerer-answer">{Answer}</div>
            <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
        </div>
    {/block:Answerer}

    <div class="replies">
        {Replies}
    </div>
{/block:Answer}

...然而，这并没有完全符合我的要求。我最终做的是在包含{/block:Text}：

的行之后将以下标记放入我的主题中

                  {block:Answer}
                      <div class="bubble">
                        <div class="asker">{Asker}</div> asked: <div class="question">{Question}</div>
                      </div>
                      <div class="answer">
                        {Answer}
                      </div>
                  {/block:Answer}

然后在底部添加此CSS，就在包含{CustomCSS}：

的行之前

/* Answer Posts */

  .bubble {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 20px;
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 12px;
    position: relative;
    display: block;
    margin-bottom: 1em;
  }

  .asker {
    display:inline;
    font-weight:bold;
  }
  .question {
    display:inline;
  }

并且为了更好的衡量，我在{block:Answer}post-type-answer{/block:Answer}之后添加{block:Audio}post-type-audio{/block:Audio}并在音频块结束之后{block：Answer}回答{/ block：Answer}，在{{1}的类名称分配中}}

这给了我想要的东西：

Tumblr ask/answer post with bubble around question.

如何根据最小主题自定义主题中的答案帖？

1 个答案: