<?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%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/</link>
            <description>Cocoon ディスカッション掲示板</description>
            <language>ja</language>
            <lastBuildDate>Sat, 15 Aug 2026 21:35:07 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41808</link>
                        <pubDate>Sun, 15 Nov 2020 10:30:23 +0000</pubDate>
                        <description><![CDATA[@leafytree様
ちなみに、下の3つのコードでうまくいきました。上の1行だけではダメでした。]]></description>
                        <content:encoded><![CDATA[<p>@leafytree様</p>
<p>ちなみに、下の3つのコードでうまくいきました。上の1行だけではダメでした。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>yama</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41808</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41806</link>
                        <pubDate>Sun, 15 Nov 2020 10:26:37 +0000</pubDate>
                        <description><![CDATA[@leafytree様
できました！！！今後はもっと簡単にできるような仕様になってほしいです。とにかくありがとうございました。]]></description>
                        <content:encoded><![CDATA[<p>@leafytree様</p>
<p>できました！！！<br />今後はもっと簡単にできるような仕様になってほしいです。<br />とにかくありがとうございました。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>yama</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41806</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41804</link>
                        <pubDate>Sun, 15 Nov 2020 07:15:26 +0000</pubDate>
                        <description><![CDATA[@yama さん
以下のコードだけでもいいのかもしれません。
.header-container-in.hlt-top-menu .logo-header {   max-height: 79px;}.header-container-in.hlt-top-menu .logo-header img {   max-height: 79px;}#header {   fle...]]></description>
                        <content:encoded><![CDATA[<p>@yama さん</p>
<p>以下のコードだけでもいいのかもしれません。</p>
<pre>.header-container-in.hlt-top-menu .logo-header {<br />   max-height: 79px;<br />}<br /><br />.header-container-in.hlt-top-menu .logo-header img {<br />   max-height: 79px;<br />}<br /><br />#header {<br />   flex-shrink: 0;<br />}</pre>]]></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%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41804</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41803</link>
                        <pubDate>Sun, 15 Nov 2020 06:33:11 +0000</pubDate>
                        <description><![CDATA[@yama さん
これも実際にやってみないと わかりませんが・・
#header {  flex-shrink: 0;}
を追記するとか・・
&nbsp;c3ce1eaf830a675c480488426586b989.png]]></description>
                        <content:encoded><![CDATA[<p>@yama さん</p>
<p>これも実際にやってみないと わかりませんが・・</p>
<pre>#header {<br />  flex-shrink: 0;<br />}</pre>
<p>を追記するとか・・</p>
<div id="wpfa-19728" class="wpforo-attached-file"><a class="wpforo-default-attachment" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1605422295-c3ce1eaf830a675c480488426586b989.png" target="_blank"><i class="fas fa-paperclip"></i>&nbsp;c3ce1eaf830a675c480488426586b989.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%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41803</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41801</link>
                        <pubDate>Sun, 15 Nov 2020 06:02:21 +0000</pubDate>
                        <description><![CDATA[@leafytree様
ありがとうございます。そのまま貼り付けてみましたが、検証では「233.86×79」となっています。ちなみに、このヘッダーロゴの右にあるメニューとの距離は十分あります。
 
&nbsp;test-header.png]]></description>
                        <content:encoded><![CDATA[<p>@leafytree様</p>
<p>ありがとうございます。<br />そのまま貼り付けてみましたが、検証では「233.86×79」となっています。<br />ちなみに、このヘッダーロゴの右にあるメニューとの距離は十分あります。</p>
<p> </p>
<div id="wpfa-19727" class="wpforo-attached-file"><a class="wpforo-default-attachment" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1605420141-test-header.png" target="_blank"><i class="fas fa-paperclip"></i>&nbsp;test-header.png</a></div>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>yama</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41801</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41798</link>
                        <pubDate>Sun, 15 Nov 2020 05:47:31 +0000</pubDate>
                        <description><![CDATA[@yama さん
実際のサイトで試していないので、間違っているかもしれませんが、以下のような感じだろうと推測します。
.header-container-in.hlt-top-menu .logo-header {   max-height: 79px;}div.header-container-in.hlt-top-menu .logo-header img {   ma...]]></description>
                        <content:encoded><![CDATA[<p>@yama さん</p>
<p>実際のサイトで試していないので、間違っているかもしれませんが、以下のような感じだろうと推測します。</p>
<pre>.header-container-in.hlt-top-menu .logo-header {<br />   max-height: 79px;<br />}<br /><br />div.header-container-in.hlt-top-menu .logo-header img {<br />   max-height: none;<br />   width: 300px;<br />   height: 79px;<br />   vertical-align: middle;<br />}</pre>]]></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%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41798</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41797</link>
                        <pubDate>Sun, 15 Nov 2020 05:36:03 +0000</pubDate>
                        <description><![CDATA[@yama さん
例えば、ロゴ画像が正方形の場合を考えてみてください。ロゴの内容が小さくて見えないから、と言って、大きく表示させてしまうと、ヘッダーメニューの高さが増えて、その他のコンテンツを表示するエリアの高さが少なくなってきてしまいます。
 
なので、どこかで制限をかけてバランスをとる以外にないのだろうと推測します。
 
あとは、個別にカスタマイズするのがよいと思...]]></description>
                        <content:encoded><![CDATA[<p>@yama さん</p>
<p>例えば、ロゴ画像が正方形の場合を考えてみてください。ロゴの内容が小さくて見えないから、と言って、大きく表示させてしまうと、ヘッダーメニューの高さが増えて、その他のコンテンツを表示するエリアの高さが少なくなってきてしまいます。</p>
<p> </p>
<p>なので、どこかで制限をかけてバランスをとる以外にないのだろうと推測します。</p>
<p> </p>
<p>あとは、個別にカスタマイズするのがよいと思います。</p>
<p> </p>
<p>ヘッダーの高さの最大値は以下のCSSで指定されているようですので、値を大きく（79pxとか85pxとか）して、他のCSSの指定も調整すれば、大きく表示できるかもしれません。</p>
<pre>.header-container-in.hlt-top-menu .logo-header {<br />   max-height: 60px;<br />}</pre>]]></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%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41797</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41795</link>
                        <pubDate>Sun, 15 Nov 2020 05:14:44 +0000</pubDate>
                        <description><![CDATA[@leafytree様
ありがとうございます。現在ローカルで作業をしています。ただ、いずれにしましても、「ヘッダーレイアウト」という項目から「トップメニュー（右寄せ）」を選べるようになっている以上、このあたりについては仕様を整えてほしいです。]]></description>
                        <content:encoded><![CDATA[<p>@leafytree様</p>
<p>ありがとうございます。<br />現在ローカルで作業をしています。<br />ただ、いずれにしましても、「ヘッダーレイアウト」という項目から「トップメニュー（右寄せ）」を選べるようになっている以上、このあたりについては仕様を整えてほしいです。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>yama</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41795</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41792</link>
                        <pubDate>Sun, 15 Nov 2020 04:54:34 +0000</pubDate>
                        <description><![CDATA[@yama さん
トップメニューに設定した場合は、ヘッダーの高さが制限されているようです。
 
ロゴ画像の縦と横の比率（アスペクト比）によっては、縮小されてしまうのかもしれません。
 
実際のサイトのURLをご提示いただければ、もう少し具体的なアドバイスを頂けるかもしれません。なお、その際は、Cocoonの高速化設定をOFFにしてくださると、より良いと思います。
 ...]]></description>
                        <content:encoded><![CDATA[<p>@yama さん</p>
<p>トップメニューに設定した場合は、ヘッダーの高さが制限されているようです。</p>
<p> </p>
<p>ロゴ画像の縦と横の比率（アスペクト比）によっては、縮小されてしまうのかもしれません。</p>
<p> </p>
<p>実際のサイトのURLをご提示いただければ、もう少し具体的なアドバイスを頂けるかもしれません。なお、その際は、Cocoonの<a href="https://wp-cocoon.com/theme-trouble/" target="true">高速化設定をOFF</a>にしてくださると、より良いと思います。</p>
<p> </p>
<div id="wpfa-19725" class="wpforo-attached-file"><a class="wpforo-default-attachment" href="//wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1605416074-3b1534797f95d48d29b3710ea5689244.png" target="_blank" rel="noopener"><i class="fas fa-paperclip"></i> 3b1534797f95d48d29b3710ea5689244.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%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41792</guid>
                    </item>
				                    <item>
                        <title>RE: ヘッダーロゴをそのままの大きさで表示させる方法</title>
                        <link>https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41791</link>
                        <pubDate>Sun, 15 Nov 2020 04:40:00 +0000</pubDate>
                        <description><![CDATA[Ikumi様、リフィトリー様、ありがとうございます。
画像の大きさを300×79で、設定を以下のようにしました。
div.header-container-in.hlt-top-menu .logo-header img {height: auto;max-height: none;width: 300px;}
しかし、この大きさよりも小さく表示されてしまいます。検証を見...]]></description>
                        <content:encoded><![CDATA[<p>Ikumi様、リフィトリー様、ありがとうございます。</p>
<p>画像の大きさを300×79で、設定を以下のようにしました。</p>
<p>div.header-container-in.hlt-top-menu .logo-header img {<br />height: auto;<br />max-height: none;<br />width: 300px;<br />}</p>
<p>しかし、この大きさよりも小さく表示されてしまいます。<br />検証を見ると、233.86×61.58で設定されてしまっています。<br />画像の大きさを変えても、常に小さく表示されてしまいます。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/cocoon-theme/">Cocoonテーマに関する質問</category>                        <dc:creator>yama</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/cocoon-theme/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%82%92%e3%81%9d%e3%81%ae%e3%81%be%e3%81%be%e3%81%ae%e5%a4%a7%e3%81%8d%e3%81%95%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b%e6%96%b9/#post-41791</guid>
                    </item>
							        </channel>
        </rss>
		