장바구니

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

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    망보드 강의
    Home / 망보드 강의
    글보기
    망보드 게시판을 내 입맛에 맞게 모델링하기-2(글쓰기화면)
    조회수5314
    2017-01-02 10:53

     

    게시판 글쓰기 화면을 모델링 하겠습니다.

    1) 라디오 버튼 필드를 추가해보고싶다.

    자료실 게시판 기본 글쓰기 화면은 아래와 같습니다.

    mb-file.php?path=2017%2F01%2F02%2FF290_27.PNG
     

    모델링 하기 전에 스킨을 생성하고 게시판과 연결하는 작업을 먼저 해야하는데요~
    아직 안하신분들은 아래글을 참고해주세요.



    게시판 스킨 기본 모델(자료실,갤러리,캘린더)은
    "mangboard/skins/bbs_test1(스킨이름)/include/skin-model.php"입니다.

    해당위치의 파일을 에디터를 이용해서 열어줍니다.

    mb-file.php?path=2017%2F01%2F02%2FF291_28.PNG
     

    "$desktop_model['write']"의 하단에 라디오 필드를 추가를 해 보겠습니다.

    {"field":"fn_ext1","name":"좋아하는과일","width":"60px","type":"radio","data":"apple,banana,grape","label":"사과,바나나,포도"},
     원하는 위치에 삽입해주세요. 
    저는 내용필드 아래쪽에 삽입하겠습니다.

    mb-file.php?path=2017%2F01%2F02%2FF292_34.PNG
     

    라디오 필드를 추가한 결과는 아래와 같습니다.

    mb-file.php?path=2017%2F01%2F02%2FF293_29.PNG
     


    2) 텍스트 입력 필드를 추가해보고싶다.

    {"field":"fn_ext2","name":"좋아하는과일","width":"100%","type":"text"},

    원하는 위치에 삽입해주세요. 
    저는 라디오 버튼 필드 아래쪽에 삽입하겠습니다.

    mb-file.php?path=2017%2F01%2F02%2FF294_35.PNG

     

    텍스트 입력 필드를 추가한 결과는 아래와 같습니다. 

    mb-file.php?path=2017%2F01%2F02%2FF295_30.PNG
     

    3) Select 필드를 추가해보고싶다.

    {"field":"fn_ext3","name":"이름","width":"80px","type":"select","data":"apple,banana,grape","label":"사과,바나나,포도"},

    원하는 위치에 삽입해주세요. 
    저는 텍스트입력 필드 아래쪽에 삽입하겠습니다.

    mb-file.php?path=2017%2F01%2F02%2FF296_36.PNG


    select 필드를 추가한 결과는 아래와 같습니다. 

    mb-file.php?path=2017%2F01%2F02%2FF297_31.png


    글작성화면에서 추가를 해 주었으면 
    글보기 화면에도 추가를 해줘야 합니다.


    "$desktop_model['write']"의 하단에 추가했던 코드를 그대로 복사해서
    "$desktop_model['view']"의 하단 원하는 위치에 삽입해준 뒤
    "type" 항목을 삭제해서 사용합니다.


     
    {"field":"fn_ext1","name":"좋아하는과일","width":"60px","data":"apple,banana,grape","label":"사과,바나나,포도"},
    {"field":"fn_ext1","name":"좋아하는과일","width":"100%"},
    {"field":"fn_ext1","name":"이름","width":"80px","data":"apple,banana,grape","label":"사과,바나나,포도"},


    mb-file.php?path=2017%2F01%2F02%2FF298_37.PNG


    글보기 화면에서 추가한 필드들이 잘 나오는지
    글쓰기를 해보겠습니다.

    추가해준 필드는 사과로 모두 선택해보았습니다.

    mb-file.php?path=2017%2F01%2F02%2FF299_38.PNG



    글쓰기 확인을 눌러줍니다.

    mb-file.php?path=2017%2F01%2F02%2FF300_39.PNG


    글보기 화면에 추가한 필드들이 정상적으로 출력이됩니다.
     

    글쓰기 모델링 설정방법

     
    카테고리홈페이지
    #워드프레스# 워드프레스게시판#워드프레스게시판망보드#망보드설치#워드프레스설치#워드프레스홈페이지#워드프레스쇼핑몰#망보드게시판모델링#게시판모델링