「使い方や時系列をわかりやすく説明したい」そんなときに役立つのがステップ(タイムライン)形式のコンテンツです。SWELLにはオリジナルのステップブロックが搭載されているので、きれいなステップコンテンツを誰でも簡単に作成することができます。ステップブロックこんな感じで流れを示すコンテンツです。「ブロックを追加」から「ステップブロック」を選択します。最初は2ステップ分のブロックが設置されます。ステップごとにタイトルと説明エリアが設けてあります。説明エリアの方はテキストに限らず、画像やブロックを追加することができます。見出し他のブロックや装飾も追加できるステップの追加ステップの数を増やしたい場合はステップブロックを選択したときに表示される「+」マークをクリックしてください。ステップブロックの詳細設定ステップブロックを選択した状態にすると右サイドメニューにステップブロックの詳細設定項目が表示されます。設定項目はステップブロック全体の設定と各ステップの設定で分かれており、ステップブロック全体を選択した場合と各ステップを選択した場合で、表示項目が切り替わるようになっています。各ステップを選択スタイルの設定ステップブロック全体でのみ設定可能です。右サイドメニューの設定パネルに表示されるプレビューを選択すると、ステップブロックのデザインを変更することができます。スモール説明文1STEP見出し2説明文2ステップの表示設定ステップの表示名やデザインを変更することができます。設定項目はステップ全体と各ステップで分かれています。「STEP」部分のテキスト番号部分のテキストテキストを非表示にするステップ番号のカラー設定ステップ全体の設定項目ステップ全体の設定はすべてのステップに適用されます。デフォルトで「STEP」と「1」から始まる「番号」を変更できるほか、ステップ番号の形を変えることができます。ステップ番号の形(並び)はステップ全体でのみ変更可能な設定項目です。デフォルトとスモールではステップの形を円形と四角形で選択することができます。ビッグは番号の配置を選択することができます。各ステップで表示設定を行うと、全体よりも各ステップの設定が優先されます。「番号」は全体での設定と違って、数値だけでなく、テキスト形式でも設定できます。「STEP」「番号」の非表示設定のほか、ステップ番号のカラーを個別にカスタマイズできます。「テキストを非表示にする」にチェックを入れると、ステップのテキストを非表示にできます。TIPSちなみに全体のステップ設定で「STEP」の文字を変更すると、各ステップの「●●」部分のテキストの「●●」部分が同期して変わるようになっています。THORにはSWELLのようなステップ形式のボックス装飾は用意されていません。THORでステップボックスを作りたい場合は、function.phpとCSSのカスタマイズが必要です。THORでステップボックスを作るための手順記事はネットで公開されていますので、よかったらググってみてください。THORにもステップボックス機能を実装できそうです。ステップブロックでSWELLはコスパの高さを実感!ステップフロー(タイムライン)で見せるコンテンツはブログを書く際にニーズの高い機能だと思いますが、人気のワードプレステーマでも搭載していない機能のようです。そんな中でもSWELLはステップブロックをデフォルトで搭載しているのはポイント高いです。機能があるのではなく、使いやすさを追求してSWELL独自のカスタマイズが施されています。phpファイルやCSSの編集などプログラミングが不要なので、不用意な操作でテーマを壊してしまう心配もありません。すごく機能が豊富で立派なワードプレステーマだけど、全然使いこなせてないってことありませんか?SWELLの機能はどれも使いやすいものばかり。公式サイトのマニュアルも分かりやすいので、ワードプレステーマがはじめての人にもおすすめです。SWELLもっと気軽に、楽しく記事を書こう。購入前に読んで欲しいSWELLの素敵な公式マニュアル【10選】2021年11月28日satou金融系Web広告担当ブログ未経験でいきなりワードプレスからはじめました!金融業界で働く一介のWeb広告担当者です。わかりやすい肩書はWebマーケターだけど、マーケティングって言えるほど大層な仕事でもない。ブログでは、Webマーケティングのことや生活を豊かにする情報をシェアしていきます。最近はワードプレステーマ『SWELL』にどっぷりハマってます。『SWELL』についてばかり書くことになりそう。