HP立ち上げ

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

 

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

 

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

まだまだ、白紙に近い。

Contents

テーマ「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つ目になりますが、その過程で素人が躓いた点だけど、記述して、ホームページを作ろうシリーズは完結しますね。

~続く~

 

ウェブ系ページの目次

無料で使える便利ツールはこちら

キャラクターやワンポイントイラストはこちら!

ブログ、ホームページ、SNS用キャラクター無料配布サイトまとめ!そのまま使える厳選サイト!可愛い人型アイコン画像をすぐに採用しよう! ダウンロードしてすぐ使える画像 って方は、すぐに使えるフリー素材を! わたおきば 立ち絵...

写真素材ダウンロードはこちら

【フリー素材】【写真】【厳選4選】ホームページやブログで使える画像を無料ダウンロード出来るサイト、ストックフォトサービスまとめ お勧めの【写真サイト】ストックフォトサービス一覧 『写真AC』 写真ACは無料で写真素材をダウンロー...

 

背景に使えるイラストお探しの場合はこちら

【フリー素材】【イラスト背景】【超選4選】イラスト背景系、写真でもワンポイントでもない、背景に使えるイラストをお探しのあなたへ! 便利なイラストダウンロードフリーサイト イラストAC 【PHOTOAC】と同じ提供元です。 会員登録が必要なのと、...

 

画像加工ツールはこちら

【超選】【無料】【加工ツール】【チラシ作成ツール】写真やイラストを自由自在に加工してサイトやチラシに利用しましょう! 無料で素敵なチラシや店内ポップを作るツール ピッキーピックス(Picky-pics) ...

総合便利ツール

【保存版】ビジネス【スタートアップ】でもプライベートでも役立つツール【まとめ】。有料ツールに負けないクオリティの無料ツールと便利で格安な有料ツールを使いこなす!法人経営系 会社設立 会社設立と言えば、一般の方にとっては専門家に依頼することになりますね。実は法人の登記はネット上で依頼す...

全くの素人がブログ型ホームページを作ってみた~誰でも出来る、プロ並みのページ作成の目次!!

①基礎知識、比較

②独自ドメイン所得

③サーバー選び~Z.com編
③サーバー選び~WPX編(推奨)
③Z.comその他からWPXへの移行

④ワードプレスの設定

⑤自身のサイトの種別を間違えずに設定しよう!

⑥ー①「JIN」のテーマを導入しよう

⑦ワードプレスに適したプラグインを導入しよう!厳選必須プラグインまとめ!

関連記事
HP立ち上げ

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

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

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

12月 7, 2018
マネーのねこちゃんin愛媛
ホームページの基礎の基礎 まず、ホームページやブログに必要な基礎知識をご説明します。 サイトというのは 1.ドメイン (ht …
HP立ち上げ

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

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

ホームページ(ブログ)を作ろう~②~独自ドメイン導入~誰でも出来る、プロ並みのページ作成!!ムームードメイン等

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

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

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

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

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