sangoのサイドバーの余白部分を狭くしてスッキリさせる方法

ワードプレステーマ(sango)のサイドバーの余白サイズが!?

こんにちは「副業サラリーマン」です。

ワードプレスのテーマ(sango)のサイドバーにCanvaを使って画像を作成して添付したら、余白部分が広がって「なんだこりゃ~!」て見た目が悪くなってしまったんです・・・

そこで、テーマを編集して簡単にサイドバーの余白を狭くして見ました。

ワードプレステーマ(sango)の子テーマにHTMLコードを貼り付ける

 

①「外観
②「テーマの編集
③「スタイルシート」(子テーマ)・・・SANGO Child
④HTMLコードを貼り付ける

104 }
105 /*ウィジェット 余白変更*/
106 .widget {
107 margin: 0 0 1.0em;
108 }

上のコードをsangoの子テーマに貼り付けます。
青枠の「1.0」数字を変更するだけで、余白のサイズが変わります。

MEMO
ワードプレステーマ(sango)とは?ウェブデザイナーのサルカワさんが作成したテーマです。私のブログのテーマにも使わせてもらっています。詳しくは 参考 心地よいWordPressテーマ. SANGO 有料のテーマですが、記事作成の効率が半端ないです!

これで終了です。

パソコンでサイドバーが狭くなっているかを確認する(キャッシュ削除)

パソコン上に貯めてある古いデータを削除しないと、ブログをカスタムしても反映されません。
そこでキャッシュを削除して、ブログが反映されているかを確かめます。

パソコン上のキーボード「F12」キーを選択する、または画面上で「右クリック」します。
モニターに出る「検証」を選択します。

モニターに上記の画面が表れます。


画面の箇所を「右クリック」して「キャッシュの削除とハード再読み込み」を選択します

これでパソコン上の古いデータを削除(キャッシュ)を削除してデータが書き換えられます。

まとめ

今回は簡単なワードプレステーマ(sango)のカスタムをお伝えしました。

キャッシュの削除はスマホでも反映されていませんので、ご自身のスマートフォンでキャッシュの削除のやり方を調べてください!

コメントを残す

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