ステップブロックの使い方

ステップブロック

STORK SEのカスタムブロック(STORK BLOCKS)の「ステップ」は、タイムライン形式でコンテンツを表示できるブロックです。

ステップブロックの表示例

手順の説明や時系列に沿った表現を用いたコンテンツを作成できます。

STEP

まずは最初に管理画面の【外観 > テーマ】の「新しいテーマを追加」から、STORK SEの親テーマ(jstorkse.zip)をインストールします。

STEP

次に、子テーマ(jstorkse_custom.zip)をインストールして有効化します。(※子テーマの方を有効化

STEP

テーマ設定マニュアルを確認しながら、必要に応じて設定を行います。もちろん細かい設定はすっ飛ばして、先に記事やコンテンツを作り始めるのもOK!やり方は人それぞれ自由です。

ステップブロックの使い方

ステップブロックの使い方について説明します。使い方のイメージとして、下記の動画もご覧ください。

※この動画ではSTORK19の画面を使用しています。
このブロックを追加する方法

このブロックをコンテンツに追加するには、以下の2通りの方法があります。

  1. ブロック挿入ツールで「ステップ」を検索して追加
  2. エディタ(ビジュアル編集)に/stepを入力して追加

ステップブロックの設定

ステップ設定

デザインステップ全体のデザインを選択できます。
ラベル名ラベルの表記(STEP)を変更できます。
最初の数字ラベルの最初の数字を指定できます。(整数のみ可)

色の設定

ステップラベル文字色ラベルの文字色を指定できます。
ステップラベル背景色ラベルの背景色(枠の色)を変更できます。

デザインのバリエーション

ラベル名も変更できます

ステップのデザイン:デフォルト

ラベル名も変更できます

ステップのデザイン:デフォルト

ラベル名も変更できます

ステップのデザイン:デフォルト

ラベル名も変更できます

ステップのデザイン:デフォルト

STEP

ステップのデザイン:デザイン1

STEP

ステップのデザイン:デザイン1

STEP

ステップのデザイン:デザイン1

STEP

ステップのデザイン:デザイン1

STEP

ステップのデザイン:デザイン1

STEP

ステップのデザイン:デザイン1

STEP

ステップのデザイン:デザイン2

STEP

ステップのデザイン:デザイン2

STEP

ステップのデザイン:デザイン2

STEP

ステップのデザイン:デザイン2

STEP

ステップのデザイン:デザイン2

STEP

ステップのデザイン:デザイン2

▼投稿下部のウィジェットエリア

▼投稿下部のウィジェットエリア

さらに洗練された
究極のモバイルファーストテーマ

WordPressテーマSTORK SEストークSE

これまでに5万回以上ダウンロードされたWPテーマのシリーズ最新版「STORK SE」です。さらに洗練されたデザイと機能で「誰が使っても美しいデザイン」のサイトを作成できます。