ホームページ

全くの素人がブログ型ホームページを作ってみた~6の1~!!実際にテーマを導入しよう!!「JIN

 

もうこの初期画面に到達することは出来るようになったと思う。

 

自身のサイトを覗いてみるとこんな感じ。

まだまだ、白紙に近い。

テーマ「jin」を導入しよう!

「JIN」を購入する

上記のリンクから、JINの公式ホームページに飛べる!!

ここから、テーマを購入する訳だけど、ネットショッピングが出来る人なら問題なく購入出来ると思う。

 

このように、どこでも良いので分かりやすいフォルダに「jin.zip」と「jin-child.zip」とダウンロードするところまで進む。

「jin.zip」が本体「jin-child.zip」が子テーマとなる。

子テーマのダウンロードリンク

子テーマは、本体に影響を及ぼさないために用意されたツールで、使い分けはこうだ。

  1. CSSなどの編集をしない人は「本体で運用する」
  2. CSSなどの編集をする場合、本体はアップデートで、改変が元に戻るのでそれを避けるために子テーマで運用する」
  3. CSS編集などはしないけど、後に初期化したいときやCSSを覚えた時にそのまま使えるので、「子テーマで運用」していても良い。
JINの導入やマニュアルは、公式のマニュアルがあるのでそちらをご参照してほしい

「JIN」をワードプレスに反映させる!

ねこみかん
ねこみかん
外観→テーマと進む
ねこみかん
ねこみかん
新規追加を選ぶ!
ちなみに、テーマやプラグインをアップロードする場合は、「ZIP」ファイルのフォルダをそのままアップロードすれば良い。
  1. テーマの追加
  2. テーマのアップロード
  3. 先程のフォルダから「jin.zip」を選びインストール
  4. 有効化
  5. 子テーマを使用する場合は続けて「jin-child.zip」もインストール
  6. 子テーマを有効化

そして、実装された自身のサイトを見てみよう。

この段階では、まだまだ無人の荒野に変わりはない。
そこで、まずは、構築されるイメージを知るために

何でも良いから記事を3つほど書いておくほうが良い

その時に、サイトのイメージを知るだけだから、中身は空白でも良いが
アイキャッチとカテゴリーだけはちゃんと設定する。

Classic Editor の導入

まず、ワードプレスのVersion5.0以降のアップデートで、記事投稿の画面が大幅に変更され、多くのテーマが非推奨しているので、それ以前のEditorの戻すプラグインを導入する
  1. プラグイン→新規追加と進む
  2. キーワードに「Classic」と打ち込む
  3. インストール後、「有効化」するだけ、他のプラグインのように初期設定は必要ない

記事の新規追加

内容などはなんでも良い!!
カテゴリーの設定もした後に

アイキャッチの設定をする

特に初心者がやりがちなミスにアイキャッチ画像のサイズを揃えずに、ブログを構築していくこと。
見た目が悪いし、画像が伸びたりもするので、後から修正は面倒なので最初からちゃんと揃えていく。

JINに適したアイキャッチサイズは「760×428」

画像編集は、色々あるが、無料で使えるし、画像編集のほとんど事がプロ並みに美しく出来る、Canva(キャンバ)一択で良いと思う。

CanavaCanvaの使い方を検索

超簡単に説明しておくと、キャンバのサイトに行き、会員登録し画像を作成、カスタムサイズ「760×428」を打ち込み、作成する。

一気に仕上げるデモサイトを導入

このように、今までの記事が反映されるイメージが分かる。

そこで、JINのデモ一覧から、好きなスタイルを選ぶ。

  1. トップページに画像を載せたいか
  2. トップページにサイドバーを付けるか
  3. 色合い

などから、好みの物を選ぶ。

JINの着せ替え方法公式マニュアル新たなプラグインの導入などもあるので、公式マニュアルを参照に導入する。

一応ここに、「寝ログ」さんの詳しい導入方法リンクをつけておく。

当サイトでも簡単に導入後の事を説明しておくと

  1. 外観→カスタマイズに進む
  2. エクスポート/インポートに進む
  3. 先程ダウンロードした、Datファイルをインストール

すると、このように、反映されていることが分かる。

これで、だいぶ枠組みが出来てきましたね!
今後は、JIN MANUAL 公式を見比べながら、順番に自身のサイトを構築していけば良いです。

私が、JINでサイトを作るのは3つ目になりますが、その過程で素人が躓いた点だけど、記述して、ホームページを作ろうシリーズは完結しますね。

~続く~

 

ホームページを作ろうの目次
関連記事
ホームページ

ワードプレス引っ越し Z.comからWPXへの移行は、FTP必須で少し手間取る。だけど、素人でも3分で解決!!ホームページを作ろう~特別編~

1月 1, 2019
マネーのねこちゃんin愛媛
ワードプレスの引っ越し!! これが間違いない。 確かに、サイトの引っ越しは簡単にできるケースも有るけれど、そ …
ホームページ

全くの素人がブログ型ホームページを作ってみた~7~!!ワードプレスに適したプラグインを導入しよう!厳選必須プラグインまとめ!ワードプレステーマ「JIN」に適した設定!

4月 30, 2019
マネーのねこちゃんin愛媛
テーマ「JIN」導入編!で、まったくの素人からのサイト構築もだいぶ形になってきた。 ワードプレスの導入、テーマの導入と進み、完成まであ …
ホームページ

全くの素人がブログ型ホームページを作ってみた~2~誰でも出来る、プロ並みのページ作成!!ホームページの住所、独自ドメインを所得しよう!ムームードメイン

12月 9, 2018
マネーのねこちゃんin愛媛
ホームページの構成は 前回の記事で軽く説明したが、ホームページは例えるとこんな三つの要素で成り立っている。 前回の記事  …
ホームページ

全くの素人がブログ型ホームページを作ってみた~5~!!ワードプレスのテーマ選びで間違えないためのコツ!ブログ型?ホームページ型?これだけ押さえたら失敗しない!全くの素人でも出来るホームページブログ作り!

4月 19, 2019
マネーのねこちゃんin愛媛
前回の記事~ワードプレスの初期設定画面~で自身のサイトの構築は完成した。 ここからどう進むかは千差万別。 まずは、現在の状態は真 …
ホームページ

全くの素人がブログ型ホームページを作ってみた~3~WPX編 誰でも出来る、プロ並みのページ作成!!エックスサーバーが運営するワードプレス特化型専用サーバー「WPX」の初期設定方法!

4月 16, 2019
マネーのねこちゃんin愛媛
WPXの契約 上記からお申込み出来る。 これに関しては、ネットショッピングが出来 …
ホームページ

全くの素人が、一からプロ並みのブログ型ホームページを作ろう~1~自分が使ったブログやホームページサービスの比較をしてみた。

12月 7, 2018
マネーのねこちゃんin愛媛
私のスキルを紹介しておくと、一般的な学校や有料教室でPCに関して学んだことはない。独学ですべて覚えてきた。 20代になってもP …