WordPress・IT

JINの設定をマニュアルを見ながらやってみた(はじめてさん向け)

JINロゴ

WordPress有料テーマJINの公式サイトはこちら>>https://jin-theme.com/

 

実は、この記事を書いている段階で、JINの動作不具合により、JINのインストールとアンインストール3回。
解決しても、また問題発生ということで、これはもうワードプレス側に問題があるのかも?と、ワードプレスそのものを削除してJINをインストールという流れになっている。
マジで、トホホ神降臨ですわ。

次に利用するときのために、自分で行った設定をメモっておきます。
まっさらな状態からワードプレスを始める初心者さん向けになるといいな。
失敗したことを踏まえて書いておくので参考になれば幸いです。

 

WordPressをインストール後のJINの設定

 

まずは基本設定が終わってから、細かい設定をしよう

特にプラグインに関しては、入れないでおいた方がいいみたい。(ロリポップユーザーの私は、ロリポップ推奨プラグインは入れてからJINの設定をしました)

どのプラグインが干渉しているのかわからないからね。
他にも対応方法はあると思うのだけれど、設置に時間を取られると、やる気がなくなっちゃうし。

私は「トホホ神降臨」とかって、ネタでテンション維持したけど、さすがに3回目の時はイライラしたし、不機嫌な私にイライラした夫ともめそうになっていいことナシでした。

JIN操作マニュアルを見ながら設定してみよう!

>>JIN操作マニュアルはこちら

1〜順に設定していくよ

まずは私の今現在の状態から説明するね

私のレンタルサーバー等の解説は下記を読んでね

パソコン環境
パソコン環境今、こんな環境でサイトを運営しています。 昔はパソコン依存、今はiPhone依存症なので、iPhoneのない生活は耐えられません。今も...
JINをインストールする前に終わっている作業

 

lolipopstartアイキャッチ
ロリポップでWordPressをインストールしたら最初にすることレンタルサーバー「ロリポップ」ならワードプレスのインストールも簡単。インストールしたら、最初にしておきたいことは、たったの2つ。...

 

  • ワードプレスのインストールは終わっている
    利用しているレンタルサーバーごとにインストール手順は違うのでインストール方法はレンタルサーバーを確認してね
  • JINをインストールする前にやっておきたいこと
    ・セキュリティ関係のプラグインの設定
    ・・私が入れているのはこの3つ
    ・・・Akismet Anti-Spam (アンチスパム)
    ・・・SiteGuard WP Plugin ※ロリポップ推奨
    ・・・WP Multibyte Patch ※ロリポップ推奨

以上です。

ブログタイトルとかの基本設定は行っていません。
JINのお着替えでリセットされてしまうので、この段階で入れても意味がありません。

Akismet Anti-Spam (アンチスパム)プラグインについて

はじめてさんの難関はAkismet Anti-Spam (アンチスパム)の設定だと思う。
昔に取得したので設定方法は忘れました。
苦労したことだけは覚えてます。
入れてみようと思う人はググって調べてください m(__)m

ロリポップ推奨プラグインについて

ロリポップ推奨プラグインは、レンタルサーバー「ロリポップ」の簡単ワードプレスインストールを行えば自動で入ってくるので「有効」にするだけです。
※他のレンタルサーバーでも入っているのか、ワードプレスそのものの基本設定なのかはわかりません。

 

JINをインストールしたら設定をしよう

JINサイトのマニュアル1〜の手順で進めると、言葉の意味がわからないから、勝手に設定した結果、失敗したので次の手順で行うといいかな?

1.JINをインストールしよう

マニュアルは「1.インストールする方法」の次に「2.サイトタイトルの設定」があるけど、飛ばします。次のデザインの着せ替えをすると消えちゃうから。

3.デザインの着せ替え設定

一番最初にこの設定をしたときに、デモ画面と表示が違っていたんですよね。理由がわからないまま進めた結果、4度目にしてワードプレス本体を削除することになった私。
もし、ここで、デモ画面と違う表示になっているのなら、潔くワードプレスの再インストールをおすすめします。
解決策を探すよりも、すんなり進められました。

うまくいかなかった理由で考えられること

上記以外のプラグインも入れていた(JINと相性が悪かった)
デザインを何度も入れ直した

振り返ってみても、このくらいしか思いつくものがない。
ワードプレスのインストールを失敗していることはないの?って言われそうだけど、ロリポップの簡単インストールは、このブログで11回目。今までデザインの変更で苦労したことは一度もないんだよね。

次にデザインを変更するのは「色の変更」くらいなので、お着替えがうまく言えば、あとはすんなり行くんじゃないかな?と信じたい(笑)

これよりマニュアルの「2.サイトタイトル・ディスクリプションの設定」から順次進めていきます。

基本設定のマニュアルを読んでいる間は、マニュアルに書かれている以外の設定はしない方が無難かも。
万が一、トラブルがあった場合、余計な設定をしていなければ、ひつじさんへの質問もスムーズに行くと思います。
特に、はじめてさんには、他の設定は慣れてからにしよう!

4.デザインの切り替え

記事もない、まっさらな状態では、切り替えをしても、何が起こっているのかわからないので飛ばします。

作業に慣れてきて、デザインと変えたいなって思うようになったら確認しましょう。

5.グローバルメニューの設定

私がまず躓いたのがこれ。
えっと、グローバルメニューって何ですか?って事ですね。

グローバルメニューってどこ

私は、デザインの「1」を採用したのですが「ホーム」とか「プロフィール」とかって表示されている部分が「グローバルメニュー」です。

ということは、、、もう、すでにメニューが出来ていますね。

ということは・・・出来ているメニューを編集すればいいって事だね。

ということは・・・後回しでいいね。

同じような理由で6〜12まで、ひとまず飛ばします。

13.OGP(SNS)に関する設定

集客が見込めるSNSからのリンクって重要なんですけど・・・
私のように長年、ネットの住人をしていると、個人情報云々って言われても今更って感じなのですが・・・

設定するかどうかはそれぞれの判断かもしれないですよね。

名もないブログだからこそSNSの発信力を借りたいという思いはありますよね。

Twitterを長くしていると、なんとなく特定できちゃうんだよね。あの人は、Twitterのだれだれさんって。たぶん相手も私のことを特定していると思う。そこはまあ、大人のお付き合いで(笑)

私はTwitterの設定だけなので、フェイスブックとインスタグラムに入力されている「#」は消しておきます。

 

ヘッダーの設定

基本設定の確認が終わり、ヘッダーの設定ですが、基本設定と同じ内容のものもあるので、ここで確認する必要があるのは「4・5・6・9」になります。

画像を作っていくことになるので、画像を作れるソフトがないと利用しません。

私はヘッダーとかロゴはデザインセンスがないので、画像は作りません。

9.ファビコンの設定

ファビコンだけ作ります。
ファビコンは、スマホでお気に入り登録とかしたときのアイコンにもなるので、作っておいた方がいいです。

ファビコンはiPhoneに入れている「アイビスペイント」というアプリを利用して、透過PNGで作りました。

え?iPhoneで作った画像をパソコンでどうやって利用するって?
ドロップボックスを使ったり、メールで送ったり、iPhoneからTwitterに投稿した画像をパソコンで保存するとか?
(^^ゞ

ああ、、、ファビコンってなにかっていうと

ファビコンの説明

文字の左側のマークの事です。

サイドバーの設定

ここも、記事がなければ何も出来ないし
アフィリエイトプログラムを利用している人は「ランキング」の設定をするくらいでしょうか?

私は、とりあえず、後回し

フッターの設定も同様の理由であとまわし

記事のデザイン設定

5.目次の作り方を設定する

記事のデザイン設定1〜4、6、7は後からでもOKなので飛ばします。

この設定ページ。補足説明がページの下の方にリンクがあるので、そちらを見れば特に問題なく設定できると思います。

8.ライタープロフィールの設定

これもとくにページ通りに設定すればOK

プロフィール写真は「Gravatar」を使って設定してもいいのだけれど、「Gravatar」の設定はちょっと面倒くさいので、ページの説明通りでいいかな。

9.カエレバヨメレバの適用

まず、カエレバヨメレバがよくわかりませんね。
わからないけれど、とりあえず設定しておきましょう。

アフィリエイトのための何かだとは思うのですが・・・

エディタの使い方

エディタの使い方は「1吹き出し」と「7.ブログカード」の設定をしておけばOKです。

1.吹き出しの使い方

吹き出しは便利な機能なので、後から設定するよりは、最初に設定しておいた方が便利なので、がんばって設定しました!

大変でした。

とりあえず吹き出し用画像を1個用意します。
私は絵を描けないので、キャラットというアバター作成メーカーを使いました。

笑顔アバター

指定通り、下記のコードをコピペして、必要項目を設定するだけです。

[chat face=”画像情報” name=”キャラクター名” align=”配置” border=”枠の色” bg=”背景色”] 吹き出しの内容 [/chat]


上のコードをコピペするときは
先頭の「  」←大括弧を半角に訂正してね。

花み
花み
マニュアル通りに指定すれば良いだけ

画面上では確認できないので
保存か、下書きをしたら、プレビューで確認します。

問題がなければ、プラグインの「AddQuickTag」に登録します

プラグインの「AddQuickTag」の使い方

プラグインをインストールして、有効にしたら

【設定】−【AddQuickTag】を開きます

AddQuichTag
開始タグの設定

開始タグ・終了タグ・右側のチェックボックスにチェックを入れるだけです。
たぶん σ(^◇^;)

今回は、終了タグが [/chat] ←になるので、
終了タグ以外の部分を開始タグにコピペします。

チェックボックスの設定

記事と固定ページで使用するだけなら以下の 3 つをチェック

  • ビジュアルエディター
  • post
  • page

チェックマークが一つもないと表示されないので注意してね

使い方

下記のQuicktagsをクリックして使っていきます

AddQuickTag使い方
花み
花み
設定したら、必ず確認だよ
女性の口コミ
女性の口コミ
女性
男性の口コミ
男性の口コミ
男性
ブログカードの使い方

これ、マニュアルとちょっと違います。

URLを入力するだけでOKです(リンクしなくても表示されます)
https://hananosu.net/profile/と入力するだけ

プロフィール画像
Profileようこそ。 管理人の花みです 仕事中心で生きてきて自分を見失い心が折れ退職。 周りを気にせずに、自分がやりたいことすることが一...

JINでは、入力している状態では確認が出来ないので、必ず、保存してからプレビューで確認しましょう。
あ、、、ここまで、ページは何も作っていなかったね
私は、ここで丸一日、時間をつぶしました(笑)ワードプレスが壊れていたからね (>_<)

 

花み
花み
ここまでで、原稿を書く上での必要な項目設定は終わりです。おつかれ!

失敗談については、またね

ABOUT ME
花み
花み
仕事中心で生きてきて自分を見失い心が折れ退職。 周りを気にせずに、自分がやりたいことすることが一番大切と気づいたわけ。 何をしたいのかすら分からなくなったので、興味が湧いたことから楽しむことに。 今、楽しんでいるのは、ポケモンGO・ウォーキング・ダイエット・タティングレース・刺繍・料理・iPhoneで写真を撮ること。
RELATED POST