Как добавить к встроенному видео индивидуальное оформление – плагин oEmbed styling

Как добавить к встроенному видео индивидуальное оформление - плагин oEmbed styling | n-wp.ru

Если вы пользуетесь универсальным встроенным шорткодом embed, то наверняка уже столкнулись с проблемой оформления видео, вставленного с его помощью. Дело в том, что в самом шорткоде нет параметров, отвечающих за css вставляемого элемента – приходится довольствоваться тем, что есть внутри шорткода – стандартными отступами. Если же вы хотите добавить, например, к видео из YouTube тень или дополнительные отступы от текста, то вам придется сочинять какой-нибудь DIV, и уже для него определять оформление в файле style.css. Однако этого можно избежать, если прибегнуть к помощи плагина oEmbed styling.

Как добавить к встроенному видео индивидуальное оформление - плагин oEmbed styling

Этот плагин автоматически добавляет ко всем объектам, вставленным с помощью шорткода embed, классы оформления, причем они могут быть разными в зависимости от источника:

  • oembed – общий класс для всех
  • oembed-mediatype (например, oembed-video) – разное оформление в зависимости от типа
  • oembed-server (например, oembed-youtube-com) – разное оформление в зависимости от источника
  • oembed-mediatype-server (например, oembed-video-youtube-com) – разное оформление в зависимости от источника и типа

Например, к фрагментам, вставленного из YouTube, можно добавить тень, вставив в style.css используемой вами темы такой код:

.oembed-youtube-com {box-shadow:0 0 5px #000;}

Просто и удобно!

[dl1 dlurl=”http://wordpress.org/extend/plugins/oembed-styling/” name=”oEmbed styling”]
Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*