【テキストパーツ】ポイントの使い方

 

ポイントの設置方法

パーツを挿入したい場所にカーソルを移動して【テキストパーツ】の【ポイント】をクリックします。

 

 shortcode
[st-point fontsize="" fontweight="bold" bordercolor=""][/st-point]

このタグがエディターに挿入されます。

 

 

デフォルトの状態ならばこのように表示されます。

 

表示させるテキストを開始タグと終了タグの間に書き込みます。

 shortcode
[st-point fontsize="" fontweight="bold" bordercolor=""]美味しく焼くコツ[/st-point]

このように書き込めば・・・

 

このように表示されます。

 

 

ポイントのカスタマイズ方法

ポイントの色を変更

【ステップ数・ポイントの背景色】と【ステップ数・ポイントの色】の設定がこのポイントにも適用されます[/st-kaiwa-sora]

 

【外観】の【カスタマイズ】をクリック。

 

【オプション（その他）】→【ステップ/ポイント】をクリック。

 

ここで色を設定します。

ステップとポイントは同じ色で使用する事になります。

 

【ステップ数・ポイントの背景色】が円の色になります。

このように赤にすると・・・

 

このようになります。

 

【ステップ数・ポイントの色】が『POINT』の文字の色になります。

【ステップ数・ポイントの色】を赤にすると・・・

 

このようになります。

 

試しに【テキスト色】を赤にしてみましたが・・・

 

このようにテキストの色が変わるのはステップだけで、ポイントの方はテキストの色を変える事は出来ません。

 

 

わたしはこのサイトに合わせて上記のように色を変更しました。

 

 shortcode
[st-point fontsize="" fontweight="bold" bordercolor=""]美味しく焼くコツ[/st-point]

美味しく焼くコツ

タグはデフォルトのままでも色が変わります。

 

 

文字の大きさを変更

『fontsize=""』で文字の大きさを指定出来ます。

 

美味しく焼くコツ

『fontsize="70"』

 

美味しく焼くコツ

『fontsize="100"』

 

 

美味しく焼くコツ

『fontsize="200"』

 

 

美味しく焼くコツ

 

『fontsize="400"』

このように変わります。

 

 

アンダーラインを表示

『bordercolor=""』で色を指定するとアンダーラインが表示されます。

 

 shortcode
[st-point fontsize="150" fontweight="bold" bordercolor=""]美味しく焼くコツ[/st-point]

 

美味しく焼くコツ

これが・・・

 

 

 shortcode
[st-point fontsize="150" fontweight="bold" bordercolor=""]美味しく焼くコツ[/st-point]

 

美味しく焼くコツ

このようになります。

 

 

 

テキストパーツ一覧へ戻る

スタイル一覧はこちら

 

AFFINGER6 EX　公式ページ

AFFINGER6　公式ページ

エックスサーバー　公式ページ