<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[워드프레스 커스텀헤더 PC/MOBILE 스타일을 다르게 하고 싶습니다!]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/34745</link>
		<description><![CDATA[<p>안녕하세요! 워드프레스 헤더에 대해 여쭤볼게 있습니다.</p>

<p>pc에서는 커스텀 헤더로,</p>

<p>Mobile에서는 워드프레스 자체에 있는 템플릿을 쓰고 싶은데</p>

<p>PC와 MOBILE 헤더가 똑같이 설정이 되더라구요ㅠㅠ</p>

<p>혹시 PC, MOBILE 헤더를 다르게 할 수 있는 방법이 있을까요??</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[정말 감사합니다!!!!]]></title>
			<link>https://www.cosmosfarm.com/threads/document/34750</link>
			<description><![CDATA[<p>정말 감사합니다!!!!</p>]]></description>
			<author>뚜옹쓰</author>
			<pubDate>Thu, 11 Jul 2019 07:35:08 +0000</pubDate>
			<category>워드프레스</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

워드프레스 사이트에서 헤더는 테마 쪽에서 표시하고 있으며

FTP로 접속해서 /wp-conte...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/34746</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>워드프레스 사이트에서 헤더는 테마 쪽에서 표시하고 있으며</p>

<p>FTP로 접속해서 /wp-content/themes/사용중인테마/header.php 파일을 수정해주셔야 할 듯합니다.</p>

<p>사용 중이신 테마에 따라서 위치가 다를 수도 있습니다.</p>

<p> </p>

<p>CSS 미디어 쿼리를 사용하시면 PC와 모바일 레이아웃을 다르게 표시할 수 있습니다.</p>

<p>PC 화면과 모바일 화면에서 다른 레이아웃을 표시하는 간단한 예제 코드를 작성해봤습니다.</p>

<p>아래의 코드를 활용해보시겠어요?</p>

<pre>
<code class="language-html">&lt;style&gt;
.mobile { display: none; }

@media screen and (max-width: 600px) {
	.pc { display: none; }
	.mobile { display: block; }
}
&lt;/style&gt;

&lt;div class="pc"&gt;pc 화면에서만 보입니다.&lt;/div&gt;
&lt;div class="mobile"&gt;mobile 화면에서만 보입니다.&lt;/div&gt;</code></pre>

<p> </p>

<p>미디어 쿼리 관련해서는 구글에 검색해보시면 많은 자료가 있습니다.</p>

<p>아래의 링크를 참고해보시겠어요?</p>

<p><a href="https://developer.mozilla.org/ko/docs/Web/Guide/CSS/Media_queries" target="_blank">https://developer.mozilla.org/ko/docs/Web/Guide/CSS/Media_queries</a></p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Thu, 11 Jul 2019 06:50:42 +0000</pubDate>
			<category>워드프레스</category>
		</item>
			</channel>
</rss>