ブログ関連

WordPress初心者トラブル:吹き出し作成編

昨日一日かけてぽちぽちと記事を書いていたのですが。

吹き出しのアイコン画像がどう頑張っても表示されないんです。

しろウマくん
しろウマくん
吹き出しのイラストが表示されないよー💦

…こんな感じで。

そう、そして、まだその問題は解決できていません。(なのでこの記事には以後吹き出しなしです)

ブログを見に来てくれた人の、問題を解決する記事を書くのが鉄則ではありますが…

今回は私の試した方法をまとめて記載します。

いくつもブログ記事やホームページを行ったり来たり時間をかけたので、一つの記事でいくつか方法が載っているだけでも参考になるかと思います。

1.そもそもショートコードが間違っている場合

にょぴログではWordpress、テーマはJINを使用しています。

吹き出しは、ショートコードを投稿画面に貼り付けることで作成できます。

JIN制作者、ひつじさんのJIN MANUALを参考にさせていただき、以下のようにショートコードを作成しました

吹き出しの枠、内部の色に関しては指定通り表示されているので、今回は問題なさそうです。

吹き出し作成ツールをweb上で公開されてるページもあったので参考されてはいかがでしょうか。

https://tools.ikunaga.net/jin-chat/

2.画像フォルダ名が長い場合

メディアライブラリに画像を新規アップロードすると、ファイル名がやたら長くなってしまいます。

複雑なファイル名だとアイコン画像が表示されにくいとの情報を見かけたので、ファイル名を変更してみました。

こちらのプラグインを使うとファイル名の変更が簡単に行えます!

https://ja.wordpress.org/plugins/phoenix-media-rename/

3.画像サイズが大きすぎる場合

画像サイズを小さくしたらアイコン設定できましたよ、という記載があったので試してみました。

ちなみにしろウマくんはこんな感じ↓↓

最初に描いた時は497×497ピクセルでかなり大きかったので、100×100ピクセルでリサイズしました。

こんなに小さくしたのになぜ表示されないんだろう…💦

まとめ

以上、吹き出しがうまく作成できずにょぴが試行錯誤した3つの方法をまとめました。

  • 吹き出し用ショートコードを確認する
  • 画像フォルダ名を単純な名称に変更する
  • 画像サイズを小さくする

にょぴの場合は結局まだ表示できていませんが…

同じくWordPress初心者でブログ作成に四苦八苦されているブロガーさんの参考になれば嬉しいです。

ABOUT ME
Dr.にょぴ
アラフォー精神科医です。 心理系の資格もあります。 前向きに生きられるようお悩み解決のお手伝いをさせて下さい。