디자인을...

카페24 디자인뱅크에서 처럼 디자인을 팔고 싶습니다,

첨부파일처럼 하려면 어떻게 해야 하나요?

전 코스모스팜회원관리 무제한 라이센스를 구입했습니다.

https://imgur.com/PQlpYjP

 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    첨부파일처럼이라면 어떤 것을 말씀하시는 건지요?

    뭔가 커스텀이 필요하시다면 코드를 수정하셔야 할 듯합니다.

    디자인 수정 시 HTML과 CSS 코드에 대해 알면 도움이 됩니다.

    고맙습니다.

  • 네 이전 댓글의 코드대로 했는데도 변화가 없어서요.ㅠㅠ

    카테고리는 제 명명한 대로 바꾸는 것이 맞지요?

    그 이전 댓글에서는 resize를 바꾸라 하셔서 바꾸었잖아요.

    그럼 다른 사이즈도 입력해야 되는 것은 아닌가요?

    번거로운 질문을 드려 죄송합니다.^^

  • 게시글 본문 페이지에서 게시글 카테고리에 따라

    이미지 크기를 다르게 하고 싶으신 건지요?

    카테고리에 따라 다른 코드가 실행되게 해야 합니다.

    그 방법은 이전 댓글의 코드를 참고해보세요.

    고맙습니다.

  • 제가 질문을 잘 못드렸나보네요.ㅠㅠ

    사이즈 조정을 알려주신 코드대로 비율에 맞게 조정을 했더니

    https://imgur.com/29SnMfO

    와 같이 그림이 잘 조절이 되었습니다.

    위의 것은 카테고리를 무료바탕화면으로 만들었구요.

    아래쪽은 핸드폰배경으로 카테고리를 만들었는데 

    그림파일이 세로로 길다보니 그림의 비율이 안 맞습니다.

    https://imgur.com/pPpL6ah

    그래서 각 카테고리마다 보여지는 파일 크기를 달리할 수 있는 방법을 여쭤본 것입니다.

  • KBoard 플러그인 게시글 본문 페이지에서

    게시글 카테고리1에 따라서

    다른 코드가 실행되게 하시려면 document.php 파일에

    아래의 코드를 활용해보시겠어요?

    <?php
    if($content->category1 == '공지사항'){
    	// 카테고리1이 공지사항일 때 실행됩니다.
    }
    else if($content->category1 == '자유게시판'){
    	// 카테고리1이 자유게시판일 때 실행됩니다.
    }
    ?>

    고맙습니다.

  • 감사합니다. 구매하기 버튼에 나타나는 그림을 비율대로 줄였더니, 전체그림이 나왔습니다.

    그런데 제가 판매하고픈 그림이 비율이 다 달라서...

    혹 카테고리별로 그림을 resize하는 방법은 없을까요?

    제가 코딩지식을 배우다가 포기했습니다.ㅠㅠ

  • KBoard 퍼스트 콘텐츠몰 스킨에서 옵션 상품 기능은 현재 지원하지 않고 있습니다.

    추후 연구 개발하여 업데이트하도록 하겠습니다.

     

    상품 상세 페이지에서

    표시되는 이미지는 KBoard 플러그인의 kboard_resize 함수를 활용해서 표시하고 있습니다.

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

    아래의 코드들을 확인하실 수 있습니다.

    kboard_resize($media_item->file_path, 600, 338)

    위의 코드에서 600 부분은 페이지 로드 시 불러오는 이미지의 너비 크기이며

    338 부분은 높이 크기입니다.

    픽셀 크기를 늘려서 확인해보시겠어요?

    고맙습니다.

  • 옵션에 따라 다운받는 그림이 달라질 수 있도록 해 주시면 감사하겠습니다.

    썸네일크기는 제대로 올렸습니다. 그런데 구매하기 버튼이 나오는 이미지에 나오는 파일은 비례가 안 맞아서 그런지 그림이 제대로 보이지가 않습니다. ㅠㅠ

    첨부파일 올립니다. 확인 부탁드립니다. 제가 만든 파일 사이즈는 참고로 1920*1080 입니다.

    https://imgur.com/CLddwbC

     

  • KBoard 플러그인에서 카테고리는

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 기본설정 탭에서 설정하실 수 있습니다.

    데모 페이지처럼 카테고리1 기능을 활용하시려면

    기본설정 탭에서 카테고리 사용 설정을 활성화로 설정해보세요.

    카테고리1 입력 필드에 카테고리를 입력해보세요.

    카테고리는 콤마(,)로 구분 됩니다.

     

    상품등록 및 주문조회를 관리자에게만 표시되게 하시려면

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 권한설정 탭에서

    쓰기권한을 직접선택으로 선택한 후 관리자 체크박스에 체크하고 저장해보세요.

    그 다음, FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list-gallery-style.php 파일에

    아래의 코드를 찾아서

    <li class="kboard-page-history<?php if(kboard_mod() == 'history'):?> kboard-selected<?php endif?>"><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('start_date', '')->set('end_date', '')->set('target', '')->set('keyword', '')->set('kboard_search_option', '')->set('mod', 'history')->tostring()?>"><?php echo __('My Orders', 'kboard')?></a></li>
    <?php if($board->isWriter()):?>
    	<li class="kboard-page-sales<?php if(kboard_mod() == 'sales'):?> kboard-selected<?php endif?>"><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('start_date', '')->set('end_date', '')->set('target', '')->set('keyword', '')->set('kboard_search_option', '')->set('mod', 'sales')->tostring()?>"><?php echo __('My Sales', 'kboard')?></a></li>
    	<?php if(is_user_logged_in()):?>
    		<li class="kboard-page-new"><a href="<?php echo $url->getContentEditor()?>"><?php echo __('New Product', 'kboard')?></a></li>
    	<?php else:?>
    		<li class="kboard-page-new"><a href="#" onclick="alert('<?php echo __('Please Log in to continue.', 'kboard')?>');top.window.location.href='<?php echo wp_login_url($_SERVER['REQUEST_URI'])?>';return false;"><?php echo __('New Product', 'kboard')?></a></li>
    	<?php endif?>
    <?php endif?>

    아래의 코드로 교체해보세요.

    <?php if($board->isWriter()):?>
    	<li class="kboard-page-history<?php if(kboard_mod() == 'history'):?> kboard-selected<?php endif?>"><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('start_date', '')->set('end_date', '')->set('target', '')->set('keyword', '')->set('kboard_search_option', '')->set('mod', 'history')->tostring()?>"><?php echo __('My Orders', 'kboard')?></a></li>
    	<li class="kboard-page-sales<?php if(kboard_mod() == 'sales'):?> kboard-selected<?php endif?>"><a href="<?php echo $url->set('category1', '')->set('category2', '')->set('pageid', '1')->set('start_date', '')->set('end_date', '')->set('target', '')->set('keyword', '')->set('kboard_search_option', '')->set('mod', 'sales')->tostring()?>"><?php echo __('My Sales', 'kboard')?></a></li>
    	<?php if(is_user_logged_in()):?>
    		<li class="kboard-page-new"><a href="<?php echo $url->getContentEditor()?>"><?php echo __('New Product', 'kboard')?></a></li>
    	<?php else:?>
    		<li class="kboard-page-new"><a href="#" onclick="alert('<?php echo __('Please Log in to continue.', 'kboard')?>');top.window.location.href='<?php echo wp_login_url($_SERVER['REQUEST_URI'])?>';return false;"><?php echo __('New Product', 'kboard')?></a></li>
    	<?php endif?>
    <?php endif?>

     

    썸네일 크기는 가로 500 픽셀이며 세로 281 픽셀입니다.

    이용약관은 상품 상세 페이지에서 구매하기 버튼 클릭 후 결제 페이지에서 표시됩니다.

    본문 페이지에서 이미지는 KBoard 미디어 추가로 업로드한 이미지가 표시됩니다.

    한 상품에서 옵션을 선택하는 기능을 말씀하시는 건지요?

    현재는 옵션 상품에 대한 기능을 지원하지 않고 있습니다.

    추후 연구 개발하여 업데이트하도록 하겠습니다.

    고맙습니다.

  • 퍼스트 컨텐츠몰 스킨에서 페이지를 만든 후 카테고리를 만들어 상품을 하나 올리는데는 성공했습니다.ㅋㅋ

    https://imgur.com/8L3Y3jT

    그런데 예시에서 보여주시는 카테고리는 어디서 만드나요?

    글구 소비자에게 보여지는 화면에서는 굳이 페이지 부분의 주문조회나 상품등록이 필요없을 것 같습니다.ㅠㅠ

    어떻게 삭제하나요?

    그리고 썸네일부분의 그림사이즈는 어떻게 되며, 이용약관은 어디에서 볼 수 있을까요?

    아래 링크에 건 부분의 회색부분은 어디에서 업로드를 하는 것인지요?

    https://imgur.com/aVmetPh

    그리고 쇼핑몰처럼 옵션을 걸 수 있는 방법이 있는지요? 그 옵션마다 다른 이미지를 팔고 싶습니다.

    참고로 제가 만드는 사이트는 http://joy25846.cafe24.com 입니다.

    항상 좋은 답변으로 응답해주셔서 감사합니다.

  • 안녕하세요.

    KBoard 게시판 페이지는 워드프레스 페이지를 생성 후

    해당 페이지에 게시판을 설치해주시면 됩니다.

    워드프레스 페이지에 게시판 삽입하기 방법을 참고해보시겠어요?

     

    상품 등록은 게시글(상품) 목록 페이지에서 상품등록 버튼을 눌러보세요.

    https://imgur.com/a/sKaLDhg

    고맙습니다.

  • 자꾸 초보적인 질문을 해서 죄송합니다.

    퍼스콘텐츠몰스킨에 기본설정을 한 후 

    '기본 설정을 저장한 다음 게시판 페이지로 이동해서 상품을 등록해주세요.'

    와 같은 글이 있습니다. 게시판 페이지는 어디서 찾는건가요? ㅠㅠ

  • 워드프레스 관리자 페이지에서 KBoard 메뉴가 표시되지 않는다면

    KBoard 플러그인이 정상적으로 설치 및 활성화되어 있는지 확인해보셔야 할 듯합니다.

    KBoard 퍼스트 콘텐츠몰 스킨은 KBoard 게시판 스킨 중 하나입니다.

     

    KBoard 및 게시판 스킨 설치 관련해서는

    KBoard(케이보드) 게시판 스킨과 플러그인 설치 방법을 참고해보세요.

    고맙습니다.

  • 제게 코딩지식은 없습니다.ㅠㅠ

    해보는데까지 하려는데 대시보드에 회원가입관리만 뜨고 kboard는 안뜨네요?ㅠㅠ

    컨텐츠몰스킨은 테마에 부분적으로 들어가게 하는 거 맞는건가요?

  • 사용 중이신 플러그인에 따라 적용 방법이 다릅니다.

    올려주신 페이지와는 완전 동일하진 않지만

    KBoard 퍼스트 콘텐츠몰 스킨을 사용하시면

    워드프레스 사이트에서 디지털 콘텐츠 또는 홍보/마케팅 등 서비스 상품을 판매하실 수 있습니다.

     

    코스모스팜 회원관리 플러그인을 사용하시면

    정기결제, 일반결제 모두 활용하실 수 있습니다.

     

    우커머스 플러그인을 사용하시면

    상품을 판매할 수 있는 페이지를 만드실 수 있습니다.

     

    원하시는 대로 적용하시려면 어느 정도 코딩에 대한 지식이 있으셔야 할 듯합니다.

    고맙습니다.

  • 가격설정시 웹용, 인쇄용, 무제한사용권으로 가격을 차등을 두면서 다운받는 그림도 틀리게 할 수 있는 것으로 하고 싶습니다. 이것이 쇼핑몰처럼 팔 수 있는 디자인이 가능한 것인지도 알고 싶습니다.

    카페 24에 있는 디자인뱅크 링크 알려드립니다.

    https://dbank.cafe24.com/home/home_main.php

  • 이전 댓글에 안내해드린 코드를 그대로 적용하시면

    당연히 아무런 변화가 없습니다.

    커뮤니티에서는 저희가 모든 코드를 만들어 드리는 건 현실적으로 불가능하기 때문에

    예제 코드의 경우에는 직접 활용해주셔야 합니다.

     

    콘텐츠몰 스킨에서 이미지 슬라이드는

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

    아래의 코드로 표시하고 있습니다.

    <div class="kboard-first-contents-mall-image-gallery">
    	<?php foreach($media_list as $media_item):?>
    	<div data-thumb="<?php echo kboard_resize($media_item->file_path, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
    		<img src="<?php echo kboard_resize($media_item->file_path, 600, 338)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
    	</div>
    	<?php endforeach?>
    </div>

     

    아래처럼 교체해서 사이즈를 각각 다르게 설정하실 수 있습니다.

    <?php if($content->category1 == '공지사항'): // 카테고리1이 공지사항일 때 실행됩니다.?>
    	<div class="kboard-first-contents-mall-image-gallery">
    		<?php foreach($media_list as $media_item):?>
    		<div data-thumb="<?php echo kboard_resize($media_item->file_path, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
    			<img src="<?php echo kboard_resize($media_item->file_path, 600, 338)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
    		</div>
    		<?php endforeach?>
    	</div>
    <?php elseif($content->category1 == '자유게시판'): // 카테고리1이 자유게시판일 때 실행됩니다.?>
    	<div class="kboard-first-contents-mall-image-gallery">
    		<?php foreach($media_list as $media_item):?>
    		<div data-thumb="<?php echo kboard_resize($media_item->file_path, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
    			<img src="<?php echo kboard_resize($media_item->file_path, 600, 338)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
    		</div>
    		<?php endforeach?>
    	</div>
    <?php else:?>
    	<div class="kboard-first-contents-mall-image-gallery">
    		<?php foreach($media_list as $media_item):?>
    		<div data-thumb="<?php echo kboard_resize($media_item->file_path, 200, 200)?>" data-src="<?php echo site_url($media_item->file_path)?>">
    			<img src="<?php echo kboard_resize($media_item->file_path, 600, 338)?>" alt="<?php echo esc_attr(basename($media_item->file_name))?>">
    		</div>
    		<?php endforeach?>
    	</div>
    <?php endif?>

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기