內容簡介
使用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
外掛標籤
開發者團隊
原文外掛簡介
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
