1

私は新しいtumblrテーマを作成しています(実際にはほぼ完成しています)。私が遭遇している唯一の問題(そして私が作成した最後のテーマで同じ問題に遭遇した)は、オーディオ投稿をどのようにフォーマットしても、ブログに表示されないことです。フォーマットされたオーディオ投稿は、ダッシュボードとテーマのカスタマイズページの両方に表示されます。

オーディオ/ビデオの投稿で無限スクロールに問題が発生することがあるので、すべてのスクリプトを削除しました。音声投稿はまだ表示されません。

これは私がオーディオ投稿のために持っているコードです:

{block:Audio}

<div id="post">

{block:AudioPlayer}
<div id="audioplayer">
{AudioPlayerBlack}
</div>
{/block:AudioPlayer}

<div id="albumart">
{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}
</div>

</div>         
{/block:Audio}

これはそれらのdivのcssです(それが問題の場合)

#post
{
float: left;
padding: 5px;
margin: 4px;
background-color: {color:Post Background};
width: 215px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
box-shadow: 2px 2px 4px {color:Post Shadow};
}


#albumart
{
margin: 3px;
margin-bottom: 2px;
width:207px;
height: 207px;
border: 1px solid {color:Border Color};
overflow: hidden;
}

#audioplayer
{
width:25px;
height:25px;
overflow:hidden;
position:absolute;
margin-top:100px;
margin-left:100px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
opacity:0.75;
border:5px solid black;
}

あなたはここでそれを見ることができます:smash-howard.tumblr.com

4

1 に答える 1

0

これは回答で更新されておらず、同様の問題があったため、次のことを行う必要がありました。

{block:Posts}
...

{block:Audio}
    {block:AudioEmbed}
    <div class="audio-embed">
        {AudioEmbed-400}
    </div>
    {/block:AudioEmbed}
    {block:AudioPlayer}
    <div class="audio-player">
        {AudioPlayerBlack}
    </div>
    {/block:AudioPlayer}
{/block:Audio}

...
{/block:Posts}

このようにして、オーディオ埋め込みとオーディオ プレーヤーの両方の可能性のあるオーディオ ポスト シナリオを考慮に入れます。一方を説明するだけで、もう一方が表示されなくなります。これが、この場合に起こっていたことです。

于 2012-10-01T17:25:39.863 に答える