kboard 게시판 날짜 포맷 스타일링

안녕하세요. 케이보드 게시판 플러그인 날짜 포맷을 css로 스타일링 하고 싶은데 

년 월 일 중에 "일"자만 태그를 추가한다거나, 스타일링 할 수 있는 방법이 있을까요?

2021.03.06 중에 06글자만 굵게 css 스타일링, 커스터마이징을 하려고 합니다. 

 

<?php echo $content->getDate()?> 를 수정해야 하기도 싶은데 답변 부탁 드립니다. 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    사용중인 스킨 중 list.php 와 document.php 파일 내에서

    아래의 코드를 모두 찾아

    <?php echo $content->getDate()?>

    아래 코드처럼 변경하여 확인해보시겠어요?

    <?php echo date('Y.m.<b>d</b>', strtotime($content->date))?>

    date 함수 내의 Y는 4자리 년도, m은 월, d는 일 입니다.

     

    date 함수에 대해 자세히 보시려면 아래 링크를 참고해주세요.

    https://www.php.net/manual/en/function.date.php

    고맙습니다.

  • 게시글 목록 페이지나 최신글 쪽의 날짜라면

    스킨 파일을 직접 수정하지 않고도 적용이 가능합니다.

     

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

    add_filter('kboard_content_date', 'kboard_content_date_20211130', 10, 3);
    function kboard_content_date_20211130($date, $content, $board){
    	if($board->id == '1'){ // 실제 게시판 id로 적용해주세요.
    		if(date('Ymd', current_time('timestamp')) == date('Ymd', strtotime($content->date))){
    			$date = date('H:i', strtotime($content->date));
    		}
    		else{
    			$date = date('Y.m', strtotime($content->date)) . '.'  . '<span class="kboard-date-day">' . date('d', strtotime($content->date)) .'</span>';
    		}
    	}
    	return $date;
    }

    위의 코드에서 $board->id == '1' 부분은 실제 게시판 id로 적용해주세요.

    테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.

     

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

    아래의 코드를 활용해보세요.

    .kboard-date-day { font-weight: bold; }

    별도의 CSS 속성을 추가해서 스타일을 변경하실 수 있습니다.

    고맙습니다.

  • postion 과 폰트 사이즈, 굵기 커스텀 필요했는데 너무 딱 필요한 답변이었습니다 .

    감사합니다 ^^

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기