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

PhotoBlog Image Fixer

外掛說明

PhotoBlog Image Fixer allows better image sizing and removes those ugly squished images when you accidently upload a larger image.

  • Removes the inline height dimension added by the WordPress content filter.

  • Adds class names to the automatically generated p tags that wrap each image as well as the image itself.

  • Adds a quick line of CSS to the page making images in a p tag have a max-width of 100% of the containing element

安裝方式

  1. Upload photoblog_image_fixer.php to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

常見問題集

WordPress MU/Multisite?

Yes. Works in ‘/mu-plugins/’ as well, allowing it to work automatically for every blog. It is just a couple simple filters that work automatically.

How do I use it?

Just activate the plugin. No settings. No template tags or shortcodes to worry about.

How does the class name added fix images?

When images are inserted through the WordPress editor, they automatically get wrapped in paragraph tags, like this:

<p><a href=".... <img src=""..... /></p>

The problem is that when you try to add padding or margins or any style to your paragraphs, this also effects the images, because they are inside of paragraphs. So we added some styling to images by wrapping the content in classes and adding some fixing styles.

You can also add your own using the added classes like described below.

Wraps all content in a wrapper – image-fixer-wrapper

.image-fixer-wrapper            {}

Wraps all images in a span called .image-fixer

span.image-fixer                { padding: 0px; margin: 0px; }

Adds a class to the image itself .image-sizer

img.image-sizer                 {}

Because the plugin also adds a class to the image, you can over-ride that if you want like this:

span.image-fixer img.image-sizer        { max-width: 800px; }

You can also add a class .no-image-fix to any image you want to remain untouched. And then can style that in other ways.

.no-image-fix                   {}

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

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

參與者

將〈PhotoBlog Image Fixer〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.4

Now uses jQuery to wrap content and add classes. Much better method of finding images within content.
You may need to revisit and update CSS if you used the classes added by previous versions.

1.3.1

Fixed typo that made images act weird.

1.3

Fixed max-width problem in IE.
Added object recognition, adding class name to paragraphs containing embedded media.

1.2

Fixed height and class separately. It was getting confused when both were there.

1.1

fixed installation error