코스모스팜 스레드

카테고리별 색지정 및 탭 형식 변환 문의

https://imgur.com/a/XHz6hBE

 

이미지처럼 카테고리를 탭 형식으로 변환 가능할까요?

그리고 카테고리마다 카테고리별로 미리 색 지정이 가능하도록 할 수 있을지도 여쭤봅니다~

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    카테고리 모양을 탭 형식으로 하고 싶으신 건지요?

    아래 링크처럼 하시려면 CSS 코드와 자바스크립트 코드를 알고 계셔야 할 듯합니다.

    https://www.w3schools.com/howto/howto_js_tabs.asp

     

    카테고리별로 미리 색상을 설정하시려면

    스킨 또는 사용 중이신 카테고리(기본, 계층형)에 따라 코드가 다를 수 있습니다.

    기본 카테고리의 1차 카테고리를 기준으로 안내해드리겠습니다.

     

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

    아래의 코드를 찾아서

    <a href="<?php echo $url->set('category1', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a>

    아래의 코드로 교체해보시겠어요?

    <a href="<?php echo $url->set('category1', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>">
    	<?php if($board->currentCategory() == '카테고리1'):?>
    	<span style="color: red;"><?php echo $board->currentCategory()?></span>
    	<?php elseif($board->currentCategory() == '카테고리2'):?>
    	<span style="color: blue;"><?php echo $board->currentCategory()?></span>
    	<?php else:?>
    	<span style="color: black;"><?php echo $board->currentCategory()?></span>
    	<?php endif?>
    </a>

    위의 코드를 적용하시면 카테고리1인 1차 카테고리명이 빨간색으로 표시되며

    카테고리2는 파란색으로 표시됩니다.

    그 외의 카테고리는 검은색으로 표시됩니다.

    적절히 활용해보시겠어요?

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)