- このトピックには3件の返信、2人の参加者があり、最後に
により8年、 10ヶ月前に更新されました。
-
投稿
-
-
お世話になっております。
お手数ですが、回答をお願いいたします。simplicity：２．２．０
ブラウザ：クローム下記のサイトのように、サイトタイトル部分をバナー広告にしたいと考えています。
https://www.sejuku.net/blog/現在、以下のように作業しました。
・記事タイトル、パンくずリスト、グローバルメニューの非表示
・モバイルでのメニューボタンの非表示
・カスタマイズ⇒ヘッダー⇒ヘッダーの高さを１００から０に。
・ウィジェット⇒パンくずリストの上にバナー広告の設置（投稿ページのみ設置）http://xn--idk0bn6g541pmgr204bp2lup5d.com/2017/07/28/102814/
PC画面では理想に近い形になったのですが、モバイルから見た時、上に余白ができます。
上記のように試行錯誤してみましたが、もっと簡単にタイトル部分をバナー広告に差し替えられる。などありましたら、お願いします。
また、見本サイトのようにグローバルメニューは残せればと思っております。サイトタイトルはあまり重要視しておりません。
すいませんが、よろしくお願いいたします。
-
A8さんと広告会社さんが許せばが前提ですが。
参考サイトさんはヘッダーに大きな画像を入れてます。その下にナビを置いているようです。PC・モバイルとも画像が小さすぎるように思うので、大きな画像を使用する
https://support.a8.net/as/supportguide/support/pg03.php
ヘッダーの領域をなくすのであれば以下のスタイルを追加してください。
#h-top { min-height: 0px; }PCナビを表示するには以下のスタイルを変更してください。
#navi, #mobile-menu { display: none; }PCナビを表示
#mobile-menu { display: none; }反映しないときは、キャッシュを削除してくださいね。
-
#57200
個人的にはそういったカスタマイズを行うより、header-logo.phpテンプレートに対して直接バナーを貼るカスタマイズを行った方が手っ取り早いような気がします。 -
回答ありがとうございます。
かうたっく様
細かく書いて頂きありがとうございます。
モバイルでの余白が無くなりました。助かります。a8は現在メンテナンスのため、後日確認させていただきます。
＞反映しないときは、キャッシュを削除してくださいね。
前回はすいませんでした。今後、気を付けます。わいひら様
＞header-logo.phpテンプレートに対して直接バナーを貼るカスタマイズを行った方が手っ取り早いような気がします。
アドバイスありがとうございます。
そちらも試してみたいと思います。お二方ありがとうございました。
解決済みとさせていただきます。
-
- トピック「ヘッダー部分をバナー広告にしたい」には新しい返信をつけることはできません。