コラムなど

【STORK】超絶簡単!わすか3秒でTwitterの引用を中央揃えにするスタイルシートの書き方!

どうも!こうぜんま(@hisaccoNZ)です!

いや〜今まで悩んでいたことが一気に解決してしまいました!

というのも、Twitterの埋め込みツイートを中央揃えにしたいな〜と前々から思っていて、数回色々なブログを拝見して試していたんですが・・・。

どれも一手間二手間とあり面倒くさそうで・・・しかも素人な私は

 

[voice icon="https://hisacco.com/wp-content/uploads/2016/05/NIGAOE-e1468206275124.png" name="こうぜんま" type="l"]HTML?コード??よく分かりませんwww[/voice]

こんな状態で放置していました。

 

月日は流れ、WordPressの有料テーマ「STORK」を手に入れた私は色々カスタマイズをしていました。(まだまだ完成系ではありませんが・・・)

そんな中でも心のどこかに穴が開いているような感覚があったのです(笑)

そう、原因はTwitterのツイートの中央揃えができないこと・・・。

 

意を決して再度調べてみると・・・。

[voice icon="https://hisacco.com/wp-content/uploads/2016/05/NIGAOE-e1468206275124.png" name="こうぜんま" type="l"]こ、これはッ!!!!!?????[/voice]

以前から読ませて頂いているプロブロガーするぷ(@isloop)さんの和洋風.com改に、Twitterのツイートを中央揃えにする記事がありました!

(記事自体は2017年1月26日に更新されていたので、完全に私が見落としていました)

【CSS】Twitterの埋め込みツイートを中央揃えにするスタイルシートの書き方。引用元:和洋風.com改

それを参考に、我がテーマ「STORK」で実践してみたところ・・・・

ツイートを中央揃えすることができました!!!

 

素人の私が3秒でできたので、他の方なら1秒でできるはずです!

もし、私と同じように並んでいる方は、ぜひ参考にして下さい!

 

以降記載するのは、テーマが「STORK」になりますのでご了承ください。

他のテーマを使用している方も、試してみても良いかもしれませんね!

 

「STORK」でツイートを中央揃えにする方法

まずはカスタマイズページに行きましょう!

はい、こんな感じのありますよね??(ここまで0.5秒w)

ここの左側の下のいくと・・・

「追加CSS」とありますので、ここをクリック!(ここで1.3秒w)

ここを開き、以下のコードを記載(コピペでOK!&ここで2秒w)

twitterwidget,
iframe[id^="twitter-widget-"] {
margin-left: auto;
margin-right: auto;
}

コピペして「保存して公開」を押せば終了となります!(3秒!!!)

コピペしてから、一度どんな風になるか確認できますので、確認してから公開してくださいね!

 

私設Apple委員会をフォローする
私設Apple委員会