<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[게시글을 모달형식으로]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/55348</link>
		<description><![CDATA[<p>안녕하세요.<br />
워드프레스 게시판 케이보드 사용중입니다.</p>

<p>https://www.cosmosfarm.com/threads/document/27554<br />
이 게시글을 참고하여 팝업창으로 하는건 성공했는데,<br />
저희가 원하는 방향이랑 달라서<br />
댓글에 기재되어있는 모달창 형식으로 바꾸려고 하니 잘 안되서 문의글 올립니다.</p>

<p>사용중인 테마는 모던갤러리스킨입니다.</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[답변감사합니다.

 

첨부해주신 링크를 보고참고하여 아래의 코드로 변경하였습니다.


&amp;lt;div id...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/55370</link>
			<description><![CDATA[<p>답변감사합니다.</p>

<p> </p>

<p>첨부해주신 링크를 보고참고하여 아래의 코드로 변경하였습니다.</p>

<pre>
<code>&lt;div id="kboard-modern-gallery-list"&gt;
	&lt;div class="kboard-header"&gt;
		&lt;!-- 카테고리 시작 --&gt;
		&lt;?php
		if($board-&gt;use_category == 'yes'){
			if($board-&gt;isTreeCategoryActive()){
				$category_type = 'tree-select';
			}
			else{
				$category_type = 'default';
			}
			$category_type = apply_filters('kboard_skin_category_type', $category_type, $board, $boardBuilder);
			echo $skin-&gt;load($board-&gt;skin, "list-category-{$category_type}.php", $vars);
		}
		?&gt;
		&lt;!-- 카테고리 끝 --&gt;
	&lt;/div&gt;
	
	&lt;!-- 리스트 시작 --&gt;
	&lt;ul class="kboard-list"&gt;
	&lt;?php while($content = $list-&gt;hasNext()): $resize_img_src = $content-&gt;getThumbnail(290, 215);?&gt;
		&lt;li class="kboard-list-item"&gt;
			&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toString()?&gt;" onclick="window.open(this.href, '&lt;?php echo $content-&gt;title?&gt;', 'width=700, height=800, scrollbars=yes'); return false;" class="kboard-item-thumbnail" style="background-image:url(&lt;?php echo $resize_img_src?&gt;);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='&lt;?php echo $resize_img_src?&gt;',sizingMethod='scale');-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='&lt;?php echo $resize_img_src?&gt;',sizingMethod='scale');"&gt;
				&lt;?php if(!$resize_img_src):?&gt;&lt;i class="icon-picture"&gt;&lt;/i&gt;&lt;?php endif?&gt;
			&lt;/a&gt;
			&lt;div class="kboard-item-description"&gt;
				&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toString()?&gt;" onclick="window.open(this.href, '&lt;?php echo $content-&gt;title?&gt;', 'width=700, height=800, scrollbars=yes'); return false;" class="kboard-item-avatar"&gt;
					&lt;?php echo get_avatar($content-&gt;getUserID(), 24, $skin_path.'/images/default-avatar.png', $content-&gt;getUserName())?&gt;
					&lt;img src="&lt;?php echo $skin_path?&gt;/images/avatar-mask.png" alt="" class="kboard-item-avatar-mask"&gt;
				&lt;/a&gt;
				&lt;p class="kboard-item-title kboard-modern-gallery-cut-strings"&gt;&lt;a href="&lt;?php echo $url-&gt;getDocumentURLWithUID($content-&gt;uid)?&gt;"&gt;&lt;?php echo $content-&gt;title?&gt;&lt;/a&gt;&lt;/p&gt;
				&lt;p class="kboard-item-user"&gt;by &lt;span&gt;&lt;?php echo $content-&gt;getUserDisplay()?&gt;&lt;/span&gt;&lt;/p&gt;
			&lt;/div&gt;
			&lt;div class="kboard-item-info"&gt;
				&lt;span class="kboard-item-info-views"&gt;&lt;?php echo $content-&gt;view?&gt;&lt;/span&gt;
				&lt;span class="kboard-item-info-like"&gt;&lt;?php echo $content-&gt;vote?&gt;&lt;/span&gt;
				&lt;span class="kboard-item-info-comments"&gt;&lt;?php echo $content-&gt;getCommentsCount()?&gt;&lt;/span&gt;
			&lt;/div&gt;
		&lt;/li&gt;
	&lt;?php endwhile?&gt;
	&lt;/ul&gt;
	&lt;!-- 리스트 끝 --&gt;

	&lt;!-- 모달창 추가 코드 시작(1) --&gt;
	&lt;div class="kboard-gallery-document content-uid-&lt;?php echo $content-&gt;uid?&gt;"&gt;
		&lt;div id="kboard-document"&gt;
			&lt;div id="kboard-ocean-gallery-document"&gt;
				&lt;div class="kboard-document-wrap" itemscope itemtype="http://schema.org/Article"&gt;
					&lt;button type="button" onclick="close_pop_up()"&gt;닫기&lt;/button&gt;
					&lt;div class="kboard-title" itemprop="name"&gt;
						&lt;p&gt;&lt;?php echo $content-&gt;title?&gt;&lt;/p&gt;
					&lt;/div&gt;
					
					&lt;div class="kboard-detail"&gt;
						&lt;?php if($content-&gt;category1):?&gt;
						&lt;div class="detail-attr detail-category1"&gt;
							&lt;div class="detail-name"&gt;&lt;?php echo $content-&gt;category1?&gt;&lt;/div&gt;
						&lt;/div&gt;
						&lt;?php endif?&gt;
						&lt;?php if($content-&gt;category2):?&gt;
						&lt;div class="detail-attr detail-category2"&gt;
							&lt;div class="detail-name"&gt;&lt;?php echo $content-&gt;category2?&gt;&lt;/div&gt;
						&lt;/div&gt;
						&lt;?php endif?&gt;
						&lt;?php if($content-&gt;option-&gt;tree_category_1):?&gt;
						&lt;?php for($i=1; $i&lt;=$content-&gt;getTreeCategoryDepth(); $i++):?&gt;
						&lt;div class="detail-attr detail-tree-category-&lt;?php echo $i?&gt;"&gt;
							&lt;div class="detail-name"&gt;&lt;?php echo $content-&gt;option-&gt;{'tree_category_'.$i}?&gt;&lt;/div&gt;
						&lt;/div&gt;
						&lt;?php endfor?&gt;
						&lt;?php endif?&gt;
						&lt;div class="detail-attr detail-writer"&gt;
							&lt;div class="detail-name"&gt;&lt;?php echo __('Author', 'kboard')?&gt;&lt;/div&gt;
							&lt;div class="detail-value"&gt;&lt;?php echo apply_filters('kboard_user_display', $content-&gt;member_display, $content-&gt;member_uid, $content-&gt;member_display, 'kboard', $boardBuilder)?&gt;&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class="detail-attr detail-date"&gt;
							&lt;div class="detail-name"&gt;&lt;?php echo __('Date', 'kboard')?&gt;&lt;/div&gt;
							&lt;div class="detail-value"&gt;&lt;?php echo date("Y-m-d H:i", strtotime($content-&gt;date))?&gt;&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class="detail-attr detail-view"&gt;
							&lt;div class="detail-name"&gt;&lt;?php echo __('Views', 'kboard')?&gt;&lt;/div&gt;
							&lt;div class="detail-value"&gt;&lt;?php echo $content-&gt;view?&gt;&lt;/div&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
					&lt;div class="kboard-content" itemprop="description"&gt;
						&lt;div class="content-view"&gt;
							&lt;?php foreach($content-&gt;attach as $key=&gt;$attach): $extension = strtolower(pathinfo($attach[0], PATHINFO_EXTENSION));?&gt;
								&lt;?php if(in_array($extension, array('gif','jpg','jpeg','png'))):?&gt;
									&lt;p class="thumbnail-area"&gt;&lt;img src="&lt;?php echo site_url($attach[0])?&gt;" alt="&lt;?php echo $attach[1]?&gt;"&gt;&lt;/p&gt;
								&lt;?php else: $download[$key] = $attach; endif?&gt;
							&lt;?php endforeach?&gt;
							
							&lt;?php echo $content-&gt;content?&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
					&lt;div class="kboard-document-action"&gt;
						&lt;div class="left"&gt;
							&lt;button type="button" class="kboard-button-action kboard-button-like" onclick="kboard_document_like(this)" data-uid="&lt;?php echo $content-&gt;uid?&gt;" title="&lt;?php echo __('Like', 'kboard')?&gt;"&gt;&lt;?php echo __('Like', 'kboard')?&gt; &lt;span class="kboard-document-like-count"&gt;&lt;?php echo intval($content-&gt;like)?&gt;&lt;/span&gt;&lt;/button&gt;
							&lt;button type="button" class="kboard-button-action kboard-button-unlike" onclick="kboard_document_unlike(this)" data-uid="&lt;?php echo $content-&gt;uid?&gt;" title="&lt;?php echo __('Unlike', 'kboard')?&gt;"&gt;&lt;?php echo __('Unlike', 'kboard')?&gt; &lt;span class="kboard-document-unlike-count"&gt;&lt;?php echo intval($content-&gt;unlike)?&gt;&lt;/span&gt;&lt;/button&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
					&lt;?php if(isset($download) &amp;&amp; $download): foreach($download as $key=&gt;$value):?&gt;
					&lt;div class="kboard-attach"&gt;
						&lt;?php echo __('Attachment', 'kboard')?&gt; : &lt;a href="&lt;?php echo $url-&gt;getDownloadURLWithAttach($content-&gt;uid, $key)?&gt;"&gt;&lt;?php echo $content-&gt;attach-&gt;{$key}[1]?&gt;&lt;/a&gt;
					&lt;/div&gt;
					&lt;?php endforeach; endif;?&gt;
				&lt;/div&gt;
				
				&lt;?php if($content-&gt;visibleComments()):?&gt;
				&lt;div class="kboard-comments-area"&gt;&lt;?php echo $board-&gt;buildComment($content-&gt;uid)?&gt;&lt;/div&gt;
				&lt;?php endif?&gt;
				
				&lt;div class="kboard-control"&gt;
					&lt;div class="left"&gt;
						&lt;a href="&lt;?php echo $url-&gt;set('mod', 'list')-&gt;toString()?&gt;" class="kboard-ocean-gallery-button-small"&gt;&lt;?php echo __('List', 'kboard')?&gt;&lt;/a&gt;
						&lt;?php if($content-&gt;getPrevUID()):?&gt;
						&lt;a href="&lt;?php echo $url-&gt;getDocumentURLWithUID($content-&gt;getPrevUID())?&gt;" class="kboard-ocean-gallery-button-small" onclick="kboard_gallery_document('&lt;?php echo $content-&gt;getPrevUID()?&gt;'); return false;"&gt;&lt;?php echo __('Prev', 'kboard')?&gt;&lt;/a&gt;
						&lt;?php endif?&gt;
						&lt;?php if($content-&gt;getNextUID()):?&gt;
						&lt;a href="&lt;?php echo $url-&gt;getDocumentURLWithUID($content-&gt;getNextUID())?&gt;" class="kboard-ocean-gallery-button-small" onclick="kboard_gallery_document('&lt;?php echo $content-&gt;getNextUID()?&gt;'); return false;"&gt;&lt;?php echo __('Next', 'kboard')?&gt;&lt;/a&gt;
						&lt;?php endif?&gt;
					&lt;/div&gt;
					&lt;?php if($content-&gt;isEditor() || $board-&gt;permission_write=='all'):?&gt;
					&lt;div class="right"&gt;
						&lt;a href="&lt;?php echo $url-&gt;getContentEditor($content-&gt;uid)?&gt;" class="kboard-ocean-gallery-button-small"&gt;&lt;?php echo __('Edit', 'kboard')?&gt;&lt;/a&gt;
						&lt;a href="&lt;?php echo $url-&gt;getContentRemove($content-&gt;uid)?&gt;" class="kboard-ocean-gallery-button-small" onclick="return confirm('&lt;?php echo __('Are you sure you want to delete?', 'kboard')?&gt;');"&gt;&lt;?php echo __('Delete', 'kboard')?&gt;&lt;/a&gt;
					&lt;/div&gt;
					&lt;?php endif?&gt;
				&lt;/div&gt;
				
				&lt;?php if($board-&gt;contribution() &amp;&amp; !$board-&gt;meta-&gt;always_view_list):?&gt;
				&lt;div class="kboard-ocean-gallery-poweredby"&gt;
					&lt;a href="http://www.cosmosfarm.com/products/kboard" onclick="window.open(this.href); return false;" title="&lt;?php echo __('KBoard is the best community software available for WordPress', 'kboard')?&gt;"&gt;Powered by KBoard&lt;/a&gt;
				&lt;/div&gt;
				&lt;?php endif?&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;!-- 모달창 추가 코드 끝(1) --&gt;
	
	&lt;!-- 페이징 시작 --&gt;
	&lt;div class="kboard-pagination"&gt;
		&lt;ul class="kboard-pagination-pages"&gt;
			&lt;?php echo kboard_pagination($list-&gt;page, $list-&gt;total, $list-&gt;rpp)?&gt;
		&lt;/ul&gt;
	&lt;/div&gt;
	&lt;!-- 페이징 끝 --&gt;
	
	&lt;form id="kboard-search-form" method="get" action="&lt;?php echo esc_url($url-&gt;toString())?&gt;"&gt;
		&lt;?php echo $url-&gt;set('pageid', '1')-&gt;set('target', '')-&gt;set('keyword', '')-&gt;set('mod', 'list')-&gt;toInput()?&gt;
		
		&lt;div class="kboard-search"&gt;
			&lt;select name="target"&gt;
				&lt;option value=""&gt;&lt;?php echo __('All', 'kboard')?&gt;&lt;/option&gt;
				&lt;option value="title"&lt;?php if(kboard_target() == 'title'):?&gt; selected&lt;?php endif?&gt;&gt;&lt;?php echo __('Title', 'kboard')?&gt;&lt;/option&gt;
				&lt;option value="content"&lt;?php if(kboard_target() == 'content'):?&gt; selected&lt;?php endif?&gt;&gt;&lt;?php echo __('Content', 'kboard')?&gt;&lt;/option&gt;
				&lt;option value="member_display"&lt;?php if(kboard_target() == 'member_display'):?&gt; selected&lt;?php endif?&gt;&gt;&lt;?php echo __('Author', 'kboard')?&gt;&lt;/option&gt;
			&lt;/select&gt;
			&lt;input type="text" name="keyword" value="&lt;?php echo kboard_keyword()?&gt;"&gt;
			&lt;button type="submit" class="kboard-modern-gallery-button-small"&gt;&lt;?php echo __('Search', 'kboard')?&gt;&lt;/button&gt;
		&lt;/div&gt;
	&lt;/form&gt;
	
	&lt;?php if($board-&gt;isWriter()):?&gt;
	&lt;!-- 버튼 시작 --&gt;
	&lt;div class="kboard-control"&gt;
		&lt;a href="&lt;?php echo esc_url($url-&gt;getContentEditor())?&gt;" class="kboard-modern-gallery-button-small"&gt;&lt;?php echo __('New', 'kboard')?&gt;&lt;/a&gt;
	&lt;/div&gt;
	&lt;!-- 버튼 끝 --&gt;
	&lt;?php endif?&gt;
	
	&lt;?php if($board-&gt;contribution()):?&gt;
	&lt;div class="kboard-modern-gallery-poweredby"&gt;
		&lt;a href="https://www.cosmosfarm.com/products/kboard" onclick="window.open(this.href);return false;" title="&lt;?php echo __('KBoard is the best community software available for WordPress', 'kboard')?&gt;"&gt;Powered by KBoard&lt;/a&gt;
	&lt;/div&gt;
	&lt;?php endif?&gt;
&lt;/div&gt;

&lt;!-- 모달창 추가 코드 시작(2) --&gt;
&lt;style&gt;
	#kboard-ocean-gallery-list .kboard-gallery-document { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
	#kboard-ocean-gallery-list #kboard-document { margin: 10% auto; padding: 10px; width: 50%; background-color: white; border: 1px solid gray; }
&lt;/style&gt;

&lt;script&gt;
	function kboard_gallery_document(uid){
		jQuery('.kboard-gallery-document').hide();
		jQuery('.content-uid-'+uid).show();
	}
	function close_pop_up(){
		jQuery('.kboard-gallery-document').hide();
	}
&lt;/script&gt;
&lt;!-- 모달창 추가 코드 끝(2) --&gt;</code></pre>

<p> </p>

<p>수정하고 나니</p>

<p>본래 https://imgur.com/a/4eIvCk8 이렇게 뜨던 페이지가</p>

<p>https://imgur.com/a/94ROLTj 처럼 뜨고, 게시글 클릭 시 팝업창으로 뜨는것은 그대로 유지되어있습니다.</p>

<p> </p>]]></description>
			<author>nudge</author>
			<pubDate>Fri, 17 Sep 2021 06:42:26 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[레이어 팝업으로 표시되게 하시려면

아래 답변의 내용을 참고해보시겠어요?

https://www.cosmosfarm.c...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/55364</link>
			<description><![CDATA[<p>레이어 팝업으로 표시되게 하시려면</p>

<p>아래 답변의 내용을 참고해보시겠어요?</p>

<p><a href="https://www.cosmosfarm.com/threads/document/27554#document-answer-27563" target="_blank">https://www.cosmosfarm.com/threads/document/27554#document-answer-27563</a></p>

<p> </p>

<p>사용 중이신 스킨에 따라 코드가 조금 다를 수도 있습니다.</p>

<p> </p>

<p>직접 코드를 수정하기 어려우신 상황이라면</p>

<p>프로젝트 의뢰에 상세 내용을 올려보세요.</p>

<p><a href="https://www.cosmosfarm.com/project" target="_blank">https://www.cosmosfarm.com/project</a></p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Fri, 17 Sep 2021 05:54:52 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에

아래 코드와 비슷하게...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/55355</link>
			<description><![CDATA[<p>FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에</p>

<p>아래 코드와 비슷하게 생긴 부분을</p>

<pre>
<code>&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toString()?&gt;"&gt;</code></pre>

<p>아래코드로 변경하였습니다.</p>

<pre>
<code>&lt;a href="&lt;?php echo $url-&gt;set('uid', $content-&gt;uid)-&gt;set('mod', 'document')-&gt;toString()?&gt;" onclick="window.open(this.href, '&lt;?php echo $content-&gt;title?&gt;', 'width=700, height=800, scrollbars=yes'); return false;"&gt;
</code></pre>

<p>수정하였더니 팝업형식으로 뜨게 하는건 성공했습니다.</p>

<p> </p>

<p>허나 저희가 원하는것은 모달창 형식입니다.</p>

<p>게시글 클릭시, 아래의 사진처럼 이미지모달창이 뜨게 하고싶습니다.</p>

<p>https://imgur.com/a/vzoT71Z</p>

<p> </p>

<p>참고로 사용하고 있는 테마는 모던갤러리스킨 입니다.</p>]]></description>
			<author>nudge</author>
			<pubDate>Fri, 17 Sep 2021 04:58:40 +0000</pubDate>
			<category>KBoard</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

올려주신 내용만으로는 어떤 부분이 문제가 되는지 원인을 파악하기 어렵습니다.

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

<p>올려주신 내용만으로는 어떤 부분이 문제가 되는지 원인을 파악하기 어렵습니다.</p>

<p>만약, 스킨 파일을 수정하신 경우라면</p>

<p>어떤 파일의 어느 부분을 수정하셨는지 알려주시겠어요?</p>

<p>프로그램 코드를 올려야 할 경우 에디터의 <a href="https://imgur.com/a/SgTSN1g" target="_blank">코드 스니펫 삽입</a> 기능을 사용해주세요.</p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Fri, 17 Sep 2021 04:23:47 +0000</pubDate>
			<category>KBoard</category>
		</item>
			</channel>
</rss>