もう「センター配置」の作業はしなくていい!ワードプレスなら追加CSSでかんたん解決!

Twitter埋込center

Twitterやインスタの埋込便利だけど、センター配置をわざわざコードいじったりしてやってないですか?

あれ地味に手間ですよね…。ポンコツブロガーなので毎回コードいじってましたw

この記事では、追加CSSにコードをコピペするだけですべての記事にある埋込がセンタリングされ、今後の投稿もすべて自動でセンター配置になる方法をご紹介します。

わし
わし

え?追加CSSにコードをコピペするだけでできちゃうの?

 

わし
わし
そう!たぶん1記事1分くらいは作業時間を短縮できるはず!

サクッと紹介〜。

 

Twitterの埋込センター配置コード。

#twitter-widget-0, #twitter-widget-1, #twitter-widget-2, #twitter-widget-3, #twitter-widget-4, #twitter-widget-5, #twitter-widget-6, #twitter-widget-7, #twitter-widget-8, #twitter-widget-9, #twitter-widget-10 {
margin: 10px auto !important;
}

 

わし
わし
これを、WP管理画面で追加CSSにコピペ!

Twitter埋込 center配置01

 

わし
わし

3秒じゃ〜!!!!

 

わし
わし
続いてインスタね〜!

 

Instagramの埋込センター配置コード。

.instagram-media{
margin:auto!important;
}

 

わし
わし
もうわかるよね?

 

わし
わし

追加CSSにコピペ!

インスタ埋込center

わし
わし
これで自動でずっと中央表示です!

 

わし
わし

めっちゃ便利やんけ〜!

こういうかゆいところに手が届くカスタマイズ設定を教えてくれるのが…

 

noteで14個のカスタマイズポイントを紹介してくれています。

 

 

わし
わし
ここで紹介したのも書いてくれてます〜!

今回は特にぼくが役に立った内容を2つ紹介させてもらいました。この他にも10個以上あるのでぜひ覗いてみてください〜!

わし
わし

わずらわしい作業がなくなるだけでもありがたいな〜

 

わし
わし
自分で調べるのも手間になるもんね〜

現在800円なのでお早めにご購入くださいね〜。内容のアップデートもあるようです!

初心者〜中級者ブロガーがワードプレスで気をつけるポイント|WEBデザイナーの視点でダメ出し500件のデータを元に厳選まとめ+a|すがたく∥人生は読み物|note
販売部数:260 追記情報 8/3|ツイッター中央配置、一度設定で永続的 8/14|ツイッターのカッコいいアイコンの作り方 追記予定 ・ツイッターのヘッダー画像|クッキング みなさん、こんにちは、すがたくです! 以前、イケハヤ砲企画に応募があった、ブログ記事500件にダメ出しする企画をしました!テンション高く、企画...

初心者〜中級者ブロガーがワードプレスで気をつけるポイント|WEBデザイナーの視点でダメ出し500件のデータを元に厳選まとめ+a

 

あわせてよみたい。

初心者がブログを始めて月10万円稼ぐまでにかかる時間やPV数は?