Title: oEmbed styling
Author: honza.skypala
Published: <strong>2010 年 8 月 24 日</strong>
Last modified: 2016 年 1 月 13 日

---

搜尋外掛

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://ps.w.org/oembed-styling/assets/icon-256x256.jpg?rev=971676)

# oEmbed styling

 由 [honza.skypala](https://profiles.wordpress.org/honzaskypala/) 開發

[下載](https://downloads.wordpress.org/plugin/oembed-styling.1.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/oembed-styling/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/oembed-styling/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/oembed-styling/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/oembed-styling/#developers)

 [技術支援](https://wordpress.org/support/plugin/oembed-styling/)

## 外掛說明

Support for oEmbed, which was added to WordPress in version 2.9, is very nice. Unfortunately
the generated oEmbed code is not easy to be centered in the text, which is a common
request. This plug-in allows for centering (or even other styling), although it 
will not solve it by itself, just makes it possible.

This plugin wraps all oEmbed code into div tags with several classes set:

 * oembed
 * oembed-mediatype (e.g. oembed-video)
 * oembed-server (e.g. oembed-youtube-com)
 * oembed-mediatype-server (e.g. oembed-video-youtube-com)

Then you can specify in your theme CSS (in the file style.css) the way you want 
the embeds to behave. E.g. by adding the following code to style.css:

    ```
    .oembed {
      text-align: center;
    }
    ```

you will make all oembeds (videos and pictures) to be centered; anyway, if you understand
CSS, you are not limited by centering, but you can add much more (like frames around
pictures etc.)

### License

WTFPL License 2.0 applies

    ```
               DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                       Version 2, December 2004

    Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>

    Everyone is permitted to copy and distribute verbatim or modified
    copies of this license document, and changing it is allowed as long
    as the name is changed.

               DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
      TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

     0. You just DO WHAT THE FUCK YOU WANT TO.
    ```

## 螢幕擷圖

 * [[
 * The HTML code (provided by oEmbed) is wrapped in div tags (marked)

## 安裝方式

 1. Upload the plugin into wp-content/plugins.
 2. Activate it in the plugin administration.
 3. Modify file style.css in your theme and add formatting for oembed classes

## 使用者評論

![](https://secure.gravatar.com/avatar/0af0077b6897c9ba710f94ed4feea2e4bfcd9ab6da89c88fbfb0ef2d6fa4ba5a?
s=60&d=retro&r=g)

### 󠀁[Amazing plugin](https://wordpress.org/support/topic/amazing-plugin-685/)󠁿

 [Ben Gray](https://profiles.wordpress.org/bravoechon/) 2017 年 3 月 16 日

Awesome plugin – this functionality should be part of the WordPress core, in my 
opinion. Thanks for developing it.

 [ 閱讀全部 2 則使用者評論 ](https://wordpress.org/support/plugin/oembed-styling/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈oEmbed styling〉的開發相關工作。

參與者

 *   [ honza.skypala ](https://profiles.wordpress.org/honzaskypala/)

[將〈oEmbed styling〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/oembed-styling)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/oembed-styling/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/oembed-styling/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/oembed-styling/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/oembed-styling/)。

## 變更記錄

#### 1.1

 * converted to class
 * small optimizations
 * flushing oembed cache converted to dirty, but quick method
 * license change

#### 1.0

 * Initial release.

## 中繼資料

 *  版本 **1.1**
 *  最後更新 **10 年前**
 *  啟用安裝數 **60+**
 *  WordPress 版本需求 ** 2.9 或更新版本 **
 *  已測試相容的 WordPress 版本 **4.4.34**
 *  語言
 * [English (US)](https://wordpress.org/plugins/oembed-styling/)
 * 標籤:
 * [center](https://tw.wordpress.org/plugins/tags/center/)[css](https://tw.wordpress.org/plugins/tags/css/)
   [oembed](https://tw.wordpress.org/plugins/tags/oembed/)[video](https://tw.wordpress.org/plugins/tags/video/)
   [youtube](https://tw.wordpress.org/plugins/tags/youtube/)
 *  [進階檢視](https://tw.wordpress.org/plugins/oembed-styling/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  2 個 5 星使用者評論     ](https://wordpress.org/support/plugin/oembed-styling/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/oembed-styling/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/oembed-styling/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/oembed-styling/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/oembed-styling/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/oembed-styling/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/oembed-styling/reviews/)

## 參與者

 *   [ honza.skypala ](https://profiles.wordpress.org/honzaskypala/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/oembed-styling/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://www.honza.info)