HimaJyunWordPress4.4からoEmbedとか言う機能を使って、WordPressサイトの記事を埋め込むことが出来る様になりましたすなわち、自分のサイト内の他のページもこのoEmbedで掲載出来ると言う訳です。この機能「レスポンシブに強くなりました」的な事を言っているWordPress4.4の意に反してレスポンシブではありません、レスポンシブの欠片もありません。今回はCSSを1つ追加するだけで出来るレスポンシブ(?)をご紹介します。原理oEmbed早い話、これです。[WordPress]サイトアイコンを設定した際に自動で追加されるiconヘッダを無効にする記事のURLを投稿ページに書き込むだけ(リンクの設定なども必要無し)で機能してくれる優れものです。この機能があると、自サイト内の他記事を良い感じに紹介出来るため、愛用しています。レスポンシブ......では、この埋め込みを使った記事を確認してみましょう。出来ていますね、次はスマホ......ブラウザの開発機能で確認してみます。ああああああああああああ!!!!(怒と言った具合に、全くもってレスポンシブではありません。対策まず最初に言っておくと、レスポンシブ(?)です。?です、一応確認しましたがダメな所があるかもです。CSSに以下の3行を追加するだけです。100%;}[/css]原理ブラウザの開発ツールで見て頂ければ分かりますが、oEmbedは以下の様なインラインフレームで成り立っています。scrolling="no"></iframe>しかし、レスポンシブデザインのテンプレートではユーザの画面幅に応じてコンテンツ幅が変化する事が多く、この固定された幅では溢れてしまいます。そのため、「wp-embedded-content」クラスに幅100%を指定して、横幅をブラウザに任せているのです。これでoEmbedがコンテンツの横幅に合わせて出力される様になります。小ネタですが、設定しないよりはした方が良いのでぜひ設定しておいて下さい。Web制作WordPressスポンサーリンクB!LINEへ送る関連記事お名前.comのドメインオークションでドメインを登録したお名前.comのドメインオークションでドメインを登録する事があったのですが、色々......続きを読む→libsassをWindows用にコンパイルWindowsでSASSを使いたいなと思う事があったのですが、Rubyを導入する......続きを読む→[WordPress]サイトアイコンを設定した際に自動で追加されるiconヘッダを無効にする新年あけてしまいましておめでとうございます。......続きを読む→ajaxでMojangサーバの状態を取得する少し前に、「PHPでMojangサーバの状態を取得する」と言う記事を投稿した気が......続きを読む→WordPress用のシンタックスハイライトプラグイン作った自分用です。作ったので使いたい人向けにGitHubにポイしておくので......続きを読む→PREV[Minecraft]ゾンビ/スケスポナーを使ってアイテム/経験両用TTを作るNEXT[Bukkit/Spigot]別世界への移動時に/titleを表示するプラグイン作ったナカのヒト:HimaJyun​散って美しいのは桜だけです、情報はまとまっていた方が美しいのです。