Как центрировать встроенный контент
Я понимаю, что вам нужно вставить ссылку, которую вы внедряете, без какой-либо обертки кода вокруг нее, но как мне заставить встроенное содержимое быть центрированным? В настоящее время по умолчанию используется выравнивание по левому краю.
Я мог бы изменить основной файл, но это крайне не рекомендуется, поэтому я прошу посмотреть, есть ли какой-либо крючок или фильтр, чтобы обойти это.
Спасибо!
2 answers
После некоторого поиска в Google я нашел решение, которое изначально было сделано для встраивания в Twitter, но я изменил его, чтобы оно работало со всем встроенным содержимым. Имейте в виду, что для того, чтобы это работало с существующими записями, вам нужно будет выполнить "обновление" для содержимого 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;
}
Быстрое и грязное исправление CSS, которое я придумал для Twitter oEmbed (.entry-content специфично для темы):
.entry-content > iframe {
margin: 0 auto !important;
}
Кажется, работает, YMMV.