もう「センター配置」の作業はしなくていい!ワードプレスなら追加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数は?

当ブログの筆頭スポンサーの「イケダハヤト」さんです!

ブログを○億円で売却した「SEOのプロKUMAP」さん!

ブログ収益・運営まとめ未分類
SNS&Feedly
この記事を書いた人。
しゅうへい

月間10万PVの個人ブログ「マルチにハマって借金背負って島流し。」を運営中。2018年3月にブログ収益1,500円で独立、7月は月商40万円達成。ブログで借金返済できるんですよ。プロブロガー「イケダハヤト氏」と、ブロガー・作家「はあちゅう氏」の対談を主催。トップインフルエンサーに乗っかって仕事してます。

SNS&Feedly
ブログ更新通知をメールで受け取れます

マルチにハマって借金背負って島流し。