JIN:Rの「ボタン」のデザイン！クリック率を意識した美しいボタンが生成できる
croover-site
JIN:R DEMO #1
【情報整理】 JIN:Rの「タイムライン」を使おう！ステップ式の学習コンテンツに最適
croover-site
JIN:Rでは、情報整理に役立つ「タイムライン」が作成できるようになっています。
Contents
JIN:R「タイムライン」のデザイン例
通常のデザイン
JIN:Rのタイムラインは、以下のようなデザインが通常です↓
ダウンロード
JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。
インストール
WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。
デザインが反映される
STEP２が終わってサイトを開くと、JIN:Rの初期デザインが反映されて見た目がガラッと変わります。あとは自分好みにデザインをカスタマイズしていきましょう。
リバーフローデザイン
ほかにも、ちょっと変則的な「リバーフローデザイン」も用意しています。
ダウンロード
JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。
インストール
WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。
デザインが反映される
STEP２が終わってサイトを開くと、JIN:Rの初期デザインが反映されて見た目がガラッと変わります。あとは自分好みにデザインをカスタマイズしていきましょう。
組み合わせて使うと…
少し中級者の使い方！「背景」や「デザイン見出し」を組み合わせると、こういったデザインに変更することが可能です↓
HOW TO START
JIN:Rを使うための手順
以下の3ステップで、JIN:Rを使い始めることができます。
ダウンロード
JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。
インストール
WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。
デザインが反映される
STEP２が終わってサイトを開くと、JIN:Rの初期デザインが反映されて見た目がガラッと変わります。あとは自分好みにデザインをカスタマイズしていきましょう。
タイムラインの仕様
ステップ表示を個別変更可能
タイムラインの「STEP1」「STEP2」といった表示は、任意のテキストに置き換えることも可能です。
まずは！
ダウンロード
JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。
次に！
インストール
WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。
すると！
デザインが反映される
STEP２が終わってサイトを開くと、JIN:Rの初期デザインが反映されて見た目がガラッと変わります。あとは自分好みにデザインをカスタマイズしていきましょう。
マークアップは「H3」「div」を選択可能
タイムラインの見出しタイトルのHTMLマークアップは「H3」か「div」を選択できます。
「H3」を使うと、大見出しの小要素として使えるため、SEOを意識したHTML構造にしやすくなります。
ぜひこのアイテムも使いこなしてサイト作成に役立ててください！
ABOUT ME
WordPressテーマ「JIN:R」は、すべてのノウハウを結集して作り上げた最高のデザインツールです。
ブログの初心者でも、直感的にwebデザインを楽しめるテーマとして試行錯誤を重ねて仕上げました。
