始め方

有料テーマ「JIN:R」を使ってブログをカスタマイズする方法をわかりやすく解説

もりじゅん

こんにちは、もりじゅんです!

この記事では、JIN:Rのデザインのカスタマイズ方法を初心者にもわかりやすく画像を付けて解説していきます。

この記事で解決できるお悩み

JIN:Rのデザインをどのようにすれば良い?

見栄えの良いデザインにするには?

もりじゅん
もりじゅん

JIN:Rは着せ替え機能が優秀です!

JIN:Rをカスタマイズする際は、親テーマをカスタマイズしてしまってOKです。

テーマファイルは下手にいじるとバグってサイトが開かなくなることがあります。

そうなるとプロにお金を払ってサイトの復旧を頼まないといけません。

このようなトラブルって結構ありがちなので、下手にテーマファイルをカスタマイズして使わないことをおすすめします。

その他のおすすめワードプレステーマはこちらで紹介しています

あわせて読みたい

WordPressおすすめブログテーマ7選。

JIN:Rの着せ替え機能を使おう

JIN:Rの着せ替え機能の使い方を解説していきます。

WordPressにログイン
WordPress左メニューの「外観」→「カスタマイズ」をクリック
「デザインプリセット」をクリック
「そのまま使えるプリセット一覧」が出てくる
「Download」をクリック
デモサイトの見た目を1クリックで再現できる

メニューを作成する

メニューの作成方法を解説していきます。

WordPressにログイン
WordPressのメニューから「外観」→「メニュー」をクリック
「新しいメニューを作成しましょう」をクリック
画像に alt 属性が指定されていません。ファイル名: 2-4-1024x505.jpg
「メニュー名」を入力して「メニュー作成」をクリック
左側の「メニュー項目の追加」の欄から追加したい項目にチェックを入れて「メニューの追加」をクリック
画像に alt 属性が指定されていません。ファイル名: 4-6-1024x664.jpg
メニューの項目

固定ページ

投稿

カスタムリンク

カテゴリー

から自由に追加できます。

メニューは上記の画像のように長押しすることで順番の変更が可能です。

(一番上が左に、一番下が右にくる)

項目を好きな順番に並び替えたら「グローバルナビゲーション」にチェックを入れ「メニューを保存」をクリック
自分のサイトにアクセスして確認してみる

ちなみに

上記の画像のように長押しして右にずらすことで、階層にすることもできます。

サイトにアクセスして確認してみると、上記の画像のように階層のメニューができていると思います。

もりじゅん
もりじゅん

さまざまなカスタマイズを試して、しっくりするメニューを見つけてくださいね

ピックアップコンテンツを作ろう

ここでは、プリセットにもある上記の画像のような「ピックアップコンテンツ」の作り方を解説します。

WordPressにログイン

WordPressの左のメニューから「外観」→「ウィジェット」をクリック
「トップページ上部」の「+」をクリック
「段落」をクリック
画像に alt 属性が指定されていません。ファイル名: 3-1024x418.png
「/リッチメニュー」と入力すると「リッチメニュー」と書かれたボタンが出てくるので、それをクリック
右上の「設定アイコン」をクリック
「カラム数」を選択
メニューの文字や、デザイン、文字の大きさ、文字の色を選択
「メインテキスト」にメニューに表記させたい名前を入力し「URL設定」に飛ばす先のURLを入力
メニューの背景となる画像の設定

今回は、上記の画像の左上の画像を選択しました。

4つのカラムをそれぞれしたら「更新」をクリック
自分のサイトにアクセスして実際に確認

いろいろな機能を利用して、おしゃれなメニューを作ってみましょう。

サイトのタイトルを変える

サイトタイトルの変更方法を解説していきます。

WordPressにログイン

「外観」をクリックして「カスタマイズ」をクリック
「基本設定」をクリック
「サイトのタイトル」を入力して「公開」をクリック

プロフィールの設定をする

プロフィールを設定方法を解説していきます。

WordPressにログイン

「外観」をクリックして「カスタマイズ」をクリック
「プロフィール登録」をクリック
画像に alt 属性が指定されていません。ファイル名: 2-1-2-385x1024.jpg
プロフィールを設定する

①プロフィール画像

②プロフィール名

③肩書

④プロフィール紹介文

以上の設定ができたら「公開」をクリックして完了です。

自分のサイトにアクセスして実際に確認

SNSボタンを設定する

SNSボタンの設定方法を解説していきます。

WordPressにログイン

WordPressメニューから「外観」をクリックし「カスタマイズ」をクリック
「SNS登録/シェア設定」をクリック
リンクさせたい各SNSのURLを入力し「公開」をクリック

・FacebookアカウントのURL

・TwitterアカウントのURL

・InstagramアカウントのURL

・YouTubeアカウントのURL

・LINEアカウントのURL

・お問い合わせページのURL

以上の6つの設定をすることができます。

自分のサイトを表示して、うまくリンクできているか確認

「Twitter」をクリックしてみます。

以上のように、僕のプロフィールに飛ぶことができました。

まとめ:オシャレにカスタマイズして、ブログ、サイト運営を楽しもう!

今回は

以上の6つの項目について解説させていただきました。

「JIN:R」を使えば簡単にデザインをよくすることができます。

この記事をしっかり読んで、ぜひ自分好みにカスタマイズしてみてください。

WordPressブログの始め方記事に戻る方はこちらから飛べます。

あわせて読みたい
【初心者でもできる】WordPressブログの始め方を徹底解説!
【初心者でもできる】WordPressブログの始め方を徹底解説!
ABOUT ME
もりじゅん
もりじゅん
記事URLをコピーしました