<?xml version="1.0" encoding="UTF-8"?>        <rss version="2.0"
             xmlns:atom="http://www.w3.org/2005/Atom"
             xmlns:dc="http://purl.org/dc/elements/1.1/"
             xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
             xmlns:admin="http://webns.net/mvcb/"
             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
             xmlns:content="http://purl.org/rss/1.0/modules/content/">
        <channel>
            <title>
									ビジュアルエディターの「コード」ブロックの背景色を変更する方法 - Cocoonテーマに関する質問				            </title>
            <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%80%8c%e3%82%b3%e3%83%bc%e3%83%89%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c/</link>
            <description>Cocoon ディスカッション掲示板</description>
            <language>ja</language>
            <lastBuildDate>Fri, 07 Aug 2026 18:41:33 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>RE: ビジュアルエディターの「コード」ブロックの背景色を変更する方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%80%8c%e3%82%b3%e3%83%bc%e3%83%89%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c/#post-82813</link>
                        <pubDate>Sun, 08 Dec 2024 15:44:28 +0000</pubDate>
                        <description><![CDATA[@chu-ya 早速、ありがとうございます。想定通りに画面に表示することができました。]]></description>
                        <content:encoded><![CDATA[<p>@chu-ya 早速、ありがとうございます。想定通りに画面に表示することができました。</p>
<p> </p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>takataka</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%80%8c%e3%82%b3%e3%83%bc%e3%83%89%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c/#post-82813</guid>
                    </item>
				                    <item>
                        <title>RE: ビジュアルエディターの「コード」ブロックの背景色を変更する方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%80%8c%e3%82%b3%e3%83%bc%e3%83%89%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c/#post-82812</link>
                        <pubDate>Sun, 08 Dec 2024 14:16:05 +0000</pubDate>
                        <description><![CDATA[※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

●答え
実際のページを見ないと分かりません。→→ハイライトスタイルに関係なく、以下で設定した文字色となります。
/* 背景色 */
.wp-block-code {
  background:red;	
}

/* 文字色 */
.wp-...]]></description>
                        <content:encoded><![CDATA[<blockquote>
<p><span>※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。</span></p>
</blockquote>
<p><span style="font-size: 14pt"><strong>●答え</strong></span></p>
<p>実際のページを見ないと分かりません。<br />→→<span>ハイライトスタイルに関係なく、以下で設定した文字色となります。</span></p>
<pre contenteditable="false">/* 背景色 */
.wp-block-code {
  background:red;	
}

/* 文字色 */
.wp-block-code code,
.wp-block-code code &gt; span {
  color:blue;
}</pre>
<div id="wpfa-41717" class="wpforo-attached-file"><a class="wpforo-default-attachment" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1733667365-2024-12-08_23h09_40.png" target="_blank" title="2024-12-08_23h09_40.png"><i class="fas fa-paperclip"></i>&nbsp;2024-12-08_23h09_40.png</a></div>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>大門未知子</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%80%8c%e3%82%b3%e3%83%bc%e3%83%89%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c/#post-82812</guid>
                    </item>
				                    <item>
                        <title>ビジュアルエディターの「コード」ブロックの背景色を変更する方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%80%8c%e3%82%b3%e3%83%bc%e3%83%89%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c/#post-82811</link>
                        <pubDate>Sun, 08 Dec 2024 13:49:43 +0000</pubDate>
                        <description><![CDATA[style.cssファイルで「コード」ブロックの背景色を指定しています。
ただし、ブロックエディターでは、その背景色が表示されません。どこを触れば、よろしいでしょうか？
文字色は反映されて指定された色が表示されています。
記事を公開して、そのサイトを見ると、背景色は変わっています。
どのような情報が必要なのか、よくわからなかったので、足りないものがあれば、お手数ですが指...]]></description>
                        <content:encoded><![CDATA[<p>style.cssファイルで「コード」ブロックの背景色を指定しています。</p>
<p>ただし、ブロックエディターでは、その背景色が表示されません。どこを触れば、よろしいでしょうか？</p>
<p>文字色は反映されて指定された色が表示されています。</p>
<p>記事を公開して、そのサイトを見ると、背景色は変わっています。</p>
<p>どのような情報が必要なのか、よくわからなかったので、足りないものがあれば、お手数ですが指摘ください。</p>
<div id="wpfa-41716" class="wpforo-attached-file"><a class="wpforo-default-attachment" title="background-color.png" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1733665783-background-color.png" target="_blank" rel="noopener"><i class="fas fa-paperclip"></i> background-color.png</a></div>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>takataka</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e3%83%93%e3%82%b8%e3%83%a5%e3%82%a2%e3%83%ab%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%80%8c%e3%82%b3%e3%83%bc%e3%83%89%e3%80%8d%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c/#post-82811</guid>
                    </item>
							        </channel>
        </rss>
		