Изменение ширины фотосета Tumblr

Я использую слегка модифицированную версию старой темы Tumblr (The Atlantic #467).

Это выглядит великолепно, но фотосеты раздражающе маленькие и центрированы слева.

Я просмотрел оооочень много решений проблемы фотосета Tumblr, но все они начинаются с поиска и изменения кода фотосета в HTML темы.

Проблема в том, что слово "фотосет" нигде не встречается в коде моей темы. Я больше работаю с нуля.

Собственно, это все, что есть на фото, визави это:

{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
person user3785995    schedule 28.06.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Базовый блок фотосета должен выглядеть следующим образом:

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

Если вы не можете найти {block:Photoset} в коде своей темы, значит, она не должна отображать наборы фотографий. Если вы не можете найти его, вы можете добавить {block:Photoset} между <ol id="posts"> и </ol>.

Чтобы настроить стиль (ширины) ваших сообщений и ваших фотосетов, вам нужно будет определить правила CSS для ширины идентификатора #posts и класса .photoset.

Например:

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

Лучший ресурс для чтения — это Документы Tumblr для пользовательских тем.

person nicholaschris    schedule 28.06.2014