「Speech Bubble」のアイコンが表示されない時の解決方法（wordpress）

今回は「 Speech Bubble」で、せっかく自作で作ったアイコンがプレビューで表示されない時の解決方法をチャッチャと書き進めたいと思います(｀・ω・´)

今回は僕の解決方法なので、当てはまれば「 ラッキー💫」
もし解決できなかったら違う原因を探してみて下さい🙇
まぁ、ただ「 Speech Bubble」は、そんなに難しいプラグインではないので、大体は僕の様なケアレスミスで直っちゃうと思いますが(｡･ω･｡)

「 Speech Bubble」画像をアップするまでの経緯

プラグインの使い方などは全て省略して、僕がつまずいた所まで一気に行きます(・ω・)ノ

尚、今回も「 ゴマ」に友情出演していただきました🙇

つまづきまでの経緯

1. 自分が使用したい画像を「 トリミング」、ファイルサイズを100kbぐらいに落とします
2. 自分のサーバーにアクセス、「 img」まで下りていきます
3. 加工した画像を「 img」にアップロードします
4. 定型コードをpostの「 text mode」にコピペ&先程アップしたファイルネームを指定します

• 「img」に赤枠の「goma」がアップされています
• コードの「1」を「goma」に書き換えれば、画像表示されるハズ🙂

・・

・・・なぜ？？

         表示されない(´-ω-`)

なぜだろう？ どこも間違ってないハズ🤔

「 Speech Bubble」表示エラーの原因を考える

3回ほど、やり直しても成功しません・・・

なぜだろう🤔？こんな単純な作業に、どこにミスがあるんだろう？

• ファイルサイズが大きすぎるのか？
• プラグインのバージョンが古いのか？
• 当然、ファイルネームは半角英数字でオケ👌
• サーバーには正確にアップもされてる👌

試行錯誤しても解決できず、たまらず「 グーグル先生」に聞いてみます。

・・・・・・30分

ない、どこにもない(´-ω-`)

トータル1時間近く使うが解決できず、出先でも原因を時々考える・・　(´-ω-`) ん～・・

「 Speech Bubble」表示エラーの原因は拡張子だった

家に帰って、サーバーのアップロード画面（img）を眺めてると「 ふっ」と、

あれ？

拡張子が隠れてるなぁ・・

デフォルトの1.2は拡張子が表示されてますが、ファイル名が長いものはスペース上、省略されています。

詳細を見てみると、「 あれっ？」
拡張子が全角になってます🤢

パソコン上では当然、「 ファイル名、拡張子」も半角になってますが、「 img」にアップすると何故か拡張子が
全角に変わってる。しかもスペース的に隠れてみえなかったし😰

早速、サーバー上で拡張子を半角に編集します。

ゴマ

ケアレスミスだな、オイッ❗

・・・

・・・・

⁉

ゴマがこう言ってるって事は、もうお分かり☝

成功した様ですヽ(・∀・)ﾉ♪

こういったケアレスミスって、以外に見つけるのに時間がかかったりすんですよね😅

僕は解決までに小1時間ほどかかりましが、いつか誰かのお役にたてます様に💫

ゴマ

そんな間違いすんのお兄ちゃんぐらいだよ😂

僕

うるさいゴマ！ 黙っときぃ🤬！

お粗末様でした🙇💦

関連記事

【WORDPRESS】masonicのトップページに更新記事がきてしまう件について 【wordpress】関連記事（YARPP）のテキスト文字が大きすぎてヤバチンだったからCSS追加で小さく読みやすくする方法 -theme masonic- 【wordpress】サムネイル（アイキャッチ）上のカテゴリー表示をCSS追加で消す方法-Theme Masonic- 「 PhotoScape」の使い方、ブログの画像を簡単編集、加工をしよう（wordpress,iphone,iPadの待ち受けも楽々👍) 404 Not Foundが多発😱 リンク切れを発見するプラグイン「 Broken Link Checker」を導入　 ロリポップのWPサイトを「簡単、無料、SSL化」でセキュリティをアップさせよう(｀・ω・´) 【2019年】 wordprees5.0のブロックエディタ「gutenberg」が使いづらい。ってかヤバイ(´･ω･`) 【wordprees】iPhoneで書いた文章に記述されるコード＜Wbr/＞を一括で消す方法