크로스캘린더 모바일 질문드립니다^^

모바일에서 캘린더에 스케쥴을 적용하고, 시간이 뜨는데 시간이 ex) 12:00~14:00 이런식으로 표기되면

너무 길어서 모바일에서는 약간 잘리는데요 욕시 시간 표시를 12~14 이런식으로 분을 표기하지 않게 할 수도 있나요?

그리고 스케쥴잡힌거 누르면 바로 편집할 수 있게 안되나요? 누르면 메인홈페이지로 돌아갑니다 ㅠㅠ

https://away-stdo.com/schedule/ 입니다^^

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

    KBoard 크로스 캘린더 스킨 모바일 화면에서는

    기본적으로 일정 시간을 표시하고 있지 않습니다.

    아래의 CSS 코드를 별도로 추가하신 건지요?

    .kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-event .calendar-event-time { display: block; }

     

    시간 표시 방식을 PC와 모바일에서 다르게 설정하시려면

    스킨 파일을 수정해주셔야 할 듯합니다.

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

    아래의 코드를 찾아서

    <?php
    if(date('H:i', strtotime($event_table_item->option->start_time)) != '00:00' && date('H:i', strtotime($event_table_item->option->end_time)) != '00:00'){
    	echo date('H:i', strtotime($event_table_item->option->start_time))?>~<?php echo date('H:i', strtotime($event_table_item->option->end_time));
    }
    ?>

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

    <?php if(date('H:i', strtotime($event_table_item->option->start_time)) != '00:00' && date('H:i', strtotime($event_table_item->option->end_time)) != '00:00'):?>
    	<span class="pc"><?php echo date('H:i', strtotime($event_table_item->option->start_time))?>~<?php echo date('H:i', strtotime($event_table_item->option->end_time));?></span>
    	<span class="mobile"><?php echo date('H', strtotime($event_table_item->option->start_time))?>~<?php echo date('H', strtotime($event_table_item->option->end_time));?></span>
    <?php endif?>

     

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

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

    .kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-event .calendar-event-time.mobile { display: none; }
    
    @media screen and (max-width: 600px) {
    	.kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-event .calendar-event-time.pc { display: none; }
    	.kboard-cross-calendar-list.mobile .kboard-calendar-table .calendar-event .calendar-event-time.mobile { display: block; }
    }

    고맙습니다.

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