묻고답하기
스케치북 게시판 웹진형에서 본문 요약글 줄바꿈 적용에 관해...
2018.07.05 17:24
안녕하십니까?
아래 스케치북 웹진 파일에서
_list_webzine.html
90번째 줄에 보면 아래와 같은 "본문 요약" 부분에 해당하는 소스가 있습니다.
<!--// 본문 요약 -->
<div class="cnt" cond="$list_config['summary']">{$document->getSummary($mi->content_cut_size)}</div>
제가 자료들을 좀 찾아 봤고 위 소스를 아래와 같이 바꿔주면 된다고 되어 있는 글을 찾았습니다.
그런데 적용해봐도 안되네요.
<div class="cnt" cond="$list_config['summary']">{nl2br($document->getSummary($mi->content_cut_size))}</div>
가능한 방법 잘 부탁드려봅니다~
댓글 2
-
강원
2018.07.05 19:46
-
nb00040
2020.04.24 17:52
안녕하세요! 댓글 덕분에 웹진형 요약 줄바꿈 문제는 해결했습니다. 감사합니다!
그런데, 확장변수를 이용할 경우 확장변수 이름이 앞에 같이 출력이 되더라구요... 혹시 확장변수 이름 없이 내용만 출력되게 할 수 있을까요?
그리고 확장변수 출력을 하니까 굵은 글자체로 출력이 되던데 굵기 조절은 어떻게 해야할까요?
board.css의 font-weight 값을 조절해봤지만 바뀌지않아서요ㅠㅠ
자문 자답입니다. ^^
사실 처음부터 확장변수(여러줄 입력간) 추가하고 스킨관리 웹진형 설정에서 확장변수 나오게 체크하면 원하는 내용을 웹진 목록에서 줄바꿈 된 형태로 나오게할 수 있다는 것은 알고 있었습니다.
문제는 기본소스 그대로 사용하기에는 줄간격이 좁아 겹치게 나오고, 폰트 색상도 흐리고 작고 등 사용하기에 좀 그런 부분이 있었습니다.
그래서 관련한 css를 찾고 수정을 해야 하는데 한참 걸릴 것 같다는 귀차니즘에, 게시판 정보 > 목록설정에서 '본문 요약'글이 나오게 하고 이걸 줄바꿈하면 간단하겠다는 짧은 생각으로 꼼수를 부리다보니 많이 돌아서 왔네요.
아래와 같이 확장변수 출력 방법으로 해결하였고 간단히 관련 .css 파일과 폰트 수정 위치를 찾아 해결하였습니다.
----------------------------------------------------
/modules/board/skins/sketchbook5/css
board.css 659번째 줄 부터 보시면 아래와 같은데 여기서
/* Webzine */
.bd_zine>li{position:relative;margin:0 auto;word-break:break-all;word-wrap:break-word}
.bd_zine.zine>li{clear:both;margin:0 2px;padding:16px 8px 16px 16px;*zoom:1}
.bd_zine.zine2>li{padding-left:118px}
.bd_zine>li>a{display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:2px solid transparent;background-image:url(../img/blank.gif);text-decoration:none}
.bd_zine .big_date{float:left;margin-left:-90px;text-align:center;white-space:nowrap}
.bd_zine .dd{font:700 42px/48px Tahoma,AppleGothic,sans-serif;letter-spacing:-2px}
.bd_zine .mmyy{font:700 14px/22px Tahoma,AppleGothic,sans-serif;letter-spacing:-1px;color:#777}
.bd_zine .yy{font-weight:400}
.bd_zine .hh{letter-spacing:-1px;color:#888}
.bd_zine .tmb_wrp{text-align:center;transition:all .4s}
.bd_zine.zine .tmb_wrp{float:left}
.bd_zine.zine .tmb_wrp img,.bd_zine .no_img{border:1px solid #DDD}
.bd_zine h3{margin:0;font-size:15px;color:#444}
.bd_zine .cnt{margin:6px 0 2px}
.bd_zine .info,.bd_zine .info a{color:#333}
.bd_zine .info i{display:none;color:#BBB}
.bd_zine .info b{margin-left:5px}
.bd_zine img,.bd_zine input{vertical-align:text-top}
.bd_zine.zine .info{font-size:13px;line-height:1.5}
.bd_zine.zine .info>span{display:inline-block;margin:7px 7px 0 0;padding-right:9px;border-right:1px solid #DDD;*display:inline;*zoom:1}
.bd_zine.zine .info>span:last-of-type{border:0}
.bd_zine.card>li{float:left;padding:9px;background:#FFF;border:1px solid #DDD;border-bottom-color:#BBB}
.bd_zine.card2>li{padding:10px;background:transparent;border:0;box-shadow:none}
.bd_zine.card .hx,.bd_zine.card .notice a{border-style:solid}
.bd_zine.card .tmb_wrp{width:100%}
.bd_zine.card h3{margin-top:1.2em;font-size:12px;line-height:1.4}
.bd_zine.card .cnt{margin-top:1em;font-size:11px}
.bd_zine.card .info{margin-top:1em;font-size:10px}
.bd_zine.card .info b{margin:0 4px 0 3px;font-weight:400}
.bd_zine.card .info .br{display:block}
.bd_zine.card .info .br b{padding-left:8px}
.bd_zine[class^=info_icon] .info>span{margin-right:4px;border:0}
.bd_zine[class^=info_icon] .info i{display:inline-block;*display:inline;*zoom:1}
.bd_zine.info_icon .info b{font-weight:400}
.bd_zine.info_icon .info>span>span{display:none}
.bd_zine.info_icon2 .info i{margin-right:4px}
674번째 줄
.bd_zine .info,.bd_zine .info a{color:#333}
678번째 줄
.bd_zine.zine .info{font-size:13px;line-height:1.5}
이 두 줄에서 color, font-size:13px, line-height 값을 바꿔 주시면 됩니다.
그리고 해당 스케치북 게시판 스킨 관리에서 웹진형 설정에서 확장변수 출력에 체크합니다.
(사용자 정의 탭에서' 여러 줄 입력칸(textarea) ' 이걸로 하나 추가하시고 여기에 내용을 넣어시면 됩니다. )