WordPressテーマ『AFFINGER6』のショートコード一覧リスト、今回は【ボックスデザイン編】です。
もくじ
バナー風ボックス
タイトル
基本
タイトル
背景なし（高さ400ox）
タイトル
左寄せ
【？ガイド（自作カスタマイズ用）】
[st-flexbox url="リンク先URL" rel="nofollow" target="リンクを新しく開く（target）" webicon="Webアイコン" title="タイトル" width="幅（%）" height="高さ（px）" color="文字色" fontsize="文字サイズ（%）" radius="角丸（px）" shadow="タイトルの影色" bordercolor="枠線カラー" borderwidth="枠線の太さ（px）" bgcolor="背景色" backgroud_image="背景画像のURL" blur="背景画像のぼかし" left="左寄せ（on）" margin_bottom="下の余白（px）" myclass="任意のクラス名"]
？ガイド（自作カスタマイズ用）
[/st-flexbox]マイボックス
ポイント
基本
しかく（枠のみ）
まるみ
参考
参考
関連
関連
ポイント
ポイント
注意ポイント
注意ポイント
はてな
はてな
ふきだしテキスト
＋ミニふきだし
ShortCode
見出し
？ガイド（自作カスタマイズ用）
WEBアイコンを好きに指定できる
[st-mybox title="見出し" webicon="Webアイコン" color="見出し色" bordercolor="枠線カラー" bgcolor="背景色" borderwidth="枠線の太さ（px）" borderradius="角丸（px）" titleweight="見出しの太さ（bold）" fontsize="見出しのフォントサイズ" myclass="オリジナルクラス" margin="マージン"]
？ガイド（自作カスタマイズ用）
[/st-mybox]マイボックス （＋CSSクラス）
メモ
メモ
メモ
メモ（下線のみ）
メモ
メモ（枠のみ）
メモ
メモ（枠・下線のみ）
ここに注意
注意（下線のみ）
必要なモノ
- 必要なモノ
- ダミーテキスト
- ダミーテキスト
必要なモノ
- 必要なモノ（ドット下線）
- ダミーテキスト
- ダミーテキスト
チェックリスト
- チェックリスト
- ダミーテキスト
- ダミーテキスト
チェックリスト
- チェックリスト（ドット下線）
- ダミーテキスト
- ダミーテキスト
簡単な流れ
- 簡単な流れ
- ダミーテキスト
- ダミーテキスト
簡単な流れ
- 簡単な流れ（ドット下線）
- ダミーテキスト
- ダミーテキスト
見出し付きフリーボックス
見出し（全角15文字）
基本
注意
注意
はてな
はてな
ポイント
ポイント
メモ
メモ
見出し（全角15文字）
基本（タイトル幅100％）
メモボックス
メモ
メモボックス
スライドボックス
チェックボックス（番号なしリスト）
チェックボックス（番号なしリスト）
テストテスト
テストテスト
こんな方におすすめ（V）
こんな方におすすめ
- これはダミーのテキストです
- これはダミーのテキストです
こんな方におすすめ【V】
こんな方におすすめ
- これはダミーのテキストです
- これはダミーのテキストです
ガイドマップメニュー
pre
html
pre
pre：terminal
command
pre：terminal
pre： shortcode
shortcode
pre： shortcode
…ということで、
【ボックスデザイン編】はここまでです。
使いやすそうな部分をひととおり網羅する予定です😃
