【リスト❺】AFFINGER6 タグ機能のショートコード一覧【レイアウト編】

2021-10-05

WordPressテーマ『AFFINGER6』のショートコード一覧リスト、今回は【レイアウト編】です。

【Aテキストパーツ編】はこちら
【ボックスデザイン編】
【カスタムボタン編】
【会話ふきだし&ランキング編】

全サイズ

左右 30:70%

このテキストは最後に消して下さい(30%)

このテキストは最後に消して下さい(70%)

左右 50%

このテキストは最後に消して下さい(50%)

このテキストは最後に消して下さい(50%)

左右 free %

このテキストは最後に消して下さい(%)

このテキストは最後に消して下さい(%)

均等 横並び

  • 横並びコンテンツ
  • 横並びコンテンツ
  • 横並びコンテンツ

PCとTab(959px以上)

PCとタブレットでは横並び表示され、
スマホ表示では横並びが解消される

3分割

このテキストは最後に消して下さい(33%)

このテキストは最後に消して下さい(33%)

このテキストは最後に消して下さい(33%)

左右 30:70%

このテキストは最後に消して下さい(30%)

このテキストは最後に消して下さい(70%)

左右 70:30%

このテキストは最後に消して下さい(70%)

このテキストは最後に消して下さい(30%)※スマホ(599px以下)ではこちらが上になります

左右 40:60%

このテキストは最後に消して下さい(40%)

このテキストは最後に消して下さい(60%)

左右 60:40%

このテキストは最後に消して下さい(60%)

このテキストは最後に消して下さい(40%)※スマホ(599px以下)ではこちらが上になります

左右 50%

このテキストは最後に消して下さい(50%)

このテキストは最後に消して下さい(50%)

DIV

メイン

メイン

サブ

サブ

背景ワイド

背景ワイド

タブ(切替ボタン)

タブをクリックすると表示が切り替わる

2つ




タブ1のコンテンツ

タブ2のコンテンツ


3つ





タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ


4つ






タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ

タブ4のコンテンツ


タブ

タブをクリックすると表示が切り替わる

2つ




タブ1のコンテンツ

タブ2のコンテンツ


3つ





タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ


タイムライン

基本


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


センター


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


基本(ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


センター(ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


ブログカード

タイムライン(カウント)

基本


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


センター


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


ブログカード

table

table(シンプル)





テキスト

table(属性)






テキストテキスト

ワイドデザイン for EX

AFFINGER6EX版について|STINGER STORE
👆ページの『1カラム(及びLP)のワイドデザイン設定追加(β)』をご覧ください

申し訳ありませんが、どんな内容なのか?設定を省きます。サンプルサイト |STINGER STORE をご覧ください。

ワイド(1カラム・LP用)

ワイド(1カラム・LP用)

ワイドカラー(1カラム・LP用)

ワイドカラー(1カラム・LP用)

ワイドアイキャッチ(左右影あり)

ワイドアイキャッチ(左右影あり)

…ということで、
【レイアウト編】はここまでです。
使いやすそうな部分をひととおり網羅する予定です😃

こちらの記事もどうぞ