前提・実現したいこと
wordpressテーマ「Hueman」で
ヘッダーのタイトル下、投稿記事との間に、スクロール付きのテキストウィジェットを入れたいです。
発生している問題・エラーメッセージ
表示されるテキストウィジェットに投稿記事部分(メイン部分)がかなり重なって表示されてしまいます。
試したこと
試行してみたこととして、
⑴『ヘッダー下をウィジェットで管理!ワードプレスカスタマイズ!』(https://moriawase.net/header-widget)
上記を参考に、「ヘッダー下ウィジェット」をwordpressのウィジェット画面に表示させました。
⑵そして、wordpressのウィジェット画面内、
「ヘッダー下ウィジェット」に「テキスト」を挿入しました。
「テキスト」には下記サイトを参考に、以下のhtmlコードを記入しています。
<div style="border:1px solid #ccc;height:200px;overflow:auto;width:70%;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fffcfc;margin:auto;padding:10px;"> (ここに本文を入力) </div>
(参考元)
・スクロールバー付きのテキストウィジェットを設置する
(https://susumu-akashi.com/2012/06/%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%83%90%E3%83%BC%E4%BB%98%E3%81%8D%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%82%92%E8%A8%AD/)
結果として、確かに、タイトル下に、テキストウィジェットが表示されましたが、タイトル下に密着してテキストウィジェットが表示され、テキストウィジェット下部の方は、投稿記事(メイン部分)が上に重なって表示されてしまいます。テキストウィジェット下部が、投稿記事の下に隠れてしまっている状態です。
補足情報(FW/ツールのバージョンなど)
WordPress 4.8.7 (Hueman テーマ)
あなたの回答
tips
プレビュー