比較表のブロックを追加しました!

JIN:Rでの「タイムライン」の作り方!ステップ方式で情報を整理していこう

wp-jintest
<景品表示法に基づく表記> 当サイトの記事内に商品プロモーションを含む場合があります。

このページではWordPressテーマ「JIN:R」での「タイムライン」の作り方を解説します。

タイムラインのサンプルはこちら↓

卵3個を割ってボールへ
卵の個数はお好みで調整してもらえばいいですが、3個くらいでいいでしょう。
調味料と合わせてかき混ぜる
家庭の宗派によって調味料の配分は変わります。私の家庭では砂糖をしっかり目にいれておきます。

といった感じで、情報整理が捗るアイテムになっています。

学習型のコンテンツには相性がピッタリだね!

このマニュアルでもタイムラインは重宝しているよ。

ひつじくん
ひつじくん

たしかに手順がパッと見でわかりやすくていいな!

おおかみくん
おおかみくん

その使い方をこの記事では解説させていただきますね。

JIN:Rでのタイムラインの作り方

タイムラインを呼び出す

タイムラインを作る方法は「基本」と「おすすめ方法」の2パターンあります!

どう違うんだ??

おおかみくん
おおかみくん

おすすめ方法を覚えてもらった方が、圧倒的に時短になるよ!

ひつじくん
ひつじくん
Q
[基本] タイムラインの作り方

画面右上の「+」ボタンを押して、「タイムライン」をクリック。

すると、ボックスを呼び出すことができます!

Q
[おすすめ方法] タイムラインの作り方

/タイムライン 

「/」(半角スラッシュ)を押してから「タイムライン」と入力してください。すると、タイムラインを呼び出すことができます!

あとはステップを埋めていくだけ

タイムラインを呼び出せたら、あとはステップの中身を埋めていくだけです。

デフォルトでは3ステップが作られているよ!

このステップ数を増やしたい時は、次のやり方を参考にしてね。

ひつじくん
ひつじくん

ステップを増やしたい時は?

ステップ数を増減させたい時は「親ブロックを選択」のタブを触って「+」のボタンが出てくるので、ここをクリックしましょう!

すると4ステップ目を作ることができます。

デザイン変更したい時は?

タイムラインの「親ブロック」を選択すると、右サイドバーでデザイン変更できるようになっています。

タイムラインのタイトルを小見出し(H3)にするには?

タイムラインのタイトルを「H3(小見出し)」にすることも可能です。

H3に指定しておくと、目次に表示されるからジャンプしやすくなるよ。

僕もこの方法はよく使っているよ!

ひつじくん
ひつじくん

他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。
BLOGCAMP

限定コミュニティへのご案内

  • 参加費は永年無料
  • ブログ仲間が作れる
  • 困ったら相談OK
  • ブログ診断のイベントあり
参加者は3,000人超え!

すでに参加してくれている方は、「BlogCamp wiki」でブログ診断(アーカイブ)の限定動画を閲覧可能です。

wiki内にブログ勉強用の動画がたくさんあります!ぜひ役立ててくださいね。

ひつじくん
ひつじくん
記事URLをコピーしました