WordPressのテーマ「JIN」を使用していて困ったことがありましたので、備忘録として残しておこうと思います。
それは何かというと、JINには吹き出しが用意されているのですが、その時に画像が表示されない場合があるんです。
理由は色々とあるみたいですが、いろいろと問題をクリアするのが面倒でしたので、最終手段としてプログラムを修正することにしました。
最終手段ですが、同じ悩みを持っている方は必見ですよ。
JINの吹き出しで画像が表示されない時の対処法
対処の手順は次のとおりです。
- 手順1：custom-shortcode.phpを修正する。
- 手順2：吹き出しのショートコードを入力して、動作確認する。
※今回は親テーマ内のファイルを修正する手順になります。WordPressテーマがアップデートされて更新をすると、今回修正する内容が消えてしまう場合がありますので、注意が必要です。
消えてもまた追加すればOKですよ。
手順1：custom-shortcode.phpを修正する。
まずは、修正すべきファイルまでたどり着きましょう。
[外観] – [テーマエディター] – [編集するテーマを選択] – [JIN]を選択。[include] – [custom-shortcode.php]を選択します。
そうしたら、ソース内の553行目付近に、「balloon_shortcode」とあることを確認しましょう。
こいつが、吹き出しを生成するプログラムになりますので、ここを若干いじっていきます。
修正内容
まずは、下記の592行目〜601行目の部分をコメントアウトします。
コメントアウトは各行の先頭に”//”を入力すればOKです。実際の修正内容はもう１つ下の画像を参考にしてくださいね。
次が修正したあとのプログラムソースの内容になります。
592行目から「しゅーせい START」とコメントを入れていますが、そこから604行目の「しゅーせい END」までが実際に修正した内容になります。
そして１番大事なポイントが、603行目です。
「$imageUrl = $baseurl.”/”.$face;」と入力しましょう。
こちらの内容は簡単にいうと、画像アップロード先にあるファイルを対象とするようになります。
手順2：吹き出しのショートコードを入力して、動作確認する。
早速ショートコードを入力しましょう。
こんな感じですよね。（ショートコートの内容を表示したかったので、先頭の”[ chat”箇所にわざと空白を1つ入れています。）
すると！！！
[chat face=”nanapapa3.svg” name=”nanapapa” align=”left” border=”gray” bg=”none”] どうです？表示されましたか？ [/chat]
↑どうです？表示されましたか？テーマを変えてしまったので、今は出ないです。。
=====
以上でおしまいです。「プログラムを修正する」と聞くと、ハードルが高いと思ってしまいがちですが、今回の作業は案外簡単なものだったかと思います。
これで晴れて吹き出し使いとなれますので、誰かの参考になればうれしいです。
今日はいじょーです。