<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[ocean-gallery 에 썸네일을 1줄에 2개씩 노출하고 싶습니다.]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/37523</link>
		<description><![CDATA[<p>안녕하세요. </p>

<p>ocean-gallery 에 썸네일을 1줄에 2개씩 노출하고 싶습니다. </p>

<p>원래 한줄에 4개의 썸네일이 나왔는데</p>

<p>게시판을 읽어보고 참조하여</p>

<p>#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item {width: 45% !important;} 을 주었더니</p>

<p><a href="https://imgur.com/a/5cMrBSB">https://imgur.com/a/5cMrBSB</a></p>

<p>위 주소의 이미지처럼 되었습니다..</p>

<p>css로 억지로 값을 조정하는것이 아니라 모듈이 바뀌도록 다른 방식으로 수치를 바꿔줘야할 것 같은데 </p>

<p>잘 모르겠습니다..</p>

<p>답 부탁드리겠습니다..</p>

<p>감사합니다. </p>

<p><br />
 </p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[잘적용 되었습니다~!

감사합니다!!]]></title>
			<link>https://www.cosmosfarm.com/threads/document/37560</link>
			<description><![CDATA[<p>잘적용 되었습니다~!</p>

<p>감사합니다!!</p>]]></description>
			<author>fish</author>
			<pubDate>Tue, 08 Oct 2019 07:16:31 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요.

모바일에서만 높이를 별도로 설정하시려면

미디어 쿼리로 적용해보시겠어요?

아래의 CSS...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/37544</link>
			<description><![CDATA[<p>안녕하세요.</p>

<p>모바일에서만 높이를 별도로 설정하시려면</p>

<p>미디어 쿼리로 적용해보시겠어요?</p>

<p>아래의 CSS 코드도 추가해서 확인해보세요.</p>

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

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

<p> </p>

<p>만약, 스크립트로 적용하시려면</p>

<p>어떤 코드를 추가하셨는지 알려주시면 도움 드릴 방법을 찾아보겠습니다.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Tue, 08 Oct 2019 02:26:17 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[감사합니다!

상세하고, 정확한 빠른 답변 주셔서 잘 해결하였습니다. 

최신 업데이트 되어 있는데 주...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/37542</link>
			<description><![CDATA[<p>감사합니다!</p>

<p>상세하고, 정확한 빠른 답변 주셔서 잘 해결하였습니다. </p>

<p>최신 업데이트 되어 있는데 주신 function.php 코드로는 안되어서</p>

<p>$content-&gt;getThumbnail(220, 155)</p>

<p>=&gt; 400, 300 으로 바꿔서 잘 수정 되었습니다. </p>

<p>그런데..ㅠㅠ</p>

<p>모바일이.. 반응형이거든요.. 미디어쿼리를 따로 잡아주려다가 스크립트로 했는데, css로 하는 쪽은</p>

<p>좋은 방법 같지가 않아서 다시 질문 드려요. </p>

<p>반응형에서는 가로는 잘 들어 가는데 세로가 300px을 유지해서 길쭉해지는 것 같은데</p>

<p>어떻게 수정해야할지 부탁드릴게요.. </p>

<p>감사합니다. </p>]]></description>
			<author>fish</author>
			<pubDate>Tue, 08 Oct 2019 00:37:27 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

KBoard 오션 갤러리 스킨 게시글 목록 페이지에서

한 줄에 2개씩 표시하시려면

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

<p><a href="https://www.cosmosfarm.com/wpstore/product/kboard-ocean-gallery-skin" target="_blank">KBoard 오션 갤러리 스킨</a> 게시글 목록 페이지에서</p>

<p>한 줄에 2개씩 표시하시려면</p>

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

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

<pre>
<code class="language-css">#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { padding: 0 1% 15px 0; width: 49%; box-sizing: border-box; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 100%; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { width: 100%; height: 250px; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail .kboard-gallery-foreground { width: 100%; }
#kboard-ocean-gallery-list .kboard-list .kboard-no-image { height: 250px; line-height: 250px; }</code></pre>

<p>위의 코드에서 height: 250px; 부분과 line-height: 250px; 부분의 픽셀 값은 적절히 조절해보세요.</p>

<p> </p>

<p>위의 코드 적용 후 이미지가 흐릿하게 표시된다면</p>

<p>실제 불러오는 이미지 사이즈를 늘려보시겠어요?</p>

<p> </p>

<p>FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에</p>

<p>아래의 코드를 <strong>모두</strong> 찾아보시겠어요? (스킨에 따라 숫자는 다를 수도 있습니다.)</p>

<pre>
<code class="language-php">$content-&gt;getThumbnail(220, 155)</code></pre>

<p>위의 코드에서 숫자는 가로 세로 픽셀 크기 입니다.</p>

<p>적절히 늘려서 확인해보세요.</p>

<p> </p>

<p>최신 버전의 KBoard 플러그인을 사용 중이시라면</p>

<p>스킨 파일을 수정하지 마시고 테마 쪽 functions.php 파일에 코드를 추가해보시겠어요?</p>

<p>워드프레스 관리자 -&gt; 외모(테마 디자인) -&gt; 테마 편집기 페이지에서 functions.php 파일 하단에</p>

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

<pre>
<code class="language-php">add_filter('kboard_content_get_thumbnail_size','my_kboard_content_get_thumbnail_size', 10, 2);
function my_kboard_content_get_thumbnail_size($size, $content){
	$board = $content-&gt;getBoard();
	if($board-&gt;id == '1'){ // 실제 게시판 id로 적용해주세요.
		$size = array('width'=&gt;'220', 'height'=&gt;'155');
	}
	return $size;
}</code></pre>

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

<p>220 부분과 155 부분은 가로 세로 픽셀 크기입니다.</p>

<p>적절히 조절해서 확인해보세요.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Mon, 07 Oct 2019 06:45:17 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>