KBoard 하이 단체 스킨에 입력필드 내용의 글자수가 잘리지 않게 하고 싶어요.

KBoard 하이 단체 스킨을 사용하는데

입력필드를 추가했습니다.
해당 메타키는 '60aa14a2c872e' 입니다.

근데 list.php에서 확인하려니 해당 필드 수정할 곳이 어딘지 모르겠어요.

이런경우 보통
<?php echo mb_strimwidth(strip_tags($content->content), 0, 300, '...', 'utf-8')?>
이렇게 하는데

입력필드 내용 같은 경우 노출 글자수 조정은 어떻게 하나요?

답변 부탁드립니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    작성해주신 내용만으로는 정확한 파악이 어렵습니다.

     

    입력 필드에 들어가는 내용이 긴데 내용 자체가 잘린다는 말씀이신가요?

    아니면 내용은 들어가있는데 표시될 때 잘린다는 말씀이신가요?

     

    어느 부분이 문제가 되고 있는지

    어떤 상황인지 조금 더 자세히 작성해주시겠어요?

     

    확인 가능한 링크를 남겨주시면

    답변에 도움이 됩니다.

    고맙습니다.

  • 해당 부분은 css로 처리되는 부분이기 때문에

    설정이 따로 필요하거나 제공되지 않습니다.

     

    F12를 눌러 개발자 도구에서

    수정할 요소의 클래스와 적용되는 css를 확인하실 수 있습니다.

     

    아래 코드를 테마 추가 css에 입력해보시겠어요?

    @media screen and (max-width: 600px)
    #kboard-high-org-list .kboard-list.org .kboard-list-item .high-org-thumbnail {
        position: relative;
        display: block;
        width: 100%;
    }
    
    #kboard-high-org-list .kboard-list .kboard-list-item .kboard-high-org-document-options {
        width: 100%;
        padding: 0;
    }

     

    스킨의 레이아웃은 html과 css로 표시되며

    편하게 수정하고자 하신다면 css에 대해 알아두시는 편이 좋습니다.

    css에 관한 가이드는 아래 링크에서 확인하실 수 있습니다.

    https://developer.mozilla.org/ko/docs/Web/CSS

    고맙습니다.

  • 혹시 다른 스킨처럼 확장설정에서 셋팅이 안되는건가요?
    아니면 강제로 600px 밑으로는 한칸에 한 컨텐츠만 보여지게 하는 방법을 없을까요?

    제가 css를 다 확인해 보았는데 따로 수정하지 않았어요.
    근데 이렇게 잡히는게 이해가 안되어서요.ㅠㅠ
    다른 사이트에도 같은 소스로 올렸는데 거긴 정상적으로 작동되어지는 것으로 보아 
    다른 문제인지 확인이 안되어서요..
    도움 부탁드리겠습니다.

     

    감사합니다.

  • 방금 말씀하신대로 넣어 봤는데 사진 사이즈만 줄어들고

    그대로 이네요..혹시나 해서 원 소스를 다시 설치해 보았는데 같은 현상입니다.

    이미지만 자동으로 줄고 한컬럼에 두개 그대로 변동없이 줄어듭니다.ㅠ

    다시한번 답변 부탁드리겠습니다.

    감사합니다.

    https://imgur.com/zx0iOPS

     

  • 모바일의 경우 미디어쿼리를 사용해주셔야 합니다.

    미디어 쿼리의 가이드는 아래 링크에서 확인하실 수 있습니다.

    https://developer.mozilla.org/ko/docs/Web/CSS/Media_Queries/Using_media_queries

     

    아래의 코드가 미디어 쿼리를 사용한

    반응형 css 코드입니다.

    테마 추가 css에 입력해보시겠어요?

    @media screen and (max-width: 600px)
    #kboard-high-org-list .kboard-list.org .kboard-list-item {
    width: 100%;
    }

    고맙습니다.

  • 지난번 친절한 답변을 주셔서 문제는 해결 되었는데

    확장설정에서

    pc화면 설정과 모바일 설정하는게 없어요..

    pc는 한컬럼에 두개가 맞는데

    모바일은 한컬럼에 한개가 보여지도록 하고 싶거든요.

    원래는 되었었는데 갑자기 안되네요..

  • 와 바꼈습니다. 
    친절한 답변 감사합니다.^^

  • width 값을 49% 등으로 조정해보시겠어요?

    고맙습니다.

  • 바쁘신데 항상 친절한 답변 감사드립니다.

    말씀하신대로 붙여 보았는데

    그대로 입니다....ㅠㅠ

     

  • 어떤 원인으로 인해 너비가 50%를 초과된 듯 합니다.

    아래 코드를 테마 추가 css에 입력해보시겠어요?

    #kboard-high-org-list .kboard-list.org .kboard-list-item {
        width: 49.9%;
    }

    고맙습니다.

  • 와 잘 되네요...이문제는 잘 해결 되었습니다.
    근데 방금 제가 등록한 자료 순서를 바꾸기 위해 일정을 조정했더니 리스트에서 중간에 공간이 비어서 나오는데 이건 어떻게 조정 할 수 있을까요?

    https://ctms.or.kr/about/staff/?mod=list&pageid=1

     

    이미지링크

  • 해당 스킨은 css 코드로

    말 줄임표가 적용되어 있습니다.

     

    테마 추가 css에 아래의 코드를 입력해보시겠어요?

    #kboard-high-org-list .kboard-list .kboard-list-item .kboard-high-org-document-options .kboard-document-add-option-value {
        display: block;
    }

    고맙습니다.

  • 네 내용은 다 들어가있는데 리스트에서 내용이 잘려서 나와서요.

    전체 보여주고 싶어서요.

    내용을 넣으면 

    "내용..." ---> 이런식으로 표시됩니다.
    아마 내용이 길어서 리스트에 표시될때 잘려진거 같습니다.

    해당 링크입니다.

    https://ctms.or.kr/en/about/staff/?mod=list&pageid=1&category1=%EC%9A%B4%EC%98%81%EC%9C%84%EC%9B%90%ED%9A%8C

    이미지링크
    https://imgur.com/c0Kpxag

  • 너무 감사합니다.
    우선 알려주신대로는 안되더라고요. ㅎㅎ

    근데 알려주신대로 소스를 보았더니 이전에 빈공간 생기는 부분 해결을 위해 width: 49% 이 부분이 문제였더라고요..ㅎㅎ
    테마 css 에 있는걸 지우고 직접 style.css 에 있는 width : 50% 을 49%로 바꿨더니 모두 해결 되었습니다.

    여러가지로 도움 주셔서 감사합니다.^^

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