マイクロコピーのスタイルについて - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ Cocoon ディスカッション掲示板 ja Mon, 15 Jun 2026 08:32:37 +0000 wpForo 60 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12107 Thu, 07 Feb 2019 11:18:30 +0000 動作確認ありがとうございます！
問題なかったようでよかったです ? 

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12107 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12079 Wed, 06 Feb 2019 15:03:33 +0000 提示したブログは自己カスタマイズとの相性チェックがまだ出来ていないので、テスト環境で最新ファイルを試しました。
いい感じにボックス内でもスタイルが適用されています！

サイズ制限等気遣うべき所が多い中、細かい所までご対応いただき感謝いたします。
ありがとうございました！?

]]> Cocoonテーマに関する質問 草村 https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12079 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12060 Wed, 06 Feb 2019 10:09:47 +0000 ソースコードありがとうございます。

なるべくCSSが増えないように修正してみました。
多分これで大体はいけるのではないかと。

https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
https://wp-cocoon.com/wp-content/uploads/2019/01/github-zip.png

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12060 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12020 Tue, 05 Feb 2019 12:22:52 +0000 度々お手数おかけします。

ソースコードはこちらになります。
https://notepad.pw/share/2kqsovywq

スクショしたページはこちらです(画像では横並びに編集しています)
https://web.monogusa-note.com/sample-page

よろしくお願いいたします。

]]> Cocoonテーマに関する質問 草村 https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12020 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12008 Tue, 05 Feb 2019 11:18:44 +0000 よろしければ、画像のHTMLソースコードもいただいてよろしいですか。

CSSを追記すれば、対応はできると思うのですが、AMPサイズ制限が気になるんですよね…。

なるべくサイズが増えないように書ければ対応しようと思います。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-12008 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11987 Mon, 04 Feb 2019 15:20:33 +0000 キャプチャ画像を一応置いておきます。

]]> Cocoonテーマに関する質問 草村 https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11987 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11986 Mon, 04 Feb 2019 15:11:39 +0000 ズレの件、説明が不足しておりお手数をおかけしました。

最新ファイルを適用して修正を確認しました！

.entry-content直下の場合は想定通りの表示になっていると思います。
ただ、案内ボックスの中に入れた時など少し要素同士の余白が狭いようです。
(しばらくさっきのページに置いておきます)

行間の余白が変更出来るようになった事との兼ね合いだと思うので、どこまで想定してご対応いただくかはお任せいたします。
完全対応を目指すと少し面倒そうな感じがするので…一応ご報告だけ(^^; )

この度はご対応ありがとうございました！
Gutenbergの仕様への対抗策が出てくる事も期待…

]]> Cocoonテーマに関する質問 草村 https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11986 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11975 Mon, 04 Feb 2019 13:20:30 +0000 キャプチャありがとうございます。
ようやく意味がわかりました。
先程のリンクのGitHubに更新内容をアップしておきました。

個人的には、本来micro-topに指定したいスタイルをmicro-balloonに指定してmicro-bottomで打ち消すという事は可能なので現状でも大丈夫かな、と思います。

それでもいけると思いますが、micro-topで設定できた方が明確ですよね。失敗しました ? 

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11975 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11966 Mon, 04 Feb 2019 12:22:11 +0000 すみません、訂正です。
ちょっと言葉足らずでした「複数行になった場合”しっぽが内側に”ズレる」が正しいです。

]]> Cocoonテーマに関する質問 草村 https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11966 RE: マイクロコピーのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11965 Mon, 04 Feb 2019 12:15:09 +0000 わいひらさん、修正ありがとうございます。

まだ最新版を試せていない状況ですが、先に「複数行になった場合ズレる」のキャプチャ画像を添付しました。
私のブログで複数行になってしまった時は最大４行になりました。(2行の長いテキストが端で折り返したためです)

一応先程のページにも極端に改行したものを追加しておきました。
https://web.monogusa-note.com/sample-page

Gutenbergの場合、後からクラスを変更すると「このブロックには、想定されていないか無効なコンテンツが含まれています。」と編集できなくなってしまいます…

Gutenbergはそのような仕様なんですね…
個人的には、本来micro-topに指定したいスタイルをmicro-balloonに指定してmicro-bottomで打ち消すという事は可能なので現状でも大丈夫かな、と思います。

少し悩ましいですがエラーが表示されるとユーザーさんを混乱させてしまうと思うのでGutenbergの仕様の対策がないと難しそうな問題ですね? 

お待たせしてしまい申し訳ないですが後ほど、最新ファイルを試したらまた書き込みさせていただきます。

]]> Cocoonテーマに関する質問 草村 https://wp-cocoon.com/community/cocoon-theme/%e3%83%9e%e3%82%a4%e3%82%af%e3%83%ad%e3%82%b3%e3%83%94%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-11965