WordPressの更新でAd表示がおかしくなったので応急処置した。

このページは、pacify というテーマで書かれていますが、つい最近、テーマの更新がありました。

いつもどおり、何のためらいもなく更新したのですが、直後から、広告表示がタイトル「このサイトについて」に、かぶるようになってしまいました。↓こんな感じ。

全てのページがこう表示されるため、非常に読みにくい。
タイトルにスペースを入れたり改行しても直りません。困った!!
(これと同じ状態で応急処置したい人は、次の写真まで飛んでください。3分で直ります)

仕方なくWebで調べると、子ページを作って、そこで確認してから公開せよ、とのこと。

HTMLとかCSSとか、さっぱり分からないくせに、何とか子ページを作ったけど、全く表示が変わりません。

おそらく根本的に何かが違うんでしょうけど、素人には分からない。

途方に暮れていると、「外観」の「テーマエディター」の中に、”CSSの変更不要!” との表示があるではありませんか!↓

早速、上の赤枠部分をクリックすると、下写真の画面が立ち上がるので、青枠部分に、以下CSSを入れました。(コピペしてください)

div {
border-spacing:2px;
}

その結果がこれ↓

ちなみに、その上の行には以下CSSが書かれていて、タイトルのフォントサイズが変えられます。

.site-header h1 { font-size: 40px; }
.site-header h2 { font-size: 14px; }

どちらも数字を変えると、結果がリアルタイムに反映され、細かい調整も可能です。
なんて簡単で便利なんだ! 子テーマなんて必要ないじゃないか!!

ちなみにテーマが更新されると初期設定に戻ると思いますが、上記CSSをメモ帳に保存して、更新後に貼っとけば良いだけです。

注)テーマによっては、フォントサイズが優先的な設定になっているかもしれません。その場合は、以下の位置に、!important を入れれば良いそうです。
.site-header h1 { font-size: 40px !important; }

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です