안녕하세요~ 항상 도움주셔서 감사드립니다.
다름아니라 https://xion.kr/?page_id=226 의 플레이비디오스킨 썸네일처럼 하려고 https://xion.kr/?page_id=294 의 썸네일구성 및 디자인을 수정하고 있는데요.
우선 제목 위치는 제가 list.php에서 수정해줬는데,
제목 2줄로 수정하는건
.hentry .entry-content a:link { height: 44px; -webkit-line-clamp: 2; white-space: normal; background: transparent; }
로 입력해줬는데 글쓰기 버튼까지 2줄로 적용이 되어버렸는데 제목만 2줄로 해주려면 어떻게 해야 될까요?
아바타 크기를 list.php 에서
<span title="<?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?>"><?php echo get_avatar($content->member_uid, 45, '', $content->member_display);?></span>
45 -> 16으로 수정했는데 적용이 안되고
아바타랑 작성자 왼쪽 정렬해주고 싶은데
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user { text-align: left; }
이것도 아닌것 같습니다.. ^^;;; 점검 한번 부탁드려요....
안녕하세요~^^
1. KBoard 모던 갤러리 스킨 게시글 목록 페이지에서
게시글 제목을 두 줄로 표시하시려면
워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-title { height: 44px; line-height: 22px; -webkit-line-clamp: 2; white-space: normal; }
2. 아바타 크기를 CSS 코드로도 줄여주셔야 할 듯합니다.
아래의 CSS 코드도 추가해서 확인해보시겠어요?
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar img { width: 16px; height: 16px; border-radius: 50%; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar .kboard-item-avatar-mask { display: none; }
3. 아바타와 작성자는 기본적으로 왼쪽 정렬돼서 표시됩니다.
여백을 없애고 왼쪽에 붙어서 표시되게 하시려면
아래의 CSS 코드도 추가해보세요.
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description { padding: 13px 0 0 0; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar { padding-right: 5px; }
올려주신 페이지에서 아바타와 작성자명 사이에 "by" 문구가 배경색과 동일하게 표시되고 있는 듯합니다.
아래의 CSS 코드를 추가하시면 "by" 문구가 하얀색으로 표시됩니다.
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user { color: white; }
해당 문구를 안 보이게 하시려면
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에
아래의 코드를 찾아서
<p class="kboard-item-user">by
아래의 코드로 교체해보세요.
<p class="kboard-item-user">
고맙습니다.
감사합니다! 3번 아바타와 작성자는 기본적으로 왼쪽 정렬돼서 표시됩니다. 라고 알려주셔서 3번 구문은 적용했다가 지웠는데 조회수, 추천수가 작성수가 원래는 아바타 아랫줄에 있었는데 아바타 영역으로 올라가 버린거 같아서요. 아바타 아랫줄에 위치하려면 어떻게 하면 될까요?
안녕하세요.
게시글 제목, 작성자명 쪽 영역 높이를 조절해보시겠어요?
아래의 CSS 코드를 추가해보세요.
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description { height: 90px; }
위의 코드에서 픽셀 값은 적절히 수정해보세요.
고맙습니다.