polo-web.com/WP
Lazy Blocks – 囲み枠を作る

Lazy Blocks – 囲み枠を作る

Lazy Blocks

作成したブロックを入れたところ：実線、点線、二重線とテキストが入る。

これがベースになっている。

<div style=”padding: 10px;
margin-bottom: 10px;
border: 1px dashed #333333;
border-radius: 5px;
background-color: #009999;
color: #ffffff;”>
    ここに文字を入力する。
</div>

左側：15項目を作成：
右側：SLUG：lazyblock/border-frame：タイトル名が自動で入る？。気に食わないなら自分で作成。
ICON：作成したブロックに近いイメージのアイコンを選択。ここでは未選択。
CATEGORY：Lazy Blocks
KEYWORDS：なし
DESCRIPTION：なし

目次

囲み枠のタイプ

  • LABEL：囲み枠のタイプ
  • NAME：polo_frame_type
  • TYPE：選択
  • CHOICES：実線-solid、点線-dashed、二重線-double
  • ALLOW NULL：No
  • MULTIPLE：No
  • OUTPUT FORMAT：Both(Array)
  • DEFAULT VALUE：solid（上の実線のvalue=solid）、最初にこれが表示される。
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：100%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • SAVE IN META：No

Text

  • LABEL：Text
  • NAME：polo_text
  • TYPE：テキスト
  • PLACEHOLDER：ここに文字を入力
  • CHARACTERS LIMIT：なし
  • DEFAULT VALUE：なし
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：100%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • WPML TRANSLATION：
  • SAVE IN META：No

Padding Top、Padding Bottom、Padding Left、Padding Right

  • LABEL：Padding Top、Padding Bottom、Padding Left、Padding Right
  • NAME：polo_padding_top、polo_padding_bottom、polo_padding_left、polo_padding_right
  • TYPE：範囲
  • MINIMUM VALUE：0
  • MAXIMUM VALUE：20
  • STEP SIZE：1
  • PLACEHOLDER：なし
  • DEFAULT VALUE：10
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：25%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • SAVE IN META：No

Margin Top、Margin Bottom、Margin Left、Margin Right

  • LABEL：Margin_Top、Margin_Bottom、Margin_Left、Margin_Right
  • NAME：polo_margin_top、polo_margin_bottom、polo_margin_left、polo_margin_right
  • TYPE：範囲
  • MINIMUM VALUE：0
  • MAXIMUM VALUE：20
  • STEP SIZE：1
  • DEFAULT VALUE：0
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：25%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • SAVE IN META：No

線の太さ

  • LABEL：線の太さ
  • NAME：polo_line_weight
  • TYPE：数値
  • MINIMUM VALUE：1
  • MAXIMUM VALUE：5
  • STEP SIZE：1
  • PLACEHOLDER：No
  • DEFAULT VALUE：3
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：25%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • SAVE IN META：No

線の色

  • LABEL：線の色
  • NAME：polo_line_color
  • TYPE：カラーピッカー
  • ALONGSIDE TEXT：なし
  • ALPHA CHANNEL：No
  • COLOR PALETTE：Yes
  • OUTPUT FORMAT：Color
  • DEFAULT VALUE： #66cdaa
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：25%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • SAVE IN META：No

テキストの色

  • LABEL：テキストの色
  • NAME：polo_text_color
  • TYPE：カラーピッカー
  • ALONGSIDE TEXT：なし
  • ALPHA CHANNEL：No
  • COLOR PALETTE：Yes
  • OUTPUT FORMAT：Color
  • DEFAULT VALUE： black
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：25%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • SAVE IN META：No

背景の色

  • LABEL：背景の色
  • NAME：polo_background_color
  • TYPE：カラーピッカー
  • ALONGSIDE TEXT：なし
  • ALPHA CHANNEL：No
  • COLOR PALETTE：Yes
  • OUTPUT FORMAT：Color
  • DEFAULT VALUE： white
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：25%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • SAVE IN META：No

角の丸み

  • LABEL：角の丸み
  • NAME：polo_corner_radius
  • TYPE：数値
  • MINIMUM VALUE：0
  • MAXIMUM VALUE：20
  • STEP SIZE：2
  • PLACEHOLDER：No
  • DEFAULT VALUE：0
  • HELP TEXT：なし
  • PLACEMENT：Content
  • WDTH：25%
  • REQUIRED：No
  • HIDE IF BLOCK IS NOT SELECTED：No
  • SAVE IN META：No

Code

OUTPUT METHOD：HTML+Handlebars
Single output code for Frontend and Editor：オン
CODE OUTPUT IN EDITOR：Display Always
Preview：現在の設定がプレビューされている。

<div style="padding:{{polo_padding_top}}px {{polo_padding_right}}px {{polo_padding_bottom}}px {{polo_padding_left}}px; 
            margin: {{polo_margin_top}}px {{polo_margin_right}}px {{polo_margin_bottom}}px {{polo_margin_left}}px; 
            border:{{polo_line_weight}}px {{polo_frame_type.value}} {{polo_line_color}};
            border-radius:{{polo_corner_radius}}px;
            background-color: {{polo_background_color}};
            color:{{polo_text_color}};">

  {{polo_text}}

</div>