次の DEMO を見に行く
Blocks

【情報整理】 JIN:Rの「タイムライン」を使おう!ステップ式の学習コンテンツに最適

croover-site

JIN:Rでは、情報整理に役立つ「タイムライン」が作成できるようになっています。

JIN:R「タイムライン」のデザイン例

通常のデザイン

JIN:Rのタイムラインは、以下のようなデザインが通常です↓

ダウンロード

JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。

インストール

WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。

デザインが反映される

STEP2が終わってサイトを開くと、JIN:Rの初期デザインが反映されて見た目がガラッと変わります。あとは自分好みにデザインをカスタマイズしていきましょう。

リバーフローデザイン

ほかにも、ちょっと変則的な「リバーフローデザイン」も用意しています。

ダウンロード

JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。

インストール

WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。

デザインが反映される

STEP2が終わってサイトを開くと、JIN:Rの初期デザインが反映されて見た目がガラッと変わります。あとは自分好みにデザインをカスタマイズしていきましょう。

組み合わせて使うと…

少し中級者の使い方!「背景」や「デザイン見出し」を組み合わせると、こういったデザインに変更することが可能です↓

HOW TO START
JIN:Rを使うための手順

以下の3ステップで、JIN:Rを使い始めることができます。

ダウンロード

JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。

インストール

WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。

デザインが反映される

STEP2が終わってサイトを開くと、JIN:Rの初期デザインが反映されて見た目がガラッと変わります。あとは自分好みにデザインをカスタマイズしていきましょう。

タイムラインの仕様

ステップ表示を個別変更可能

タイムラインの「STEP1」「STEP2」といった表示は、任意のテキストに置き換えることも可能です。

まずは!
ダウンロード

JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。

次に!
インストール

WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。

すると!
デザインが反映される

STEP2が終わってサイトを開くと、JIN:Rの初期デザインが反映されて見た目がガラッと変わります。あとは自分好みにデザインをカスタマイズしていきましょう。

マークアップは「H3」「div」を選択可能

タイムラインの見出しタイトルのHTMLマークアップは「H3」か「div」を選択できます。

「H3」を使うと、大見出しの小要素として使えるため、SEOを意識したHTML構造にしやすくなります。

ぜひこのアイテムも使いこなしてサイト作成に役立ててください!

ABOUT ME
JIN
WordPressテーマ「JIN:R」は、これまで培ったすべてのノウハウを結集して作り上げた最高のデザインツールです。

ブログの初心者でも、直感的にwebデザインを楽しめるテーマとして3年間の試行錯誤を重ねて仕上げました。
記事URLをコピーしました