吹き出し機能の文字サイズ - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/ Cocoon ディスカッション掲示板 ja Wed, 15 Apr 2026 13:38:26 +0000 wpForo 60 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4123 Wed, 13 Jun 2018 12:51:37 +0000 うまくいったようでよかったです。
ご報告ありがとうございます！

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4123 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4122 Wed, 13 Jun 2018 12:42:37 +0000 わいひらさん、かうたっくさん、ありがとうございました。

無事、モバイルでも吹き出しの文字が大きくなりました ? 

]]> Cocoonテーマに関する質問 prism33 https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4122 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4070 Tue, 12 Jun 2018 13:23:11 +0000 すいません。僕が先程こちらの返信の前に書き込んだ書き込みは、まだ読まれていないかと思って削除してしまいました（削除すると戻せないっぽい）。
すぐに、返信が来てたんですね^^;

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4070 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4069 Tue, 12 Jun 2018 13:20:27 +0000 というか、かうたっくさんが書かれたように、僕が余計な部分の.speech-wrap .speech-balloonで文字サイズを設定していたのが原因ですね^^;
文字サイズサイズの指定位置が違うのもややこしいので、.speech-wrapで指定するのに統一しました。
https://github.com/yhira/cocoon/archive/master.zip
上記のテーマでアップデートすると、僕のコードで反映されるようになるかと思います。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4069 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4068 Tue, 12 Jun 2018 13:20:04 +0000 先ほど、スマホを横にしたら大きさが揃いました！でも、縦にするとまた小さくなります。

https://prism33.com/wordpress-cocoon/

こちらの下の方に吹き出しを使っております。

]]> Cocoonテーマに関する質問 prism33 https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4068 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4063 Tue, 12 Jun 2018 12:53:38 +0000 カウタックさん、わいひらさん、ありがとうございます。

コピペして、「高速化」タブのキャッシュを切って表示させているのですが、小さいままです。PCの画面はすぐに反映したのですが・・・

キャッシュが残っているのかもしれないので、明日また見てみます。

 

]]> Cocoonテーマに関する質問 prism33 https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4063 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4050 Tue, 12 Jun 2018 10:40:41 +0000 コピペ一発で利用できるように書いておくと、こんな感じでしょうか。

/*パソコン*/
.speech-wrap {
  font-size: 18px;
}

/*おおよそタブレット*/
@media screen and (max-width: 768px) {
  .speech-wrap {
    font-size: 17px;
  }
}

/*おおよそスマホ*/
@media screen and (max-width: 480px) {
  .speech-wrap {
    font-size: 16px;
  }
} 
]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4050 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4031 Mon, 11 Jun 2018 14:54:46 +0000 @media screen and (max-width: 480px) { .speech-wrap .speech-balloon { font-size: 18px; } }

これでどうですか？それでもダメな場合、反映しない箇所のリンク先を置いて頂くと何がどうなっているかチェックできるかと思います。

プラグイン・サーバー上にキャッシュがある場合、クリアにしてくださいね。

追記編集：確認リンク先

https://wp-cocoon.com/how-to-use-speech-balloon/

]]> Cocoonテーマに関する質問 かうたっく https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4031 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4029 Mon, 11 Jun 2018 13:41:36 +0000 お世話になります。

.speech-wrap {
  font-size: 16px;
}

この通り18pxに指定したところ、PCでは大きく表示されましたが、モバイルでは小さいままです。

モバイルでも文字サイズを指定したいのですが、方法はありますでしょうか。

 ? 素晴らしいテーマで感動しております！ありがとうございます。

 

]]> Cocoonテーマに関する質問 prism33 https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-4029 RE: 吹き出し機能の文字サイズ https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-2853 Fri, 04 May 2018 10:52:07 +0000 文字サイズは、CSSを設定すれば自由に変更できます。
子テーマのstyle.cssに以下を貼り付けて、大きさを変更すれば好みのサイズにできるかと思います。

.speech-wrap {
  font-size: 16px;
}

また、アイキャッチ画像を設定しない状態にすると、関連記事の部分がアイキャッチありの状態のままとなり、左側が空白になります。

案内にもあるように、できれば該当ページのURLを掲載していただけると助かります。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e6%a9%9f%e8%83%bd%e3%81%ae%e6%96%87%e5%ad%97%e3%82%b5%e3%82%a4%e3%82%ba/#post-2853