サイドバーに埋め込んだTwitterタイムラインの”はみ出し”を調整しました


少し前からこのブログサイト(WordPressで運用)のサイドバーにTwitterタイムラインを埋め込んでいます。
同Twitterアカウントには過去の記事を自動的に抽出してシェアしたり、ニュースや他サイトで見つけた気になる記事をシェアしています。
大したフォロアー数でもないので殆ど自分用。

埋め込み部分について、PC表示では気付かなかったけれどスマホで表示するとサイドバーからはみ出しているもよう。
CSSでカスタマイズすれば綺麗にできます。

こちらの記事を参考にしました。
【プラグインなし】TwitterをWordPressのサイドバーに埋め込む方法が超簡単!

例示されたコードの真ん中より後ろの行
margin:0 auto;/
最後の「/」は余分かな。

現在使用しているテーマ(twentysixteenを元にした子テーマをカスタマイズ)ではダッシュボードで
外観>カスタマイズ>追加CSS
にそのコードを貼り付けることができます。

WordPressが提供するテーマの場合は不定期にアップデートされるので、それを親テーマに派生した子テーマを用意してアクセス解析などタグはそちらに記述します。
親テーマがアップデートされても子テーマのカスタマイズ部分は毎回上書きされるので大丈夫です。

前述のCSSカスタマイズ部分は子テーマではなく親テーマを書き替えている気がします。
次のアップデートでは要確認です。
懸案どおりなら追加CSSへ再度貼り付けが必要か。
まだまだ学習は続く。

スポンサーリンク