ブログ運営

【ワードプレス】有料テーマJIN導入直後の簡単デザイン設定!

ワードプレスを始めて、外観テーマ「JIN」を購入したけど、ここから何をすればいいかわからない。

「JIN」を買えば全部デザインが整うと思っていたけど、少しばかり触らなければならないらしい。

どうすれば簡単にきれいなデザインになるのか教えてほしい。

 

本記事を読むと以下のことがわかります。

・初心者が「JIN」購入後におもうこと

・簡単にきれいなデザインにする方法

 

外観テーマ「JIN」の概要

 

JINにははじめから用意されているデザインが11種類あります。
(2019/8/1現在)

このうちのどれかを選ぶと大変な設定をすることなく洗練されたデザインにすることができます。

 

しかしここで疑問が。。。

はちひろ
はちひろ
洗練されたデザインになるのはありがたいが、オリジナル性がなくなるのではないか?

 

ワードプレス完全初心者にはデモからデザインを選んだ場合、そこから1つ1つの細かいところを変えていくことができるのかどうか、こういったとろこもわからないものです。

結論から書きますと、デモスタイルを選んだ場合でもその先の細かいところを変えていくことができます

 

 

例えば

・デモスタイルを選んだあと、見出しの色はこの色にしたい。
・デモスタイルを選んだあと、基本の色はこの色にしたい。

などです。

 

全てできますので心配することなくデモスタイルを導入することができますよ。

記事で詳しく書いていきたいと思います。

 

初心者が「JIN」導入したあとに思うこと

 

初めてブログを書くっていうのは本当に大変ですよね。

ただ書けばいいってわけではなく事前に色々調べてみると

・SEOを意識して・・・
・内部リンクを・・・
・吹き出しを使いたい・・・
・グローバルメニューが・・・

なんてことになって全く前に進まないひともいるのではないでしょうか?

何を隠そう私がそうでした。

 

あなたもWordPless(ワードプレス)を始めるために色々調べましたよね?

・サーバの契約
・ドメインの取得
・WordPless(ワードプレス)導入
・「JIN」を購入

などなど。

 

 

そして諸先輩方のブログには、

・とにかく書くこと
・デザインをいじるのは後にする
・まずは10記事書きなさい

などと書いてあります。

「早く書かなきゃ」となっているのではないでしょうか?

 

「JIN」のデモスタイルを利用してみよう!

 

初めにやったことはクロネさんのブログを参考にしたカスタマイズでした。

 

↓その前にこれだけは確実にやっておきましょう!!

最初の最初は「Classic Editor」の導入です!
最新版のワードプレスでは記事の投稿画面が全然違って対応してません!

 

クロネさんのブログと同じデザインになりたい!

こんな思いから藁をもすがる思いで真似していきましたが、途中で手が止まります。

 

・サイトのロゴ・・・
・ピックアップコンテンツ・・・
・各種デザイン・・・

 

ワードプレス始めたばっかりの私にはすでについていけない状態に。。。

ということでJINのデモスタイルを利用してみようと思いました。

 

「JIN」のデモスタイルの利用方法!

 

ひとつずつ利用方法を見ていきましょう!

これであなたも簡単にかっこいいデザインになりますよ!

1・「JIN」の公式ページからスタイルをダウンロード!

まずは「JINのデモ一覧」のページへいき、なりたいブログのデザインスタイルをダウンロードしてみましょう!

僕は「スタイル5」にしてみました。

 

 

はちひろ
はちひろ
2019/8/2時点で11種類のデザインがあるよ!

 

 

Download(ダウンロード)をクリック!

ダウンロードしたファイルはひとまずPCに保存しておこう!

 

2・WordPress(ワードプレス)でプラグインを1つ入れよう

 

次はワードプレスのプラグインを1つ入れます。

 

プラグイン→検索窓に「Customizer Export/Import  」と入力しよう。

そのまま「インストール」→「有効化」しよう!

 

3・JINのデモスタイルを反映させよう

 

いよいよ自分のサイトがJINのデモサイトと同じになります。

 

 

「外観」→「カスタマイズ」をクリック!

 

 

「エクスポート/インポート」をクリック。

 

ここで先ほどダウンロードしたスタイルのファイルを選択します。

 

これでデモスタイルと同じになりました。

 

 

↑無事にこのようにデザインが変わりました。

しかし「ピンクで囲っているところ」の文字を消したいと思いました。

 

デモスタイル導入後オリジナルにカスタムしていこう!

 

デモスタイル導入後に自分独自のオリジナル性を出していきましょう。

しかしやりすぎると何時間あっても時間が足りませんので気をつけてください。

 

 

先ほどの私の例を紹介致しますと、デモスタイル導入しましたがここの文字はいらないなと思いました。

 


(↑ピンクで囲った部分を消したい!)

 

 

そう言う場合は、

「外観」→「カスタマイズ」をクリック。

 

 

「サイトデザイン設定」をクリック!

 

「スタイル3」を選択。

するとヘッダー画像無しになります。

(スタイル3以外でも「ヘッダー画像あり」以外ならOKです。)

 

 

これでJINのデザインを簡単に取り入れることができました。

 

 

この他にもオリジナル性を出したい場合は、

「外観」→「カスタマイズ」

 

から変えたいところを変更していけばできます。

繰り返しますがデザインは触りだしたら終わりがないので、デザインを触るのはその都度にして記事を書いていくことが重要だと思います。

はじめてのブログ講座、画像を入れるには?PCでもスクショしようブログの記事に画像を入れる際、PCのスクリーンショットを利用する方法を解説しました。...

まとめ

 

JINを導入したはいいけど、手が止まってしまったと言うことになってませんでしたか?

 

まとめますと

まとめ

・JINのデモスタイルを利用を決める

・JINのデモスタイルを導入する

・導入後も各種オリジナル性を出せる

・記事を書くことに専念する

 

サイトのデザインは触り出してしまったら何時間もかかってしまいます。

時間をかけた挙句思ったようなデザインにならなかったということにもなってしまいかねません。

もし僕と同じようにすぐにでも記事を書き溜めていきたいという思いを持っている方がいらっしゃいましたら参考にしていただけると幸いです。

はじめてのブログ講座、画像を入れるには?PCでもスクショしようブログの記事に画像を入れる際、PCのスクリーンショットを利用する方法を解説しました。...

 

こちらもおすすめ!

COMMENT

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