안녕하세요.
kboard list게시판을 사용중인데요.
list 페이지에서 kboard-list-summary 부분이 있는데
페이지내에 있는 글을 요약을 하는 부분 아닌가요...?
3줄정도로 보이고 말줄임표로 나왔으면 하는데
list 페이지에서 요약이 아닌 전체 텍스트가 보여요
요약부분은 3줄로만 정의하고 싶은데 어떻게 하면 좋을까요?
답변 부탁드립니다.
안녕하세요~^^
현재 사용 중이신 KBoard 게시판 스킨이 어떻게 되시는지요?
테마나 다른 플러그인 쪽에서 과도하게 CSS 코드를 적용하는 문제일 수도 있습니다.
확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.
고맙습니다.
http://fans.solidworks.co.kr/blog2/?theme=tcrews 입니다!
근데 다른곳은 잘 나오는데 파이어폭스에서만 깨져요
-webkit-line-clamp: 3; 이 스타일이 안먹어서 파폭에서 깨지는거 같은데
혹시 해결방법 있을까요?
안녕하세요.
사용 중이신 브라우저에서 CSS -webkit-line-clamp 속성을 지원하지 않는다면,
height, line-height로도 3줄로 표시할 수 있습니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-thumbnail-list .blog-list .blog-list-txt .kboard-list-summary { height: 90px; line-height: 30px; }
파이어폭스 브라우저에서는 text-overflow:ellipsis 속성을 지원하지 않기 때문에
다른 방법으로 말줄임표를 적용해주셔야 할 듯합니다.
PHP 코드로 일정 글자 수를 초과했을 때 말줄임표를 적용하시려면
mb_strimwidth 함수를 사용해보시겠어요?
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에
아래의 코드를 활용해보시겠어요?
<?php echo mb_strimwidth(trim(strip_tags($content->content)), 0, 200, '...', 'utf-8')?>
위의 코드에서 200 부분은 표시할 문자열의 길이입니다.
적절하게 수정해보시겠어요?
CSS 코드로 적용하는 방법은
아래의 링크를 참고해보세요.
http://kais.tistory.com/entry/CSS-text-overflowellipsis-를-FireFox-에서-사용하기
고맙습니다.
mb_strimwidth 함수 사용했더니 됐어요!
감사합니다~