JINの使い方

【WordPressテーマJIN】サイトデザインのスタイルを選ぼう

この記事では、ワードプレスのテーマ「JIN」を使ってサイトデザインを変更する方法についてわかりやすくお伝えしていきます。

子育てママ
子育てママ
ようやくサイトのデザインをいじっていけるんですね!どんなサイトにしようかウキウキしちゃいます!
マザー
マザー
お待たせしたわ!サイトの顔であるデザインを決めていきましょう!

それではさっそくはじめていきますね。

スポンサーリンク



 

STEP1. 使いたいデザインスタイルを選ぼう

 

まずは「JINのデモサイト一覧」を開いて、自分のサイトで使いたいデザインスタイルを選びましょう。

子育てママ
子育てママ
うわぁ!素敵なものばかりですね!どれにしようか迷っちゃいます!
マザー
マザー
自分の好きなスタイルを選んでね!今回は「デモサイト5」をダウンロードしてみるわよ!

STEP2. スタイルをダウンロードしよう

 

使いたいデザインスタイルが決まったら「スタイルをダウンロード」をクリックします。

 

 

このような画面がでてきたら「Download」をクリックしてください。

そうすると「jin-demo〇〇.dat」といったファイルがダウンロードされます。

STEP3. ワードプレスにプラグインを入れよう

 

次はワードプレスに、選んだデザインスタイルをインポートするためのプラグインを入れていきましょう。

ワードプレスを開き[ダッシュボード]ー[プラグイン]ー[新規追加]をクリックします。

 

 

検索窓に「Customizer Export/Import」と入力します。

 

 

「Customizer Export/Import」が見つかったら「今すぐインストール」ボタンをクリックします。

インストールできたら有効化しておいてください。

STEP4. ワールドプレスにデザインスタイルをインポートしよう

 

ワードプレスの管理画面から[ダッシュボード]ー[外観]ー[カスタマイズ]をクリックします。

 

 

そうするとこちらの画面がでてきますので「エクスポート/インポート」をクリックします。

 

 

そして「ファイルを選択」ボタンをクリックし、先程ダウンロードした「jin-demo〇〇.dat」ファイルを選択します。

 

 

選択できたら「画像ファイルをダウンロードしてインポートしますか?」にチェックを入れ「インポート」ボタンをクリックします。

 

 

画面が自分の選んだデザインスタイルに切り替われば完了です!

インポートができずこのようなエラーメッセージが出てきた方は、次の「参考までに」をご覧ください。

Fatal error:Maximum execution time of 30seconds exceed in〜(URL)

 

子育てママ
子育てママ
なんだかデザインが崩れているみたいですが…
マザー
マザー
デザインが崩れているところもあるけど、今から整えていくから大丈夫よ!

最初はどこをどういじったらいいのか分からないと思いますので、サイトデザインの整え方については別記事にて解説していきます。

参考までに

参考までに、STEP4.でインポートができずエラーメッセージが出てきた場合の対処法についてお伝えしておきます。

PHPでは無限ループなどの対策のため、PHP処理のタイムアウト(30秒)が設定されています。それに引っかかってしまうとデザインスタイルをインポートできないことがありますので、その設定を変更していきましょう。

 

 

まずはエックスサーバーを開いて、サーバーパネルにログインしてください。

サーバーパネルにログインできたら「php.ini設定」をクリックします。

 

 

自分がデザインスタイルをインポートしたいサイトを見つけたら「選択する」ボタンをクリックします。

 

 

そうするとこちらの画面が開きますので「php.ini設定変更」タブをクリックします。

 

 

その他の設定にある「max_execution_time」の項目の数値を「60」に変更してください。

変更できたら「確認画面へ進む」ボタンをクリックします。

これでタイムアウトの設定を変更することができました。デザインスタイルをインポートすることができるはずですので、STEP4.に戻ってもう一度インポートを試してみてください。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です