<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[오션갤러리 썸네일 모바일출력, 최신글뷰 문제...]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/15181</link>
		<description><![CDATA[<p>안녕하세요. 말씀 정말 감사합니다. 어제 답변글 보고 적용을 시도했보았는데요..3번(모바일 해상도)은 해결이 되었는데</p>

<p>1,2번이 잘 수정이 안되네요..</p>

<p>사이트는 <strong>WWW.SUMDAY.NET </strong> 이고 STORE 카테고리에서 오션을 쓰고 있습니다.</p>

<p> </p>

<p><strong>1. </strong>PC상에 썸네일 크기와 배치는 제가 원하는 사이즈로 두고 모바일에서만 한줄에 2개씩 배치하고 싶습니다.</p>

<p>예전까지는 썸네일 넓이를 적당히 142정도로 통일하니 모바일에서 2개로 나오길래 그대로 두었는데 PC에서는 이크기로 보려니 너무 작더라구요..ㅠ</p>

<p>알려주신 아래내용에서 넓이와 높이만 제가 원하는 사이즈로 바꾸고 대시보드에서 추가해보니</p>

<p>pc화면에서 백그라운드이미지가 틀어지고 간격이 너무 넓어집니다..  모바일에서는 2개가 나오긴하나 썸네일끼리 서로 포개지는등 난리가 났네요 흑....</p>

<p>#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 40%; }<br />
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { display: inline; margin: 0; width: 213px; height: 300px; vertical-align: middle; max-width: 100%; }</p>

<p> </p>

<p>위 내용을 추가하니 pc화면상에서는 간격이 너무 넓어지면서 한줄에 3개정도 나와야할 사이즈인데 2개만 나오구요..</p>

<p>PC화면에서는 기본 간격을 유지하며  썸네일이 크게 나와도 모바일에서만 작게.. 한줄에 2개씩 출력되는 방법좀 부탁드립니다... 가로폭을 140정도로 줄여놓으면 되는데 이사이즈는 pc화면에서 보기에 너무 작네요.. </p>

<p> </p>

<p> </p>

<p><strong>2. </strong>최신글뷰 게시판을 실행하면 기본 오션갤러리와 같은모양으로 출력하고 싶다고 질문드렸었는데요. 이것도 말씀하신 내용대로 수정했는데 다르게 보여집니다..</p>

<p>대시보드도 수정하고 latest.php 도 수정했습니다만...왜이런지 알수 있을까요..</p>

<p>STORE 라는 상위 카테고리를 바로 클릭하면 하위에 MAN, WOMEN 게시판의 최신글이 전부 같은 모양으로 나오게끔 하고 싶습니다.</p>

<p> </p>

<p> </p>

<p><strong>3.</strong> 제목이 길어지면 정렬이 흐트러집니다.</p>

<p>제사이트에서 썸네일 아래에 들어가는 제목이 길어지니 썸네일 자체가 위쪽으로 흐트러지네요..이문제는 어떻게 해야할까요...</p>

<p>제목이 다보이면서도 썸네일이 흐트러지지 않게 수정이 가능할까요...</p>

<p>그리고 오션갤러리 이전 버전은 제목 폰트 굵기가 지금보다 조금 두꺼웠는데...그렇게 하려면 어디를 수정해야하는지 알려주시면 감사하겠습니다...</p>

<p> </p>

<p>연속으로 질문해서 죄송합니다.</p>

<p>기초적인건데 잘 모르는 부분이 많네요... 부탁드리고 항상 감사합니다.</p>
]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[대시보드에서 #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img 부분에 height:...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/15214</link>
			<description><![CDATA[<p>대시보드에서 #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img 부분에 height: 100% 까지 적용하니 완벽하게 딱맞아떨어지네요.</p>

<p>정말 너무나 친절한 답변에 감사드립니다.</p>

<p>답변 덕분에 어디가 문제였는지 찾아냈습니다. 정말 너무너무나 감사드립니다.</p>
]]></description>
			<author>mute</author>
			<pubDate>Thu, 10 Aug 2017 19:15:13 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요.

홈페이지 주소 알려주셔서 다시 확인해봤습니다.

 

1. 이전 답변에서 알려드린 코드는 ...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/15187</link>
			<description><![CDATA[<p>안녕하세요.</p>

<p>홈페이지 주소 알려주셔서 다시 확인해봤습니다.</p>

<p> </p>

<p>1. 이전 답변에서 알려드린 코드는 지워주세요.</p>

<pre>
<code class="language-css">#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 40%; }
#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img { display: inline; margin: 0; width: 220px; height: 155px; vertical-align: middle; max-width: 100%; }</code></pre>

<p> </p>

<p>2. 아래 코드를 CSS 쪽에 적용해 보세요. ( 모바일 화면에서만 한 줄에 2개씩 배치하는 코드입니다. )</p>

<pre>
<code class="language-css">@media screen and (max-width: 600px) {
	#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item { width: 45%; display: block; float: left; padding: 0 0 15px 0; margin: 0 2.5%; }
	#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail { width: 100%; }
}</code></pre>

<p> </p>

<p>3. STORE 페이지에 최신글뷰(모아보기) 숏코드를 추가하셨는지요?</p>

<p>그렇다면 우선 스킨을 먼저 바꿔주셔야 합니다.</p>

<p>워드프레스 관리자 -&gt; KBoard -&gt; 최신글뷰(모아보기) -&gt; 선택 -&gt; 최신글 스킨 선택 설정에서 ocean-gallery 를 선택해주세요.</p>

<p> </p>

<p>그 다음 /wp-content/plugins/kboard/skin/ocean-gallery/latest.php 파일을 수정해주셔야 합니다.</p>

<p>아래 코드는 기본 오션 갤러리 스킨의 코드입니다.</p>

<pre>
<code class="language-html">&lt;div id="kboard-ocean-gallery-list"&gt;
	&lt;!-- 리스트 시작 --&gt;
	&lt;div class="kboard-list"&gt;
	&lt;?php while($content = $list-&gt;hasNextNotice()): $resize_img_src = $content-&gt;getThumbnail(440, 310);?&gt;
		&lt;div class="kboard-gallery-item"&gt;
			&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;
				&lt;div class="kboard-gallery-thumbnail"&gt;
					&lt;?php if($resize_img_src):?&gt;
					&lt;img src="&lt;?php echo $resize_img_src?&gt;" alt=""&gt;
					&lt;?php else:?&gt;
					&lt;div class="kboard-no-image"&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt;&lt;/div&gt;
					&lt;?php endif?&gt;
					&lt;div class="kboard-gallery-foreground"&gt;&lt;img src="&lt;?php echo KBOARD_URL_PATH . '/skin/ocean-gallery/images/over-foreground.png'?&gt;" alt=""&gt;&lt;/div&gt;
					&lt;div class="kboard-gallery-username"&gt;&lt;?php echo date("Y/m/d", strtotime($content-&gt;date))?&gt; by. &lt;?php echo $content-&gt;member_display?&gt;&lt;/div&gt;
				&lt;/div&gt;
				&lt;div class="kboard-gallery-title"&gt;[&lt;?php echo __('Notice', 'kboard')?&gt;] &lt;?php echo $content-&gt;title?&gt;&lt;/div&gt;
			&lt;/a&gt;
		&lt;/div&gt;
	&lt;?php endwhile?&gt;
	&lt;?php while($content = $list-&gt;hasNext()): $resize_img_src = $content-&gt;getThumbnail(440, 310);?&gt;
		&lt;div class="kboard-gallery-item"&gt;
			&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;"&gt;
				&lt;div class="kboard-gallery-thumbnail"&gt;
					&lt;?php if($resize_img_src):?&gt;
					&lt;img src="&lt;?php echo $resize_img_src?&gt;" alt=""&gt;
					&lt;?php else:?&gt;
					&lt;div class="kboard-no-image"&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt;&lt;/div&gt;
					&lt;?php endif?&gt;
					&lt;div class="kboard-gallery-foreground"&gt;&lt;img src="&lt;?php echo KBOARD_URL_PATH . '/skin/ocean-gallery/images/over-foreground.png'?&gt;" alt=""&gt;&lt;/div&gt;
					&lt;div class="kboard-gallery-username"&gt;&lt;?php echo date("Y/m/d", strtotime($content-&gt;date))?&gt; by. &lt;?php echo $content-&gt;member_display?&gt;&lt;/div&gt;
				&lt;/div&gt;
				&lt;div class="kboard-gallery-title"&gt;&lt;?php echo $content-&gt;title?&gt;&lt;/div&gt;
			&lt;/a&gt;
		&lt;/div&gt;
	&lt;?php endwhile?&gt;
	&lt;/div&gt;
	&lt;!-- 리스트 끝 --&gt;
&lt;/div&gt;</code></pre>

<p><br />
http://sumday.net 홈페이지 확인해보니 오션 갤러리 스킨을 수정하셨는데요.</p>

<p>그래도 적용하셔도 괜찮지만, 수정하신 list.php 파일의 내용을 latest.php 파일에 넣어주시면 됩니다.</p>

<p>그리고</p>

<p>&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toString()?&gt;</p>

<p>위 코드를 찾아서 아래 코드로 교체해주시면 링크가 정상 동작할겁니다.</p>

<p>&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toStringWithPath($board_url)?&gt;</p>

<p> </p>

<p>4. 제목 정렬이 깨지는건 잘 모르겠습니다.</p>

<p>아래 CSS 코드를 추가하시면 리스트에서 제목을 굵게 표시할 수 있습니다.</p>

<pre>
<code class="language-css">#kboard-ocean-gallery-list .kboard-list .kboard-gallery-title { font-weight: bold; }</code></pre>

<p><br />
저희 답변 대로 적용해보시고 추후 제대로 적용이 안된 부분이 있다면 다시 답변 드리겠습니다.</p>

<p>고맙습니다.</p>
]]></description>
			<author>스레드봇</author>
			<pubDate>Thu, 10 Aug 2017 01:34:34 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>