[WordPress] 外掛分享: Curved Text

首頁外掛目錄 › Curved Text
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
20+
安裝啟用
尚無評分
3534 天前
最後更新
問題解決
WordPress 3.0.1+ v0.1 上架:2016-07-13

內容簡介

使用Arctext.js製作在WordPress中建立曲線文字的非常簡單的短碼系列

範例:

[arctext type=’p’ title=’如何在WordPress中彎曲文字?’ class=’curved-text’ radius=’500′ dir =’-1′ rotate=’false’]

[arctext type=’div’ title=’如何在WordPress中彎曲文字?’ class=’curved-text’ radius=’300′ dir =’1′]

[arctext type=’h3′ title=’如何在WordPress中彎曲文字?’ class=’curved-text’ radius=’200′ ]

Type : 元素類型。例如:p、span、h1、h2、h3、h4、div,等等。
Title: 要顯示的文字。
Class: 類的名稱。可以定義來自CSS文件的樣式。
Radius: 應該是一個數字。例如:100、500。
Dir: 更改方向。可以是-1或1。
Rotate: 非旋轉/旋轉字母。

參考資料:

https://github.com/codrops/Arctext

外掛標籤

開發者團隊

⬇ 下載最新版 (v0.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Curved Text」→ 直接安裝(推薦)

原文外掛簡介

A very simple shortcode series to create a curved text in WordPress using Arctext.js
Examples:
[arctext type=’p’ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’500′ dir =’-1′ rotate=’false’]
[arctext type=’div’ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’300′ dir =’1′]
[arctext type=’h3′ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’200′ ]

Type : Type of element. Ex: p, span, h1, h2, h3, h4, div, ..
Title: Text to be displayed.
Class: Name of the class. It can be defined to style the class from the CSS file.
Radius: It should be a number. Ex: 100, 500.
Dir: Change the direction. It can be -1 or 1.
Rotate: Non-rotated / rotated letters.

References:

https://github.com/codrops/Arctext

延伸相關外掛

文章
Filter
Apply Filters
Mastodon