묻고답하기
위젯 코드생성에서 위젯 CSS Class 삽입어떻게 하나요?
2015.01.17 18:06
안녕하세요.
보통 위젯 페이지에서는 페이지 수정 - 위젯 설정 옆에 있는 크기를 클릭하면 위젯 코드생성에서 위젯 CSS Class 라는
옵션이 보이잖아요.
이걸 코드생성으로 생기는 소스에 위젯 CSS Class 에 mobile-hidden 을 삽입할려고 하는데요.
<img class="zbxe_widget_output" widget="content" skin="phiz_rwd_images3" colorset="layout" content_type="document" module_srls="840" list_type="gallery" tab_type="none" markup_type="table" list_count="8" cols_list_count="4" page_count="1" option_view="thumbnail" show_browser_title="N" show_comment_count="N" show_trackback_count="N" show_category="N" subject_cut_size="20" show_icon="N" order_target="regdate" order_type="desc" thumbnail_type="crop" thumbnail_width="140" thumbnail_height="175" />
어떻게 해야하는지 몰라서 문의드립니다.
댓글 5
-
퍼니엑스이
2015.01.17 19:18
-
SUHONE
2015.01.17 21:08
퍼니님 괜찮으시다면...
코드생성에서 위젯 크기 width, height , 외부 여백, 상하좌우 는 어떤식으로 값을 줘야하는지도 알려주시면 감사하겠습니다.
-
퍼니엑스이
2015.01.17 22:28
style="width:가로;height:높이;margin:외부 여백" 이런식으로 style에 값을 주면 됩니다.
-
SUHONE
2015.01.17 19:19
퍼니님 답변 감사드립니다.
응용을 할줄몰라 항상 많은 도움 얻고 있습니다.
혹시 게시물 내용에 포함된 이미지 같은 경우도 게시판 내 html 편집으로 모바일 / 데스크탑을 구분해서 출력해줄수도 있을까요?
예를 들어 본문내에 "가" 라는 이미지와 "나"라는 이미지가 있는데 "가"라는 이미지를 모바일에서만 추가로 보여줄려고 해요.
그래서 아래와 같이 해보니깐 안되더라고요. ^^
<block cond="Mobile::isMobilePadCheckByAgent() || !Mobile::isMobileCheckByAgent()">"가"</block>
즐거운 주말 되세요!
-
퍼니엑스이
2015.01.17 19:30
게시판에 글을 등록할 때는 템플릿 문법을 그대로 사용할 수 없고, 모바일 접속 여부를 체크해서 이미지를 보여줄 수 있는 에디터 컴포넌트를 하나 만드는 게 바람직해보입니다.
<img class="zbxe_widget_output" widget="content" skin="phiz_rwd_images3" colorset="layout" content_type="document" module_srls="840" list_type="gallery" tab_type="none" markup_type="table" list_count="8" cols_list_count="4" page_count="1" option_view="thumbnail" show_browser_title="N" show_comment_count="N" show_trackback_count="N" show_category="N" subject_cut_size="20" show_icon="N" order_target="regdate" order_type="desc" thumbnail_type="crop" thumbnail_width="140" thumbnail_height="175" css_class="mobile-hidden" />
이렇게 css_class에 값을 주시면 됩니다.