ブログ全体のデザインを用意されたデザインの中から選択する

JINでは複数のデザインが用意されており、利用されるブログにあったデザインを選択することができます。ここではJINでデザインを変更する手順について解説します。(なお2018年7月の時点では、下記の手順でデザインを変更した場合に元に戻すにはJINをいったん削除する必要があるようですのでご注意下さい)。

(Last modified: )

プラグイン「Customizer Export/Import」をインストールする

JINでデザインを変更するには最初にプラグイン「Customizer Export/Import」をインストールする必要があります。WordPressへログインして下さい。

p4-1

画面左側の「プラグイン」メニューの中にある「新規追加」メニューをクリックして下さい。

p4-2

「プラグインを追加」画面が表示されます。

p4-3

画面右上の検索ボックスで「Customizer Export/Import」を検索して下さい。

p4-4

「Customizer Export/Import」が左上の1番目に表示されると思います。

p4-5

「Customizer Export/Import」の中の「今すぐインストール」をクリックして下さい。

p4-6

インストールが完了すると「有効化」とボタンが表示されますので「有効化」をクリックして下さい。

p4-7

「Customizer Export/Import」のインストールおよび有効化が完了しました。

p4-8

デザインを選択する

続いてデザインを選択します。JINで利用できるデザインは次のURLで確認することができます。

https://jin-theme.com/demo/

p4-9

2018年7月の時点で8個のデザインが用意されていました。気になったデザインがあれば、「デモ」をクリックすることでサンプルをみることができます。

p4-10

p4-11

気に入ったデザインがありましたらスタイルをダウンロードします。今回は一番最後のデザインをダウンロードすることにしました。デザインに表示されている「スタイルをダウンロード」をクリックして下さい。

p4-12

ダウンロード用のページが表示されます。「Download」と書かれたリンクをクリックして下さい。

p4-13

デザインのスタイルが定義されたファイルがダウンロードされます。任意の場所に保存しておいて下さい。

JINのデザインを変更する

WordPressの管理画面に戻り、画面左側の「外観」メニューの中にある「カスタマイズ」メニューをクリックして下さい。

p4-14

カスタマイズの画面が表示されます。

p4-15

左側メニュー一覧の中にある「エクスポート/インポート」をクリックして下さい。

p4-16

画面左側に次のような表示がされますので、「インポート」のブロックにある「ファイルを選択」をクリックして下さい。ファイル選択ダイアログが表示されますので、ダウンロードしてローカルに保存しておいたデザインのスタイルが定義されたファイルを選択して下さい。

p4-17

ファイルの選択が終わりましたら「インポート」をクリックして下さい。

p4-18

デザインの変更が完了しました。

p4-19

自分のブログを表示してみると、変更したデザインが反映されていることが確認できます。

p4-20

なお新しいデザインを適用した場合、2018年7月の時点では元に戻すにはJINを一度削除してインストールしなおす必要があるようです。

( Written by Tatsuo Ikura )

プロフィール画像

著者 / TATSUO IKURA

これから IT 関連の知識を学ばれる方を対象に、色々な言語でのプログラミング方法や関連する技術、開発環境構築などに関する解説サイトを運営しています。