※本ページにはプロモーションが含まれています

ワードプレスの吹き出しアイコンが点になって表示されない!!うっかりミスが原因だった!


ワードプレスのストークの吹き出しを初めて使う時にぶち当たった壁。

アイコンが表示されないという不具合…。

悩んで悩んで、調べても解決できず、もう一生吹き出し使えないかもと落胆していたら自分が原因でした( ;∀;)

私の場合はストークでしたが、SANGOでも同じように解決できますので同じ現象で悩んでいる方はぜひ試してみてください(*^-^*)

補足
スワローでも同じ現象を解決できたとご報告いただきました。オープンゲージさんのテーマを使っている場合はどのテーマでも同じ現象になる可能性があるかも。 

で、

私が悩まされた現象は、アイコンが「  」になってしまう珍現象です。

りんこ
はじめまして。りんこです♪

これを解決するのはとっても簡単です!

ビジュアルエディタで画像URLを入れるのではなく、テキストエディタで画像URLを入力するだけ

▼間違った入力
ビジュアルエディタ―で画像URLを入力すると、不自然にショートコードの中にアイコンの画像が出てきます。

 

▼正しい入力方法
テキストエディターで画像URLを入力します。

りんこ
ね、表示されたでしょ♪

原因が分かるまで時間がかかったよー…。

はっきり言って超初歩的なうっかりミスでした。

これね、

テキストエディタでいつも記事を書いている人はついついやりがちなミスなんですよね。

しかも、ショートコードでビジュアルエディタから呼び出せるので、余計に気付かないっていうおまけつきです。

カスタマイズでどうこうできる問題ではない!

それがこのうっかりミスの怖いところです(;’∀’)

後の記事は私が解決するまでの苦悩を書いています。

ストークの吹き出しのアイコンが表示されない!?

管理画面ではちゃんと画像を設定してるのに、何でかわからんけど、アイコンが表示されないと言う不具合に悩まされています…。

どこを調べても検索に出て来ないし、ストーク販売元のオープンゲージさんのHPには3ステップの方法を試してから問い合わせしてくださいという敷居の高ーい内容。

  1. プラグインの無効化
  2. テーマの再インストール
  3. ワードプレスの再インストール

 

 

プラグインは無効化して試しました。→変化なし

テーマの再インストール…怖い|д゚)

ワードプレスの再インストール…恐怖(:_;)

 

あぁ…ぁぁ…どうしようぅ(T_T)

 

このまま吹き出しのショートコードを使わないと言う手もあるけど、何のためにストーク買ったんだって話で。

吹き出し使いたくて買ったのに、この有り様はもう、泣けてくる…( ;∀;)

アイコン描いてもらって、やっと、やっと吹き出し使えるようになったのに。

なんでやぁぁ…。

 

原因は超初歩的なミスだった

あれでもない、これでもないと記事を書いて嘆いていたら、めちゃくちゃ初歩的なミスをしていることに気が付きました。

初歩過ぎて、なんだそれー。

ばっかじゃないの!これだから初心者は!!

なんて言われちゃうほどうっかりミスでした。

怒らないでね(´・_・`)

 

ビジュアルエディタで画像のURLを入力していた(^^;

 

ショートコードなのでテキストモードで作業しないといけないことをすっかり忘れて、エディタの方でショートコードを呼び出し、そのまま画像のURLをコピペ。

ショートコードの中に画像が表示されている違和感になんとも思わず。

 

何でだー?

どうしてだー?と半日くらい悩みまくって、もう何も分からーん( `ー´)ノ

 

プラグインが原因か!!?

もしやテーマ自体再インストールしなきゃいかんのか!?

最終的にはワードプレス自体が悪さをしてるのかも?

 

いいえ。

 

全部、私がうっかりしてました

全部私が間違っていました。

 

オープンゲージさんに問い合わせなくてよかったー。

と言うか、大掛かりにテーマやワードプレスの再インストールとかしなくてよかった…。

初心者がそんなことしたら、この状態に当分戻ってこれなくなるところでした( ;∀;)

 

ショートコードの入力についてどれも言えることだけど、

テキストモードでショートコードは入力しましょう(;´∀`)

 

という事で、吹き出しのアイコン、無事に表示されました。

理由が分かるとなんだそれ。ってなる話だけど、私は一生吹き出し使えないかもと思うほど悩んでいました。

こんな初歩的なミス。検索しても出て来ないワケですね(;´∀`)

ショートコードがうまく表示されない時、エディタモードで入力していないか今一度確認をっ。

8 件のコメント

  • 初めましてトミヨシと申します。
    私も同じように、吹き出しコードで画像が表示されないという事に悩んでいました。

    でも、こちらの記事のおかげで解決しました!
    初歩的ですけど、気づけない時ってありますもんね(^_^;)

    本当に参考になりました。
    ちなみに私は「SANGO」を使用していたのですが、同じ現象で悩んでいました。

    ありがとうございましたm(_ _)m

    • トミヨシさんコメントをありがとうございます!
      SANGOでも同じような現象になるんですね!それは知りませんでした。

      ほんのちょっとの事なんですが、気づけないんですよね(;’∀’)
      無事に解決できたそうで本当に良かったです!

  • はじめまして!
    ワードプレスを初めてから1週間の初心者です。
    ストークの評判を見て購入してから立ち上げるまでに色々と試していて
    私も吹き出しのアイコンが表示されなくて困ってましたが
    うっかりミスだったようでここに辿り着いたおかげで無事に表示できました。

    これでまたブログ立ち上げまで一歩前進できました。
    本当にありがとうございます!

    • にっくおやじさん、こんにちは。
      うっかりミスは気付きにくくて情報もないですよね(^^;)無事に解決出来て本当によかったです!素敵なブログができるといいですね(*^^*)

  • はじめまして!
    私も初心者でSANGOで同じように悩んでいました。こちらの記事を読んで解決することができました。ありがとうございます^_^
    初歩的なミスの記事こそ初心者は求めていると身をもって経験して、初心者だからこそのミスを記事にしようと思いました。
    こちらの記事に助けられた経験も書かせていただきたいと思います!

    • もぐもぐさんコメントをありがとうございます。
      私の経験が役に立って嬉しいです!初心者の吹き出しあるあるなのかもしれませんね(;´∀`)
      SANGOの吹き出しでも解決できるようなので、追記しておきます。

  • りんこさんはじめまして。
    私はワードプレスを始めて10日くらいの初心者です。私はスワローを使用してます。
    始めて吹き出しを使ってから約1週間ずっと悩んでいたことがこの現象でした。どこをどう検索してもURLのコピペすればいいとしか書いていなく、プラグインの問題なのか、設定の問題なのかと考えていました。
    もしかして、HTMLとして編集しなければと思い、ビジュアルエディタで吹き出し入力をした後にHTMLに変換してみましたが、できませんでした。そしたらそもそも最初からHTML編集からコピペを貼り付けることを知り、大変助かりました。ありがとうございました。 
    今後ももしかしたら質問させていただくことがあると思いますが、その時はどうかよろしくお願いします。
    今回はこのブログのおかげで助かりました。

    • こずっぺさん、コメントをありがとうございます!
      無事に吹き出しが表示されるようになったとのことで本当に良かったです(^^)
      スワローでも同じ現象になるんですね!追記しておきます。

  • 匿名 へ返信する コメントをキャンセル

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    CAPTCHA


    ABOUTこの記事をかいた人

    りんこ

    楽してキレイにできる事が大好きな主婦です。節約からコスメなども難しいことは嫌い。そのため、時短や節約が好きで毎日楽しく生活することを目指しています。