KBoard 비너스 웹진 스킨 venus-webzine 스킨을 구매해서 사용하고 있는데
뉴스 페이지를 만들어서 사용하려고 합니다.
타이틀 부분에 두번째줄을 말줄임(...) 처리 하고싶은데 방법이 있을까요??
안녕하세요~^^
KBoard 비너스 웹진 스킨의 게시글 목록 페이지에서
제목과 본문 내용은 기본적으로 한 줄로 표시하고 있습니다.
직접 수정을 하신 건지요?
2줄만 나오게 하는 건 여러 가지 방법이 있습니다.
확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.
직접 수정을 했습니다.
개발서버라서 외부에서 접근이 안 되네요..
해당코드 스샷으로 찍었습니다.
밑줄 친 부분이 타이틀 부분이에요 감사합니다.^^
올려주신 코드 중에서
아래의 코드를
<div class="kboard-webzine-title cut_strings"><a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>"><?php echo $content->title?></a> <?php echo $content->getCommentsCount()?></div>
아래의 코드로 교체해보시겠어요?
<div class="kboard-webzine-title"><a href="<?php echo $url->getDocumentURLWithUID($content->uid)?>"><?php echo wp_trim_words($content->title, 10, '...')?></a> <?php echo $content->getCommentsCount()?></div>
위의 코드 중에서 wp_trim_words($content->title, 10, '...') 부분의 숫자를 적절히 수정해보시겠어요?
또는 CSS로 처리하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title { display: -webkit-box; line-height: 16px; height: 32px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; }
위의 코드에서 픽셀 값은 적절히 수정해보시겠어요?
wp_trim_words 함수에 대한 자세한 내용은
아래의 링크를 참고해보세요.
https://codex.wordpress.org/Function_Reference/wp_trim_words
고맙습니다.
네 해결했습니다. 감사합니다!!