ACTION

「カスタムフォント」ショートコードタグ

ver20181225以上の機能です

上図の部分で使用しているタイトルのように「文字の大きさ(%)、色、太さ、Webフォントの反映の有無、影、マージン」等をカスタマイズできるクイックタグ(Pタグ用)を用意しました。

[st-designfont myclass="任意のクラス" fontawesome="フォントアイコン" fontsize="文字サイズ(%)" fontweight="文字の太さ" color="文字色" textshadow="文字の影色" webfont="Webフォントの反映" margin="marginの指定"]テキスト[/st-designfont]
[st-designfont myclass="" fontawesome="" fontsize="150" fontweight="bold" color="#000" textshadow="" webfont="" margin="0 0 20px 0"]テキスト[/st-designfont]
myclass 任意のクラスを追加できます(アニメーションクラス等)
fontawesome フォントアイコン(fontawesome4のクラス名を指定)
fontsize(%) 文字サイズを指定(例:120)
fontweight 文字の太さを指定(例:bold)
color 文字色をHTMLカラーコード(#で始まる6桁のカラーコード)で指定
textshadow 文字の影色をHTMLカラーコード(#で始まる6桁のカラーコード)で指定
webfont Webフォントの反映(例:on)
margin marginの指定(例:0 0 20px 0 )

これはダミーのテキストです

[st-designfont myclass=" faa-float animated" fontawesome="" fontsize="150" fontweight="bold" color="#fff" textshadow="#424242" webfont="on" margin="0"]これはダミーのテキストです[/st-designfont]

解決しないことは検索もしてみてね

人気の解析ツールをセットにしたお得なパックです。サイトの状況や改善点を視覚化することで目標達成のためやるべきことが明確になります。

  • シンプルでわかりやすいアクセス解析
  • クリック計測・広告管理機能
  • ABテスト機能

今ならお得なキャンペーン中!

さらに詳しくみる

AFFINGERデザインカード

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-ACTION

--時間---

10月のキャンペーン商品はコチラ

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP