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

SVG Complete

外掛說明

This plugin adds some SVG functionality to your WordPress and uses a SVG technique that’s based on an idea by Alexey Ten and used by Jens Kuerschner which was my starting point for this plugin.
This way of including SVG images into HTML seems to be the one with the best combination of performance and compatibility at the moment.
Upload SVG files to your WordPress and add them to your post or pages via the SVG button in your visual editor. Here you can even select to have zoom and pan (mouse drag) on your svg, useful for maps for example. You can also set image size, a fallback image and an alt text for SEO

List of Features:

  • Upload SVG files to your media library
  • Use SVG files via a TinyMCE bytton or by shortcode in your posts or pages
  • Option to add captions to your SVG images
  • Option to set zoom and drag on svg images (by mouse and buttons)
  • Option to set a CSS class
  • Option to define a fallback image (usually PNG) for your SVG
  • Option to add alt-information for SEO

Example:
[svg-complete align=”aligncenter” class=”my_own_class” svg_path=”http://upload.wikimedia.org/wikipedia/commons/9/95/World_map_frigid.svg” alt_path=”www.mysite.com/images/worldmap.png” alt=”wiki world map” width=”760″ height=”400″ zoompan=”zoom_button”]Wiki Worldmap[/svg-complete]

See http://www.automatic-rock.nl/svg-zoom-pan-drag-wordpress/ for a complete instruction and examples

螢幕擷圖

  • Add your svg image easily via the button.
  • Select your svg file and options via an easy menu.
  • Use the media uploader to select you svg file and (if you want) a fallback image.
  • Set the other options as you please.
  • Press OK, press Publish and there you go 🙂

安裝方式

  1. Upload the folder to the “/wp-content/plugins/” directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. Place the shortcode in your pages or posts (including custom posts) with the SVG button in the visual editor or write it yourself in the text editor.

Shortcode-Example:
[svg-complete align=”aligncenter” class=”my_own_class” svg_path=”http://upload.wikimedia.org/wikipedia/commons/9/95/World_map_frigid.svg” alt_path=”www.mysite.com/images/worldmap.png” alt=”wiki world map” width=”760″ height=”400″ zoompan=”zoom_button”]Wiki Worldmap[/svg-complete]

常見問題集

No Questions asked yet. Feel free to ask!

使用者評論

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

參與者及開發者

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

參與者

將〈SVG Complete〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.0.0

  • Initial release.

1.0.1

  • description edits.

1.0.2

  • description edits.
  • add option for no align set