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

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

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

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

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

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

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 사용 중이신 테마에 따라서 워드프레스 관리자 페이지에서

    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 날짜 표시가 너무크며 다음달 이전 달 버튼이 먹히질 않습니다 ㅠㅠ

     

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

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

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

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

  • 안녕하세요~^^

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

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

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

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

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

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

     

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

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

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

    고맙습니다.

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