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

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

 

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

 

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

 

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

 

スポンサー広告


 

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

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

 

 

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

 

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

 

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

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

 

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

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

 

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

 

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

 

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

 

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

 

1.新しい指示のコードをコピーする

2.新しい指示のコードを貼り付ける

3.「公開」ボタンを押す(指示を確定する)

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

 

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

 

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

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

 

ご注意ください
不具合が起きた場合は自己責任となります。
設定・編集を行う際は、ご自身の判断で行ってください

 

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

 

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

 

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

 

 

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

 

 

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

 

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

 

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

 

 

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

 

 

WordPress初心者くるみ
できたわん♪

 

WordPress先生sayaka
ね?簡単だったでしょ♪

 

ちなみに・・・

 

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

 

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

 

/*

 

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

 

・・・いかがでしたか?

 

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

 

くるみ
この記事がためになった♪楽しかった♪という方は
sayaka
LINE@のご登録をお願いします♪

 

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

 

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

コメントを残す

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)