私は自分のサイトのバナー広告をホームページにのみ表示できるようにするコードをどこでも探していました。現在、それらはサイト全体に表示され、広告主は私にそれを変更するように求めています。正しいコードを検索しようとして失敗しましたが、これまでのところ不可能であることが証明されています。私はBloggerとWordpressの修正を考えているだけで、tumblrに何かが必要です。
どんな助けでも大歓迎です。
ありがとう!
div
ホームページだけに特定のアウトプット?- いいえ。div
ものをホームページのみに表示しますか? — はい、css スニペットで。div
ものをホームページだけに出力するには?Tumblr には、主に 2 種類のページしかありません。
PermalinkPage
IndexPage
IndexPage
3 つのサブタイプが含まれます。
TagPage
DayPage
SearchPage
Tumblr にはブロックelse
に関するステートメントがありませんif
。そのため、バナー広告をホームページだけに出力することは不可能です。他のインデックス ページに出力されることになります。
div
ものをホームページだけに表示するには?このヒント#banner
を使用して広告を非表示にすることができます:css
ステップ 1. htmlへの Tumblr マークアップで、body
タグを次のスニペットに変更します。
<body class="
{block:IndexPage} index-page {/block:IndexPage}
{block:TagPage} tag-page {/block:TagPage}
{block:DayPage} day-page {/block:DayPage}
{block:SearchPage} search-page {/block:SearchPage}
">
ステップ 2.次に#banner
、インデックス ページのみを出力するようにします。
{block:IndexPage} <div id="banner">...</div> {/block:IndexPage}
ステップ 3.その後、#banner
div の制御デモンストレーション (表示/非表示) 用の 4 つのクラスが作成されます。このスニペットをカスタマイズ ページのフィールドにcss
追加する必要があります。Custom CSS
.index-page #banner {
/* not neccessable, only for tip's logic demonstration */
display: block;
}
.tag-page #banner,
.day-page #banner,
.search-page #banner {
/* hide on all index pages except home index-page */
display: none;
}
注意: このヒントdiv
は非出力ではなく非表示のみです。
Edit HTML
ボタンとCustom CSS
フィールドのスクリーンショットを投稿して、2 番目の方法の単純さを示し、元気づけました。
ホームページのページだけを表示するために JavaScript を使用できますか?