ボックスの使い方

ボックスの使い方
今回は、ボックスの作り方を解説します。

HTMLやCSSの知識がなくてもエディターで簡単に作成できます。

ボックスの作り方

手順1:ボックスを開く

投稿を編集 の画面で、エディターに入っているテキスト装飾・パーツ ボックスのアイコンをクリックします。

手順2:ボックスを選ぶ

ボックスを作成する際には、以下の3つのパターンからそれぞれのデザインを選ぶ形です。

  1. キーカラー1
  2. キーカラー2
  3. その他

選択できるデザインは投稿記事の下に表示されているサンプルで確認することも可能です。

ボックス:キーカラー1・キーカラー2

キーカラー1とキーカラー2のボックスは、以下の9通りのデザインから選ぶことができます。

ボーダー囲み
背景 + ボーダー
タイトル
ボックス内にタイトル
タイトル
タイトル横幅100%
ボーダー囲み&点線
付箋風
ストライプ
ステッチ風
タイトル(最大12文字)
リボン

ボックス:その他

キーカラー以外のボックスは、以下の11通りのデザインから選ぶことができます。

グレー背景
グレー背景 + ボーダー
方眼紙風
方眼紙風2
チェックマークアイコン
!マークアイコン
ペンマークアイコン
フレーム(ゴールド)

ここにテキストが入ります

フレーム(黒)

ここにテキストが入ります

クリックで開く
クリックで表示されるテキスト

エディターでカスタムボックスを作成

この記事で紹介した以外のボックスをエディターで作成する方法は、こちらの記事で詳しく説明しています。

WordPress テーマ

ダウンロードする→

FacebookTwitter

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

リストの使い方
エディターの使い方 2021.03.20

リストの使い方

レイアウトの使い方
エディターの使い方 2021.03.07

レイアウトの使い方

マーカーの使い方
エディターの使い方 2021.03.20

マーカーの使い方

ボタンの使い方
エディターの使い方 2021.03.11

ボタンの使い方

吹き出しの使い方
エディターの使い方 2021.03.20

吹き出しの使い方

ランキングの使い方
エディターの使い方 2021.03.20

ランキングの使い方