web-dev-qa-db-ja.com

埋め込みコンテンツを中央揃えにする方法

コードを折り返すことなく、埋め込むリンクを貼り付ける必要があることを理解していますが、埋め込みコンテンツを中央に配置するにはどうすればよいですか。現在、デフォルトは左寄せです。

コアファイルを変更することはできますが、あまりお勧めできないので、これを回避するためのフックやフィルタがあるかどうかを確認しています。

ありがとうございます。

1
Tam N.

Googlingの後、もともとTwitterの埋め込み用に行われていた解決策を見つけましたが、すべてのoEmbedコンテンツで動作するように修正しました。これを既存の投稿で機能させるには、oEmbedコンテンツをキャッシュから更新するための「更新」を実行する必要があります。

add_filter('oembed_result','center_oembed',10,3);
function center_oembed($html, $url, $args) {
    $html = '<p style="text-align: center;">' . $html . '</p>';
    return $html;
}
1
Tam N.

Twitter oEmbedで思いついた迅速で汚いCSSの修正(.entry-contentはテーマに固有のものです):

.entry-content > iframe {
    margin: 0 auto !important;
}

YMMV、動いているようです。

0
Rarst