KBoard 이모션 고객센터의 short link 메뉴 구현 방법외

안녕하세요?

KBoard 이모션 고객센터 스킨을 이용하고 있는데요.

본격적으로 사용해 보려고 보다보니 두가지 의문점이 생깁니다.

1. 첫째는 KBoard 이모션 고객센터 스킨 설명에서 보여주는 오른쪽 중앙의 Short link 메뉴들을 어떻게 구현하는지 알고 싶습니다.

   - 고객센터라는 제목하에 전체보기/가입 및 탈퇴, 정보보호/선물하기 등등

   

2. 두번째는 검색창이 설명 이미지에는 전체 - 검색으로 가로로 나타나는데 저의 경우는 두줄로 나타납니다.

   무엇인가가 이상해서 계속보다보니 그런 차이가 있더라구요.

   설명  이미지처럼 가로로 깔끔하게 나타나려면 어찌해야하는지요?

   

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    1. 말씀하신 전체보기/가입 및 탈퇴, 정보보호/선물하기 등은

    KBoard 플러그인의 카테고리 기능입니다.

     

    카테고리1 기능을 사용하시려면

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

    카테고리 사용을 활성화하시고 카테고리 선택 설정을 기본 카테고리로 적용해주세요.

    카테고리1 입력 필드에 가입 및 탈퇴, 정보보호, 선물하기 이런 식으로 콤마(,)로 구분지어서 입력해주세요.

     

    2. KBoard 플러그인 게시판 스킨이 데모 페이지와 다르게 표시된다면

    사용 중이신 테마 쪽에서 과도하게 CSS 코드를 적용하고 있는 문제일 가능성이 높습니다.

    비회원으로도 확인 가능한 페이지 주소 알려주시면

    CSS 코드로 수정이 가능할지 살펴보겠습니다.

    고맙습니다.

  • 안녕하세요.

    해결을 하신 건지요?

    현재는 정상적으로 표시되고 있는 듯합니다.

    만약, 아직 해결된 게 아니라면

    어떤 브라우저로 확인해보셨는지도 알려주시겠어요?

    저희 쪽에서 크롬 브라우저, IE로 확인했습니다.

    고맙습니다.

  • 안녕하세요?

    말씀해주신대로 적용했는데요. 

    문제는 추가 메뉴를 링크시킨만큼 왼쪽의 글은 아래로 밀립니다.

    혹 어디를 손봐줘야 할까요?

    자꾸 괴롭혀 드리는 것 같습니다. 고맙고 미안합니다.

     

    추가로 테스트해본것은 카테고리 사용으로하고 내용을 전부 변경하니 제대로 나오기는 합니다.

    아래와 같이 코드를 변경했습니다/

    <div id="kboard-emotion-customer-service-list">
    	<div class="kboard-list-wrap">
    		<?php if(!kboard_uid() && $board->use_category == 'yes'):?>
    		<div class="kboard-sidebar kboard-list-page">
    	        <div class="kboard-sidebar-group">
    	        	<div class="kboard-sidebar-title">고객센터</div>
    	        	<ul class="kboard-sidebar-list">
    		        	<li class="kboard-selected"><a href="https://ownergolf.net/11-문의/" target="_blank">1:1 문의, 살짝 물어 보세요</a></li>
    		        	<li class="kboard-selected"><a href="https://ownergolf.net/faq/" target="_blank">FAQ, 자주 묻는 질문들</a></li>
    			        <li class="kboard-selected"><a href="https://ownergolf.net/privacy-policy" target="_blank">개인 정보 보호 정책</a></li>
    		    	    <li class="kboard-selected"><a href="https://ownergolf.net/이용-약관/" target="_blank">이용약관</a></li>
    		        	<li class="kboard-selected"><a href="https://ownergolf.net/product-category/booking/" target="_blank">부킹 예약하기FAQ</a></li>
    		    	    <li class="kboard-selected"><a href="https://ownergolf.net/%EC%A1%B0%EC%9D%B8/" target="_blank">조인 예약하기</a></li>
    		        </ul>
    	        </div>
            </div>
    		<?php endif?>
    
    
    		
    		<div class="kboard-list<?php if($board->use_category == 'yes'):?> kboard-add-sidebar<?php endif?>">

     

  • 카테고리 대신 별도의 링크를 추가하시려면

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

    카테고리 사용 설정을 비활성화해보세요.

     

    list.php 파일에

    아래의 코드를 찾아서

    <div class="kboard-list<?php if($board->use_category == 'yes'):?> kboard-add-sidebar<?php endif?>">

    찾은 코드 위에 아래의 코드를 추가해보시겠어요?

    <div class="kboard-sidebar kboard-list-page">
    	<div class="kboard-sidebar-group">
    		<div class="kboard-sidebar-title">고객센터</div>
    		<ul class="kboard-sidebar-list">
    			<li class="kboard-selected"><a href="페이지주소">FAQ</a></li>
    		</ul>
    	</div>
    </div>

     

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보세요.

    #kboard-emotion-customer-service-list .kboard-list { width: 70%; }

    고맙습니다.

  • 안녕하세요?

    제가 과문해서 그런지 list.php의 어는 부분에서  수정을 해야하는지 조금 더 자세히 알려주실 수 없나요?

    저는 예를 들어 FAQ 게시판으로 연결하기 위해 <a href="https://ownergolf.net/faq/">FAQ</a> 와 같은 태그를 사용하고 싶습니다.

    혹시 아래와 같은 카테고리 부분에서 손을 볼 수 있을까요?

    위치와 방법을 대략 알려주면 정말 고맙겠습니다.

    				<!-- 카테고리 시작 -->
    				<?php
    				if($board->use_category == 'yes'){
    					if($board->isTreeCategoryActive()){
    						$category_type = 'tree-select';
    					}
    					else{
    						$category_type = 'default';
    					}
    					$category_type = apply_filters('kboard_skin_category_type', $category_type, $board, $boardBuilder);
    					echo $skin->load($board->skin, "list-category-{$category_type}.php", $vars);
    				}
    				?>
    				<!-- 카테고리 끝 -->
    

     

  • 안녕하세요.

    KBoard 플러그인의 카테고리1 기능은 별도로 생성한 게시판과의 연동은 아닙니다.

    같은 게시판 내에서 게시글 작성 시 설정한 카테고리1에 해당되는 게시글을 표시합니다.

    다른 페이지로 이동하게 하시려면 스킨 파일을 수정해주셔야 합니다.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에서 게시글 목록을 표시하고 있습니다.

     

    HTML <a> 태그를 활용해서 다른 페이지로 이동하게 할 수 있습니다.

    아래 링크 참고해보시면 도움이 되실 듯합니다.

    https://www.w3schools.com/tags/tag_a.asp

    고맙습니다.

  • 안녕하세요

    저는 카테고리1에서 "1:1 문의, FAQ, 골프 예약 문의, 개인정보 보호 정책"을 입력했습니다.

    저는 이 항목들이 별도 게시판 또는 페이지로 존재하는데요.

    - 1:1 문의 : 1:1 문의 스킨을 적용한 게시판 생성

    - FAQ 스킨을 ㅏ용해 별도 게시판을 생성

    - 골프 예약 문의는 별도 페이지를 만들든지 할 예정

    - 개인정보 보호 정책도 별도 페이지로 존재

    이 상태에서 1:1 문의, FAQ, 골프 예약 문의, 개인정보 보호 정책들을 어떻게 연결하는 것인지요?  

    아니면 제가 잘못 생각하고 있는 것일까요?

  • 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-emotion-customer-service-header .kboard-search select { width: auto; }

    고맙습니다.

  • 안녕하세요?

     

    스킨을 볼수 있는 곳입니다.

    https://ownergolf.net/%ea%b3%a0%ea%b0%9d%ec%84%bc%ed%84%b0/

     

    말쓴하긴대로 어느정도 CSS를 사용한 테마에서 그런 문제가 나타납니더.

    신슈 테마와 전혀 custom css를 사용하지 않는 경우엔 정상으로  보입니다.

    그러면 어떤 요소와 충돌이 되는지 함 봐주시면 좋을 것 같습니다.

    검토부탁드릴께요

  • 네 제 마지막 답변 마지막부에 알랴주신 코드를 다른 위치에 적용해 문제를 풀었다고 말씀드렸습니다.

    감사합니다. 

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