手順説明に便利!SWELLのステップブロック

SWELLで使用できる「ステップブロック」について説明します。

「ステップブロック」とは下のようなブロックです!

STEP
比較する

CocoonとSWELLの違いを比較します。

STEP
機能を知る

SWELLでできることを詳しく知ることができます

記事内で手順を説明するときに役立つブロックですね◎

ブロックエディター前提での説明をしていきます。

目次

Cocoonとの比較

Cocoonとの比較です。

Cocoonでは似たような機能に「タイムライン」と呼ばれるブロックがあります。

SWELL
Cocoon
  • 機能有無:有
  • 時短比較:差異なし
  • 機能有無:有 「タイムライン」
  • 時短比較:差異なし

ステップブロックのだしかた

ブロックを追加

「ブロックを追加」をクリックしてください。

ステップブロックの選択

SWELLブロック内の「ステップ」を選択すれば完了です!

ブロックの確認

ステップブロックを選択すると、下のようなブロックが挿入されます。

もしくは「/step」か「/ステップ」と入力すれば、簡単に呼び出せることができ、時短になり便利です◎

ステップブロックの全体デザイン

スタイル

スタイルは3種類から選択が可能です。

親ブロックを選択した状態でないと変更できませんので、ご注意ください!

STEP文字の変更

親ブロックを選択するとサイドバーで「STEP」の文字を変更することが可能です。

始まりの番号を変更

親ブロックを選択するとサイドバーで始まりの番号を変更することが可能です。

例えば、デフォルト設定では「STEP 1」から始まりますが、始まりの番号を変更することで好きな番号を設定できます!

ステップ番号の形 (デフォルト、スモール)

スタイルが「デフォルト」もしくは「スモール」の場合、親ブロックを選択するとサイドバーでステップ番号の形を変更することが可能です。

円形と四角形の2種類から選択できます!

ステップ番号並び (ビッグのみ)

スタイルが「ビッグ」の場合、親ブロックを選択するとサイドバーでステップ番号並びを変更することが可能です。

各ステップ項目のデザイン

各ステップ項目に対してもデザインの変更が可能です。

テキスト非表示設定

「テキストを非表示にする」にチェックを入れると、ステップブロックのテキスト部分が非表示になります。

「STEP」部分と番号部分でそれぞれ設定が可能です◎

親ブロックを選択した状態からでも設定が可能です!

ステップ項目の設定 (スモールのみ)

スタイルが「スモール」の場合、サイドバーでシェイプを塗り潰すかの設定を変更することが可能です。

さいごに

当ブログでは5 STEPでCocoonからSWELL移行検討の悩みを解決できるブログとなっています。

必要に応じて記事をご確認下さい◎

STEP0 コンセプト
当ブログのコンセプトを確認できます。

STEP1 比較する
CocoonとSWELLを比較していきます。
この記事を読むことでテーマ間の大きな違いを理解できるようになります。

STEP2 機能を知る
SWELLでできることを具体的に説明します。
Cocoonにも有る機能かも解説していきます。

STEP3 評判を知る
SWELLの評判についてまとめています。
評判を知ることで、テーマ移行するか否かの参考にしてみてください。

STEP4 移行する
SWELLへのテーマ移行手順を説明しています!
この手順を完了すれば、いよいよSWELLでのブログ生活がスタートします。

STEP5 整える
SWELLへ移行後にやっておきたい諸設定をまとめています!

最後まで読んでいただきありがとうございました◎

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ご訪問ありがとうございます!
サイト運営者のとしーです。
普段は化学メーカー勤務のサラリーマンをしている28歳男性です!
社会人5年目になりました。
当サイトではワードプレステーマ「Cocoon」から「SWELL」へ移行すべきか否かの悩みを解決する情報を中心に発信しています。

コメント

コメントする

目次
閉じる