web-dev-qa-db-fra.com

Comment centrer le contenu intégré

Je comprends que vous devez coller le lien que vous intégrez sans le renvoyer de code, mais comment forcer le contenu incorporé à être centré? Actuellement, la valeur par défaut est alignée à gauche.

Je pourrais modifier le fichier de base, mais il est fortement déconseillé. Je demande donc s'il existe un crochet ou un filtre pour résoudre ce problème.

Merci!

filtershooksformattingstylesoembed
1
Tam N.

Après quelques recherches sur Google, j'ai trouvé une solution qui avait été créée à l'origine pour une intégration Twitter, mais je l'ai modifiée pour fonctionner avec tous les contenus oEmbed. N'oubliez pas que pour que cela fonctionne avec les publications existantes, vous devez effectuer une "mise à jour" du contenu oEmbed à actualiser à partir du cache.

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.

Correctif CSS rapide et sale que j'ai créé pour Twitter oEmbed (.entry-content est spécifique au thème):

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

Semble fonctionner, YMMV.

0
Rarst