[WordPress] 外掛分享: Image Effect CK

首頁外掛目錄 › Image Effect CK
WordPress 外掛 Image Effect CK 的封面圖片
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
50+
安裝啟用
尚無評分
2657 天前
最後更新
問題解決
WordPress 4.0+ v1.1.0 上架:2016-12-08

內容簡介

Image Effect CK 可讓您在編輯器中的圖像上加入漂亮的效果。您只需要在所需圖像上添加所需的 CSS 類別或屬性即可。

功能

在您的網站上的任何圖像上,您都可以添加所需的效果。您可以選擇在同一頁面中使用不同的效果。

適用於頁面中的任何圖像
您可以為每個圖像添加所需的效果
具有回應式行為
自動從圖像的標題標籤生成的動畫標題
無需 HTML 知識,只需在圖像上添加 CSS 類別即可
可以在圖像上添加鏈接的可能性

使用 Image Effect CK 時,您不必包裹圖像與任何 HTML 標籤,也不必添加任何額外的代碼,只需設定圖像上的 CSS 類別和標題即可!

如何使用

您只需要在圖像上添加 CSS 類別即可。如果您的編輯器有設置類別的功能,您可以使用它,或者編輯源代碼以手動將類別添加到圖像標籤中。標題自動從標題標籤中創建。圖像源代碼示例:

<img src=”/images/yourimage.jpg” class=”effectck-lily” title=”My title::A little description” />

請參閱演示以獲得可用類別和效果的列表。

請注意,您可以使用分隔符 “::” 在標題標籤中設置標題和描述。

獲取更多信息並參閱 https://www.ceikay.com 的演示。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.1.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Image Effect CK」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Image Effect CK allows you to add some nice effects on your images into your editor. You just have to add the needed CSS class or attribute on the desired images.
Features
On any image into your website you can add the effect you want. You can choose to have different effects in the same page.

Applies to any image in the page
You can add the effect you want to each image
Responsive behavior
Animated caption that is automatically generated from the title tag of the image
No HTML knowledge required, just add the CSS class on the image
Possibility to add a link on the image

Using Image Effect CK you don’t have to wrap your image with some HTML tag or add any additional code, just set the CSS class and the title on your image and that’s all !
How to use it
The only thing you have to do is to add the CSS class on your image. You can use your editor is it has the ability to set a class, or edit the source code to add the class manually to the image tag. The caption is automatically created from the title tag of the image. Example of image source code :

See the demo for the list of available classes and effects.
Note that you can set a title and desciption using the separator “::” into the title tag.
Get more informations and see the demo on https://www.ceikay.com

延伸相關外掛

文章
Filter
Mastodon