2020年1月へ

WordPress と Bootstrap

公開日:

最終更新日:

開発

AI自動要約

この記事は、WordPressでの外部リンク埋め込み機能とBootstrapを用いたレスポンシブルデザインの相性について解説しています。特に、WordPressの埋め込み機能がBootstrapの.containerクラスの中でうまく表示されず、携帯画面でレイアウト崩れが生じる問題に触れ、CSS修正の手間やページ表示速度への影響から埋め込みは控えたほうがよいと述べています。

  • WordPress
  • Bootstrap
  • レスポンシブデザイン
  • 外部リンク埋め込み
  • ウェブデザイン
  • CSS
  • モバイル表示
  • ページ表示速度

WordPressとBootstrapのレスポンシブルについて。

Wordpressでは、外部リンクを記事内に引用すると、相手サイトがWordpressの場合、綺麗に整形してくれる。

ただ、この埋め込み機能、うまいことBootstrapのレスポンシブル・デザインとマッチしてくれない。携帯でページを見た際には、.containerクラスのdivから綺麗にはみ出してしまう。

CSSを修正すれば解決するのだろうけれど、それもなんとなく面倒くさい。
また、埋め込まれたページを読み込むこと自体が、このページの読み込み時間を遅くする影響もあるので、できれば使わない方が良いのでしょう。

©Hiroshi Nagayama