KBoard 크로스 캘린더 질문합니다^^

스튜디오 웹을 쌩초보가 워드프레스로 혼자 만들고 있어서 질문 드립니다! 크로스캘린더 설치하여 사용할 시

모바일에서도 https://www.cosmosfarm.com/demo/kboard-cross-calendar-skin/ 이런식으로 전체 표가 나올까요?

예약자 명단을 작성하려 하는데 전체표에서 각 날짜마다 아래에 시간과 예약자 이렇게 표시하게 하고 싶은데 

모바일에서도 그렇게 보여질까요??

그리고 질문하기에 답글 달아주시면 너무 감사하지만 제 답글 다는 방법을 모르겠더라구요.. 알려주시면 감사하겠습니다!

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

    1. KBoard 크로스 캘린더 스킨 모바일에서도 PC와 비슷하게 레이아웃을 표시하고 있습니다.

    모바일에서는 화면이 좁기 때문에 시간을 안 보이게 설정되어 있습니다.

    만약, 모바일에서도 시간을 표시되게 하시려면

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

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

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

     

    2. 말씀하신 질문하기는 코스모스팜 커뮤니티를 말씀하시는 건지요?

    답글은 어떤 것을 말씀하시는 건지요?

    이전 질문의 글에 댓글로 남기실 경우에도 저희가 확인해서 답변을 남겨드리고 있습니다.

    고맙습니다.

  • 사용 중이신 테마에 따라서 워드프레스 관리자 페이지에서

    functions.php 파일을 수정하지 못할 수도 있습니다.

    그럴 경우, FTP로 접속해서 /wp-content/themes/사용중인테마/functions.php 파일 하단에

    코드를 직접 추가해보시겠어요?

    고맙습니다.

  • /* 위쪽 테두리 */ .kboard-cross-calendar-list .kboard-calendar-table .kboard-week-title { border-top: 3px solid blue; }  > 컬러코드로는 안되던데 직접 컬러를 입력해야 하나요? 그렇다면 적용가능한 컬러명은 어디서 찾아볼 수 있을까요?

    /* 캘린더 배경색 */ .kboard-cross-calendar-list .kboard-calendar-table { background: blue; }  > 화이트로 바꾸고 싶은데 반응하지 않습니다 ㅠㅠ

    /* 검색 배경색 */ .kboard-cross-calendar-list .kboard-search input { background: blue !important; } > 검색과, 일정등록 박스 컬러를 바꾸고 싶은데 검색창 배경이 바뀌네요 ㅠㅠ 그리고 추가로 날짜 숫자의 원형 박스 컬러도 바꾸고 싶은데 가능할까요.?

     

  • ** 추가로 모바일에서 크로스캘린더 연,월 폰트사이즈 수정 하였습니다만, 연 뒤에 월의 폰트가 살짝 아래로 내려가있습니다(모바일에서만 그렇게 보입니다)

    해결방법 있을까요?

  • 이 많은 정보를 쏙쏙 들어오게 설명해주셔서 너무 감사합니다!!
    알려주신 방식으로는 ex) { color: blue !important; } 
                                    { border-top: 3px solid blue; }
                                    { background: blue; }            >>>>>>> blue라고 써져있는 부분들 지우고 컬러코드로 수정하면 되는건가요??
    그리고 캘린더 이전달 다음달 이미지는 FTP로 접속하라 하셨는데 FIle Zilla를 설치하였는데 어떻게 사용하는지 방법을 모르겠습니다 ㅠㅠ

  • CSS 코드 수정 관련해서는 KBoard(케이보드) 게시판 버튼 색상 변경 방법도 참고 부탁드립니다.

    고맙습니다.

  • 날짜 표시 폰트 사이즈를 조절하시려면

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

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

    .kboard-cross-calendar-list.mobile .kboard-header .kboard-search-day-form .kboard-search-year { font-size: 25px !important; }
    .kboard-cross-calendar-list.mobile .kboard-header .kboard-search-day-form .kboard-search-month { font-size: 40px !important; }

     

    이전 달, 다음 달 버튼이 정상적으로 동작하지 않는 원인은

    올려주신 내용만으로는 원인을 파악하기 어렵습니다.

    정확한 원인을 파악하기 위해

    디버그 모드를 활성화해서 에러 메시지를 표시하는지 확인해보시겠어요?

    워드프레스 에러 확인하기 - 디버그 모드 활성화 방법

     

    크롬 브라우저 개발자 도구(F12) Console 창에

    에러 메시지가 표시되는지도 확인해보셔야 할 듯합니다.

     

    테마나 다른 플러그인 쪽의 문제는 아닌지도 점검해보시겠어요?

    잠시 다른 테마로 바꿔서 확인해보시고

    다른 플러그인을 하나씩 비활성화해가면서 충돌이 있는지 확인해보세요.

     

    연도와 월 색상 변경은 아래의 CSS 코드도 추가해보세요.

    /* 연도 글자 색상 */
    .kboard-cross-calendar-list .kboard-header .kboard-search-day-form .kboard-search-year { color: blue !important; }
    /* 월 글자 색상 */
    .kboard-cross-calendar-list .kboard-header .kboard-search-day-form .kboard-search-month { color: blue !important; }

     

    크로스 캘린더 스킨에서 이전 달, 다음 달 화살표 버튼은

    이미지로 적용되어 있기 때문에 CSS 코드로는 수정이 불가능합니다.

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/images/icon-arrow-left.png 파일과

    /wp-content/plugins/kboard/skin/cross-calendar/images/icon-arrow-right.png 파일이 해당 버튼입니다.

     

    테두리 및 배경 색상은 아래의 CSS 코드도 추가해보세요.

    /* 위쪽 테두리 */
    .kboard-cross-calendar-list .kboard-calendar-table .kboard-week-title { border-top: 3px solid blue; }
    
    /* 캘린더 배경색 */
    .kboard-cross-calendar-list .kboard-calendar-table { background: blue; }
    
    /* 검색 배경색 */
    .kboard-cross-calendar-list .kboard-search input { background: blue !important; }

     

    안내해드린 CSS 코드에서 픽셀과 색상은 원하시는 색상으로 교체해보세요.

     

    요일 표시는 워드프레스 사이트 언어 설정에 따라

    한글, 영어로 표시하고 있습니다.

    사이트 언어 설정이 한글일 때 영어로 표시하시려면

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

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

    add_filter('gettext', 'my_gettext', 10, 3);
    function my_gettext($translated_text, $text, $domain){
    	if($domain == 'kboard-cross-calendar'){
    		switch ($translated_text){
    			case '월': $translated_text = 'MON'; break;
    			case '화': $translated_text = 'TUE'; break;
    			case '수': $translated_text = 'WED'; break;
    			case '목': $translated_text = 'THU'; break;
    			case '금': $translated_text = 'FRI'; break;
    			case '토': $translated_text = 'SAT'; break;
    			case '일': $translated_text = 'SUN'; break;
    		}
    	}
    
    	return $translated_text;
    }

     

    일정등록 버튼을 관리자에게만 표시하시려면 글쓰기 권한을 설정해보시겠어요?

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 권한설정 페이지에서 설정하실 수 있습니다.

    고맙습니다.

  • 아참 ! 지금 크로스캘린더 구매해서 사용중인데 모바일로 모니터할 때 2019 . 08 날짜 표시가 너무크며 다음달 이전 달 버튼이 먹히질 않습니다 ㅠㅠ

     

    그리고 : 년도와 월, 이전달 다음달 버튼컬러 변경 방법과, 

    요일란 윗쪽 테두리컬러 변경방법, 요일란 폰트 영어로 변경방법, 바탕컬러 변경방법,

    검색란 바탕컬러 변경하는 방법과, 일정등록은 관리자만 볼 수 있도록 할 수 있을까요?? 

  • 아 !! 그냥 이렇게 글을 남기면 답글이 되는건가요 ㅠㅠ 감사합니다!! 항상 좋은 정보에 오늘도 열심히 홈페이지를 만들고 있습니다!!!!

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요