유용한팁
    글보기
    제목갤러리 가로 이미지 개수 수정하는 방법2016-07-18 20:21:08
    작성자

     

    워드프레스 갤러리 게시판 가로 이미지 개수 및 이미지 세로 크기 수정하는 방법 =


    갤러리 가로 이미지 개수 수정하기

    갤러리 목록 파일: mangboard/skins/bbs_basic/gallery.php
    갤러리 가로 이미지 개수를 수정하기 위해서는 갤러리 목록 파일 상단에서 아래 코드를 찾아 수정하면 됩니다.
    $responsive_class = "col-543"; //col-432, col-555, col-444, col-333

    col-543 반응형 클래스는 브라우져 크기에 따라 5개-4개-3개 순으로 이미지 개수가 나타나는 클래스이며
    위의 코드에서 col-543 => col-432 로 수정하면 가로 이미지 개수가 4개-3개-2개로 설정됩니다.

    갤러리 게시판 반응형 클래스에 대한 설정은 아래와 같이 브라우져 크기에 따라 이미지 개수가 설정됩니다.
    col-543: 5개-4개-3개
    col-432: 4개-3개-2개
    - col-555: 5개-5개-5개
    - col-444: 4개-4개-4개
    - col-333: 3개-3개-3개
     
    위에서 제공하는 반응형 클래스 이외의 다른 반응형을 원하시면 아래의 col-543 클래스에 대한 CSS를 참고하셔서
    다른 반응형 클래스를 만들어 사용하시면 됩니다.
    .col-543{float:left;position:relative;min-height: 1px;}
    .mb-desktop-large .gallery-list .col-543,
    .mb-desktop .gallery-list .col-543{width: 20%;}
    .mb-tablet .gallery-list .col-543{width: 25%;}
    .mb-mobile .gallery-list .col-543{width: 33.3333%;}
     

    갤러리 이미지 세로 크기 수정하기
    별도의 모델 파일을 설정하지 않으셨다면 
    게시판 스킨 기본 모델 : mangboard/skins/bbs_basic/includes/skin-model.php  파일에서 갤러리 목록 모델에 해당하는 
    아래 코드를 찾아 빨간색으로 표시된 설정을 수정하시면 됩니다.
    $desktop_model['list_gallery']      = '
    {"field":"fn_image_path","name":"이미지","width":"100%",
    "height":"90px","type":"img_ratio","class":"img","td_class":"img-border","link":"view","td_class":"gallery-item-img","search":"false"},
    {"field":"fn_title","name":"제목","width":"","type":"title_checkbox","maxlength":"10","maxtext":"..","td_class":"gallery-title"},
    {"field":"fn_content","name":"내용","type":"search"},
    {"field":"fn_reg_date","name":"날짜","width":"115px","type":"gallery_date","td_class":"gallery-date"},
    {"field":"fn_user_name","name":"작성자","width":"115px","td_class":"gallery-name"}
    '
    ;

     * 플랫폼 환경에 따라 이미지 높이를 다르게 설정하려면 아래와 같이 3개의 속성을 설정하시면 됩니다.
       "height":"90px","tablet_height":"100px","mobile_height":"110px"

    댓글

    (자동등록방지 숫자를 입력해 주세요)

    최근 본 상품

    등록된 게시물이 없습니다

    장바구니

    등록된 상품이 없습니다
    합계: 0