WordPressPopularPostsの表示設定／余白なしで綺麗に左寄せ

WordPressPopularPostsで
人気記事ランキングを設定したのに…

あれれ？なんだか余白がある！
左寄せができてない！と、綺麗に表示
されないことにしょんぼりしてませんか？

WordPressPopularPostsの表示設定で
余白なしに綺麗に左寄せして表示される
設定方法をお伝えしますね。

コピペするだけで簡単に対応できますよ♪

スポンサー広告

WordPressPopularPostsの表示設定したのに余白ができて綺麗じゃない！

WordPress初心者くるみ

WordPressPopularPostsを設定したから、これでホームページに来てくれた方に、人気の記事をご紹介できると思ったのに、表示が綺麗じゃないわん！

WordPress先生sayaka

読者さんの気持ちになって、考えられているのは素敵なことね♪

WordPress先生sayaka

コピペするだけで簡単に、余白なしの綺麗な左寄せにできるから、一緒に設定方法を見ていきましょう♪

WordPressPopularPosts表示を余白なしで綺麗に左寄せにする

WordPressPopularPostsの表示設定で
余白なしに綺麗に左寄せして表示される
簡単な設定方法をお伝えしますね。

私がワードプレス初心者さんにオススメな
WordPressPopularPostsの表示設定の
方法は、

「テーマの編集」を触る方法ではなく、
独自のCSSコードを追加する方法です。

「CSS？難しそう！」
と拒絶しなくて大丈夫ですよ。

新しい指示を出すためのコード（文字）を
プラスするというイメージです。

WordPress初心者くるみ

WordPressPopularPostsで「余白なしに綺麗に左寄せして表示する」という指示を出すということわんね！了解だわん！

行う設定はとーっても簡単です。

１．新しい指示のコードをコピーする

２．新しい指示のコードを貼り付ける

３．「公開」ボタンを押す（指示を確定する）

のたった３ステップです。

では、具体的に、設定方法をお伝えします。

WordPressPopularPostsの表示設定方法！余白なしで左寄せ

WordPressPopularPostsで
「余白なしに綺麗に左寄せ表示」
を設定してきましょう♪

コードはこちらです♪
以下のコードをコピーしてください。

コードをコピーしたら、
そのコードを「CSS」に貼り付けます。

/*WordPressPopularPosts余白なしliタグ */
.widget ul {
padding: 0;
}

こちらの動画で設定方法を解説しています♪

コピーしたコードを貼り付ける場所は、
外観→カスタマイズ→追加CSS
です。

外観→カスタマイズ→追加CSS

「追加CSS」に、
コピーしたコードを貼り付けます

コピーしたコードを貼り付けたら
「公開」ボタンを押せば完成！

WordPress初心者くるみ

できたわん♪

WordPress先生sayaka

ね？簡単だったでしょ♪

ちなみに・・・

/*WordPressPopularPosts余白なしliタグ */

の部分は説明文なので、
自分で分かりやすい言葉に変えてOKです♪

/*

で囲われた部分は、
コンピューターに出す指示ではなく
説明文なので、指示に影響ないんです。

・・・いかがでしたか？

分かりにくい部分がありましたら、
コメントくださいね♪

 

くるみ

この記事がためになった♪楽しかった♪という方は

sayaka

公式LINEのご登録をお願いします♪

 

北海道、石川、大阪…全国からご相談いただけて
新規の方に数ヶ月お待ちいただいている状況になれた方法をLINEでこっそりお伝えしています♪

 

▶︎「集客につながるホームページの秘密」が届くLINEを受け取る