『click me!』やりたいことが何でも出来るWordpressテーマ-SWELL-『click me!』

SWELLの『ボックス装飾』は28種類以上が使い放題!使う時も一瞬で切り替え可能です!

URLをコピーする
URLをコピーしました!

お知らせ

当ブログはAmazon.co.jpその他のプロモーションを宣伝し、リンクすることによって紹介料を獲得できる手段を提供することを目的に設定された、アフィリエイトプログラムを含みます

皆様が購入する商品の価格はなんら変動するものではございませんが、

応援として、本や電子機器などの欲しいものを買う時に当ブログのリンクを経由して購入頂けると非常に励みになります

リンクを経由さえすれば商品内容は問いませんので、気が向いた時には是非よろしくお願い致します。

この記事を読むのにかかる時間: 4
シエル

SWELLでボックスを使って、その中に文字を入れたいんだけど!

こんな悩みに応えます。

こんにちは、おもデジ!ライブラリのたこなまです。

今回の記事では、SWELLのエディターで使用できるボックス装飾機能について解説します。

ブロックエディターで使ってもらうのがベストなんですが、しっかりクラシックエディターでの使い方も紹介するので、是非見ていってくださいね。

>>ブロックエディターが使いにくいのはもう昔のこと!【魅力を紹介!】

目次

SWELLの装飾ボックスの使い方【結論】

まずは結論として、SWELLの装飾ボックスの使い方を紹介していきます。

では早速、ブロックエディターとクラシックエディター、両方での使い方を見ていきましょう!

ブロックエディターでの使い方

エディター右側のサイドバーにある「スタイル」タブから、使用したいスタイルをクリックするだけです。

段落ブロック」と「グループブロック」で使用可能です。

クラシックエディターでの使い方

ツールバーの二段目、一番左にある「スタイル」というセレクトメニューから、挿入したい装飾ボックスの名前を選択して下さい。

「セレクト」メニューをクリック
装飾ボックスを選択

装飾ボックスは「シンプルボックス」・「効果付きボックス」・「アイコン付きボックス(小)」・「アイコン付きボックス(大)」の4種類に分かれています。

それぞれ好きなボックスを選んで使ってみてください!

シンプルな装飾

1.通常線

2.二重線

3.点線

7.薄いグレーの太線

アクセントの効いた装飾

1.ストライプ

2.方眼

3.角に折り目

4.注釈エリア

5.かぎかっこ

6.かぎかっこ(大)

7.窪み効果

8.浮き出し効果

9.左に縦線

10.付箋風

11.吹き出し風①

12.吹き出し風②

アイコン付きボックス(小)

1.グッドアイコン

2.バッドアイコン

3.インフォアイコン

4.アナウンスアイコン

5.えんぴつアイコン

6.書籍アイコン

アイコン付きボックス(大)

1.ポイントアイコン

2.チェックアイコン

3.バツ印アイコン

4.はてなアイコン

5.アラートアイコン

6.メモアイコン

ちなみに、各種ボックスの見た目は、カスタマイザーから以下のように変更もできます!

下記のようなカラーパレット & ボーダー設定はダッシュボードの「SWELL設定」→「エディター設定」からカスタマイズ可能です。

その他、ボックス装飾で出来ること

ここまで、ボックス装飾の使い方や実例を示してきましたが、実はまだまだ奥深い機能があります。

最後にボックス装飾で出来るその他のことを紹介して、終わりにしたいと思います。

段落ブロックとグループブロックの両方で使用できる

この装飾ボックス、段落ブロックとグループブロックの両方で、同じような装飾が行えます!

なので、1つの段落だけじゃなくて、複数の段落をまとめて1つのボックスに入れることもできますよ。

1つの段落だけじゃなくて~

2つ以上の段落をまとめてボックスに入れることも出来ちゃうよ!

こんな感じにね!

背景色を組み合わせることで、更にバリエーションを増やせる

また、背景色を設定することで、ボックスデザインのバリエーションを増やすことができます。

実は、先ほど紹介したボックスのうち、背景が白色のボックスはほとんどが背景色を設定可能です。

例えばこんな感じ

背景色も細かく決めることが出来るよ

一瞬でボックスを使えるSWELLの便利さ

というわけで、今回はWordPressテーマSWELLで使うことが出来る『ボックス装飾』機能を紹介してきました。

デザインやバリエーションの幅も非常に広いこの機能ですが、私が何よりも気に入っているのはその簡単さ。

なんといっても、ブロックエディターで使えば文字を入力するだけで使用できるなんて、すごすぎます。

普通のWordPressテーマならわざわざ『ボックスレイアウト』を挿入して…みたいに、ただの段落とボックスは簡単には切り替えられません。

ただの段落とボックスを簡単に切り替えられないめんどくささは、WordPressで記事を書いている皆さんなら良く分かるのではないでしょうか?

SWELLのボックス装飾は、そういっためんどくささを微塵も感じさせない素晴らしい機能です。

ボックスを使うのが楽しくなって、そのお陰か前よりも記事の見やすさも上がったように感じます。

本当に簡単に使えてびっくりすると思うので、皆さんも是非SWELLを購入してボックス装飾を使ってみてくださいね。

– シンプルなのに、高機能 –

  17,600円 (税込)

当サイトで使用中のワードプレステーマ『SWELL

過去のテーマを研究し尽くして作られたテーマで、非常に多機能。

シンプルなデザインでどんなサイトにも合わせられます。

貴方の願いを叶える

では今回はここまで。

今後も当ブログでは、20代のための人生再スタートに役立つ情報を発信していきます!

収益化のための情報やスキルや、趣味として楽しむためのネタまで、幅広く発信していくので、良ければ当ブログのトップページから見てみてね!

>>記事を探しやすいトップページで記事を見てみて!

ばいっ

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
目次
閉じる