<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[오션갤러리 모바일에서만 리스트 목록수 변경 가능한가요?]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/51800</link>
		<description><![CDATA[<p>안녕하세요</p>

<p>PC 사이즈에서는 1페이지당 출력 되는 개수가 1라인당 4개씩 * 3라인 = 12개가 그냥 나오도록 하고 모바일에서 는 너무 작아져서 1페이지당 출력 수는 1라인당 2개씩 * 2라인 = 4개만 (현재는 라인당 2개씩 6라인으로 출력됨) 나오도록 하고 싶습니다.</p>

<p>어디서 조정하면 되나요?</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

KBoard 게시판은 테마 쪽에서 설정한 최대 너비만큼 표시되도록 설정되어 있습니다.

오...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/51805</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>KBoard 게시판은 테마 쪽에서 설정한 최대 너비만큼 표시되도록 설정되어 있습니다.</p>

<p>오션 갤러리 스킨의 경우 하나의 게시글의 너비는 기본적으로 220px로 설정되어 있습니다.</p>

<p>높이는 155px로 설정되어 있습니다.</p>

<p> </p>

<p>PC에서 너비와 높이를 조절하시려면</p>

<p>워드프레스 관리자 -&gt; 외모 -&gt; 사용자 정의하기 -&gt; CSS 입력 필드에</p>

<p>아래의 코드를 추가해보세요.</p>

<pre>
<code class="language-css">#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 300px; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 300px; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { width: 300px; height: 155px; }
#kboard-ocean-gallery-list .kboard-list .kboard-no-image { height: 155px; }</code></pre>

<p>위의 코드에서 픽셀은 적절히 조절해보세요.</p>

<p> </p>

<p>모바일에서 너비와 높이를 조절하시려면</p>

<p>아래의 코드를 추가해보세요.</p>

<pre>
<code class="language-css">@media screen and (max-width: 600px) {
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 140px; }
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 140px; }
    #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { width: 140px; height: 155px; }
	#kboard-ocean-gallery-list .kboard-list .kboard-no-image { height: 155px; }
}</code></pre>

<p> </p>

<p>게시글 표시 수를 모바일에서만 다르게 설정하시려면</p>

<p>아래의 코드를 활용해보세요.</p>

<pre>
<code class="language-php">add_action('kboard_skin_header', 'kboard_skin_header_20210401', 10, 1);
function kboard_skin_header_20210401($builder){
	$board = $builder-&gt;board;
	if(wp_is_mobile() &amp;&amp; $board-&gt;id == '1'){ // 실제 게시판 id로 적용해주세요.
		$builder-&gt;rpp = 5; // 모바일에서 표시할 게시글의 수
	}
}</code></pre>

<p>위의 코드에서 $board-&gt;id == '1' 부분은 실제 게시판 id로 적용해주세요.</p>

<p>$builder-&gt;rpp = 5; 부분은 실제 모바일에서 표시할 게시글의 수로 적용해보세요.</p>

<p>테마의 functions.php 파일에 코드를 추가하거나 <a href="https://ko.wordpress.org/plugins/code-snippets/" target="_blank">Code Snippets</a> 플러그인을 사용해서 코드를 추가할 수 있습니다.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Thu, 01 Apr 2021 08:06:36 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>