內容簡介
SparkChart Embed（又稱SparkEmbed）是一個輕量級的模組，允許Spark Chart（https://www.sparkchart.com/）的使用者使用可配置的短碼在WordPress文章或頁面中輕鬆嵌入衛星調查。該外掛的作者與SparkChart.com無關，並且這也不是該產品的認可 - 反之亦然。
該模組可以從設置頁面中禁用。
重要提示：該模組默認為禁用狀態。如果您未勾選「啟用」框，該外掛將毫無效果。
格式：[spark]https://survey.sparkchart.com/start/{id}/[/spark]
以上格式的短碼將在iframe中顯示所引用的Spark Chart衛星調查。
短碼配置：
以下屬性可用於配置iframe及/或其包裝器的顯示：
class
一個CSS類，將應用於外部包裝器（div）。默認為無。
示例：[spark class=”my_awesome_class”]https://survey.sparkchart.com/start/{id}/[/spark]
width
iframe的寬度。如果未提供單位，將使用px。默認為100%。
示例：[spark width=”88%”]https://survey.sparkchart.com/start/{id}/[/spark]
height
iframe的高度。默認情況下，iframe元素的高度將設置為當前視口高度的90%，通過JavaScript設置。設置高度值將覆蓋此行為。如果未提供單位，將使用px。默認為無。
示例：[spark height=”1200″]https://survey.sparkchart.com/start/{id}/[/spark]
border_width、border_color、border_style、background_color、padding
CSS屬性別名應用於外部框架。這允許用戶指定邊框和其他樣式屬性。請注意，建議使用class屬性並寫自己的CSS規則。還要注意下劃線字符取代原始CSS屬性名中的連字符。
示例：[spark border_width=”1″ border_color=”red”]https://survey.sparkchart.com/start/{id}/[/spark]
路線圖
允許自定義短碼標識符
添加燈箱選項
捐贈
無需捐款。
外掛標籤
開發者團隊
原文外掛簡介
SparkChart Embed — aka SparkEmbed — is a lightweight module that allows Spark Chart (https://www.sparkchart.com/) users to easily embed satellite surveys in a WordPress post or page using a configurable shortcode. The authors of the plugin are not related to SparkChart.com, nor is this an endorsement of the product — and vice versa.
The module can be disabled from the settings page.
Important: The module is disabled by default. If you leave the Enabled box unchecked, the plugin will have no effect at all.
Pattern: [spark]https://survey.sparkchart.com/start/{id}/[/spark]
Shortcodes with the pattern above will display the referenced Spark Chart satellite survey in an iframe.
Shortcode configuration:
The following attributes can be used to configure the display of the iframe and/or its wrapper:
class
A CSS class that will be applied to the outer wrapper (div). Defaults to none.
Example: [spark class=”my_awesome_class”]https://survey.sparkchart.com/start/{id}/[/spark]
width
The width of the iframe. If no unit is provided, px will be used. Defaults to 100%.
Example: [spark width=”88%”]https://survey.sparkchart.com/start/{id}/[/spark]
height
The height of the iframe. By default, the height of the iframe element will be set to 90% of the height of the current viewport, set through JavaScript. Setting a height value will override that behavior. If no unit is provided, px will be used. Defaults to none.
Example: [spark height=”1200″]https://survey.sparkchart.com/start/{id}/[/spark]
border_width, border_color, border_style, background_color, padding
CSS properties aliases applied to the outer frame. This allows users to specify a border and other styling attributes. Note that it is recommended to use the class attribute and write your own CSS rule instead. Also note the underscore character replacing the hyphen in the original CSS property name.
Example: [spark border_width=”1″ border_color=”red”]https://survey.sparkchart.com/start/{id}/[/spark]
Roadmap
Allow custom shortcode identifier
Add lightbox option
Donations
None needed.
