副業

JINで吹き出しが表示されない原因と対策を6個紹介します【図解付き】

吹き出し

 

友人(ブログ初心者)
友人(ブログ初心者)
あああぁぁぁ・・・・!!!
えいと
えいと
ど、どうしたの?
友人(ブログ初心者)
友人(ブログ初心者)
JINの吹き出しが上手く出来ないんだよ~!!(泣)
えいと
えいと
ちょっとコードを見してみて・・・

あー、原因は簡単だよ。これこれ

友人(ブログ初心者)
友人(ブログ初心者)
え、それが原因なの!?

 

と、いうことで

今回は「JINの吹き出しが表示されない」という悩みを解決していきます。

僕自身、すごい簡単な原因だったのに理解できず、一度挫折したことがあります(汗)

Twitterでも同じ悩みがチラホラと・・・

 

 

吹き出しを使うメリットは大きいですよね!

  1. 文章にメリハリがつく
  2. 視覚的なリラックス効果
  3. 読者の共感を引き出しやすい
  4. 目立つから確実に読んで貰える

 

友人(ブログ初心者)
友人(ブログ初心者)
やっぱこう見るとメリット大きいな~
えいと
えいと
セールスページも、吹き出しを上手く使えば成約率が上がるからね!
友人(ブログ初心者)
友人(ブログ初心者)
は、はやく吹き出しを使いたくてウズウズしてきた・・・!!
えいと
えいと
(笑)(笑)(笑)

じゃあ早速「吹き出しが表示されない理由」を解説していくね~!!

吹き出しに使う画像ファイル

吹き出し

 

まず一番最初に、僕のWordPressで起こった原因と対処をご紹介します!

JINの公式ページを見て貰えたら分かりますが、吹き出しを使うには「画像ファイル」を調べる必要があります。

→【外部リンク】吹き出しの使い方(JIN公式ページ)

 

画像ファイルの調べ方は簡単。

「メディア」→「使いたい画像」→「詳細編集」です。

さらに詳細を編集 Wordpressのファイル名

 

赤枠の部分をコピペして貼り付けるだけなんですが、ここで問題が発生。

メディアファイルのコピペ

 

貼り付けてみると、黒字の太字になっています。。。

メディアファイルのコピペ済み

 

僕の場合はこれが原因でした。

コード内の一部のみが太字になっていたので、WordPressが吹き出しコードをちゃんと読み込めてなかったんですね(汗)

なので、僕は手書きで打ち換えることで対処しました!

これで問題なく吹き出しは使えましたよ^^

吹き出しコードは繊細

続いては”公式ページ”や”Twitterでの情報”を元に、原因と対処をご紹介します。

テーマ変更

以前にJIN以外のテーマを使っている場合です。

「設定」➡「メディア」➡「年月ベースのフォルダに整理」にチェックが入っているかを確認しましょう!

年月ベースのフォルダーに整理

Lazy  Lordの仕様

「Lazy Lord」は画像の読み込み速度を上げてくれるツールなんですが、JINとは相性が悪いという情報がありました。

ただ、これは無視してOKです。僕は使ってるので(笑)

lazy lord

SEO的に効果が大きいので、是非このプラグインは利用しましょう!

 

※SEO対策を詳しく知りたい場合は参考にしてください

→【初心者向け】SEO対策はキーワードのリサーチが命。1日10PVを目指すには?

【初心者向け】
【初心者向け】SEO対策はキーワードのリサーチが命。1日10PVを目指すには?【まずは1日10PVを目指すSEO対策】月間100万PVのSEOテクニックとか信じられますか?土俵が違い過ぎて僕は信じられませんでした。そこで、僕と同じ考えの初心者に向けて、ちょこっと初心者を脱した僕のテクニックをご紹介します。1日10PV月間300PV。まずはここを目指しましょう!...

WordPressとJINのバージョン

WordPressとJINは最新状態にバージョンアップ出来ていますか?

JIN公式ページでは以下の推奨がされています

WordPress(4.9以上推奨)

PHP(7.0以上推奨)

JIN(1.70以上推奨)

 

ちなみに、JINをバージョンアップすると、カスタマイズが初期化されます。

対策は”子テーマ”の導入のみ。してなければ直ぐにやりましょう!

→子テーマをインストールせずにJINをカスタマイズして大失敗【ブログ4ヶ月目】

子テーマ
子テーマをインストールせずにJINをカスタマイズして大失敗した件子テーマは既にインストールしていますか?ブログのカスタマイズをするなら必須であり、「あとでいいや・・・」なんて思ってたら要注意。あとでインストールをすると、全てが初期化されます。すべてが一からやり直し。カスタマイズをする前に、いますぐインストールをしましょう!...

画像ファイル名

Wordpressのファイル名

画像ファイルの名前が長すぎると、エラーを起こす可能性が上がります。

試しに画像ファイルを短くして再アップロードしましょう!

「eito.png」などですね^^

公式コードをコピペ

公式ページで吹き出しコードをコピペします。

JIN公式吹き出し

 

これを実際にコピペするとこうなります↓

公式吹き出し引用

僕がファイル名をコピペして太字になっていたように、コードに背景色の装飾がついていますね。

これだとエラーを起こします。

最終手段は問い合わせ

PC、パソコン

 

ここまでの対処法で解決できなければ、自力での解決はあきらめましょう!

 

{公式ページ}JINお問い合わせフォーラム

{開発者Twitter}@hituji_1234

上記のどちらかで連絡を取ってみてください。

 

えいと
えいと
サポート体制がしっかりしているので、間違いなく解決できますよ!

 

ただ、注意してほしいのが、最初はまず自力でチャレンジすること。

メチャクチャ調べたけど分からなかった・・・って時に問い合わせしましょうね!

 

以上、「JINの吹き出しが表示されない」でした!

吹き出しをバンバン使って、ブログを楽しんでくださいね^^

 

 

人気記事【2020年版】アフィリエイトにおすすめのASPを徹底比較

人気記事【重要】ブログ月収5万までの戦略を解説【再現性高めの王道です】