장바구니

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

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    유용한팁
    Home / 유용한팁
    글보기
    망보드 스킨 설치 및 적용 매뉴얼
    조회수4012
    2018-06-27 10:56


    망보드 스토어는 누구나 손쉽게 설치해서 사용이 가능하도록 자동 설치 기능을 제공하고 있습니다.

    아직 망보드 설치가 되어 있지 않으신 분들은 아래 주소의 망보드 설치방법을 참고해 주세요.  

    망보드 설치방법: https://www.mangboard.com/lecture/?vid=2 



    망보드가 설치되어 있는 워드프레스 관리자 페이지에 접속한 후 MangBoard > STORE 메뉴를 클릭합니다. 

    워드프레스 관리자 페이지 URL: http://홈페이지/wp-admin/


    mb-file.php?path=2018%2F12%2F26%2FF5497_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%86%A0%EC%96%B4%EC%9E%90%EB%8F%99%EC%84%A4%EC%B9%981.jpg
     

    STORE 메뉴를 클릭하시면 망보드 스토어에서 판매하는 상품들에 대한 목록이 나타나고

    상품 목록에서 구매하신 상품에 마우스 오버시 [설치하기] 버튼이 표시되는데 

    설치하기 버튼을 클릭하시면 자동으로 설치가 진행됩니다.


    mb-file.php?path=2018%2F12%2F26%2FF5499_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%86%A0%EC%96%B4%EC%9E%90%EB%8F%99%EC%84%A4%EC%B9%982.jpg 


    ※ [설치하기] 버튼이 표시되지 않을 경우 확인사항

    상품 구입시 입력한 도메인 주소가 사이트 주소와 일치하지 않을 경우 [설치하기] 버튼이 표시되지 않을 수 있는데, 도메인 주소를 잘 못 입력하셨을 경우 "주문/결제내역" 페이지에서 주문하신 상품의 상세보기 버튼을 클릭하여 상세보기 페이지로 이동하시면 도메인 주소를 변경하실 수 있습니다.

    주문/결제내역: https://www.mangboard.com/m_my_order/




    [설치하기] 버튼을 클릭하여 설치가 완료되면 설치된 스킨의 이름을 잘 확인하도록 합니다. 


    mb-file.php?path=2018%2F12%2F26%2FF5500_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%86%A0%EC%96%B4%EC%9E%90%EB%8F%99%EC%84%A4%EC%B9%983.jpg
     



    이제 스킨을 적용해 보도록 하겠습니다.
    스킨을 적용할 사이트의 관리자 화면에서 MangBoard > 게시판 관리 > 게시판 추가 버튼을 클릭합니다.


    mb-file.php?path=2018%2F12%2F26%2FF5501_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%86%A0%EC%96%B4%EC%9E%90%EB%8F%99%EC%84%A4%EC%B9%985.jpg
     

    생성할 게시판 이름을 입력한 후 게시판에 적용할 스킨이름은 구입한 스킨의 이름을 선택합니다.



    mb-file.php?path=2018%2F12%2F26%2FF5503_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%86%A0%EC%96%B4%EC%9E%90%EB%8F%99%EC%84%A4%EC%B9%986.jpg

    망보드 스토어에서 구입한 스킨으로 게시판을 생성할 때에는 반드시 모델이름skin-model로 선택하고 

    게시판을 설정해야 스킨 기능이 정상적으로 동작합니다.


    게시판에 필요한 옵션들을 선택한 후 우측 하단에 있는 "확인" 버튼을 눌러 게시판을 추가합니다.


    게시판 생성이 완료되면 워드프레스 관리자 메뉴에서 페이지>새 페이지 추가 메뉴를 클릭합니다. 

    에디터에 게시판 Shortcode를 붙여 넣고, 공개하기 버튼을 클릭하면 게시판 연결이 완료됩니다.




    마지막으로 구입하신 스킨 상품의 상세 페이지에서 추가적으로 제공하는 
    Shortcode 옵션 내용이 있는지 확인하신 후 원하시는 형태로 Shortcode 옵션을 추가해 주시면 됩니
    다.


    ※ 게시판 숏코드 

     - 자료실 게시판: [mb_board name="게시판 이름" style=""]

     - 갤러리 게시판: [mb_board name="게시판 이름" list_type="gallery" style=""]

     - 캘린더 게시판: [mb_board name="게시판 이름" list_type="calendar" style=""]


    ※ Elementor 플러그인을 이용하여 게시판을 추가하는 방법

    https://www.mangboard.com/tip/?vid=47 


     갤러리 스킨의 가로 이미지 개수 및 높이를 수정하는 방법 

    https://www.mangboard.com/tip/?vid=9




    여기까지가 초보자분들을 위한 스킨 설치방법입니다.

    아래의 내용은 FTP 프로그램을 이용하여 직접 업로드해서 설치하는 방법으로 

    전문가 분들을 위한 내용이기 때문에 초보자 분들은 생략하셔도 됩니다. 


      




    2. FTP 프로그램을 이용한 스킨 설치방법


    망보드의 스킨을 직접 업로드 하기 위해서는 FTP 프로그램을 설치하셔야 합니다. 

    무료 FTP프로그램인 파일질라(FileZilla)를 다운받고 설정한 뒤 스킨을 설치해 보도록 하겠습니다.

    아래 링크를 통해 파일질라(FileZilla) 다운로드 페이지로 접속해 보도록 하겠습니다.
    https://filezilla-project.org/ 


    mb-file.php?path=2018%2F06%2F27%2FF2643_%EB%A7%9D%EB%B3%B4%EB%93%9C%20%EC%8A%A4%ED%82%A8%20%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%951.png


    위 링크에 접속한 뒤 왼쪽에 Download FileZilla Client 버튼을 클릭해 주세요.


    mb-file.php?path=2018%2F06%2F27%2FF2644_%EB%A7%9D%EB%B3%B4%EB%93%9C%20%EC%8A%A4%ED%82%A8%20%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%952.png


    본인의 OS가 Window 64bit 라면 위 버튼을 누르고
    다른 OS라면 아래 Show additional download options 버튼을 클릭해 줍니다.

    다운로드가 완료되면 설치파일을 클릭해 실행시켜 줍니다.


    mb-file.php?path=2018%2F06%2F27%2FF2645_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%82%A8%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%953.jpg

    라이센스 조건에 동의를 하고 다음으로 넘어가도록 합니다. 


    mb-file.php?path=2018%2F06%2F27%2FF2646_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%82%A8%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%954.jpg
     

    소프트웨어를 모두가 사용할수 있도록 선택하고 다음으로 넘어가도록 합니다. 


    mb-file.php?path=2018%2F06%2F27%2FF2647_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%82%A8%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%955.jpg
     

    설치 옵션을 체크하도록 합니다.
    한글판 설치를 원하시는 분은 Language files옵션을 체크 해 주세요.


    mb-file.php?path=2018%2F06%2F27%2FF2648_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%82%A8%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%956.jpg


    설치를 원하는 위치를 선택하고 다음으로 넘어가면서 설정을 마무리 합니다. 


    mb-file.php?path=2018%2F06%2F27%2FF2649_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%82%A8%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%957.jpg


    설치가 완료되었습니다. Finish를 클릭해 주세요.


    파일질라를 실행해 주세요.


    mb-file.php?path=2018%2F06%2F27%2FF2650_%EB%A7%9D%EB%B3%B4%EB%93%9C%20%EC%8A%A4%ED%82%A8%20%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%958.png


    왼쪽 상단의 사이트 관리자를 클릭해 줍니다.


    mb-file.php?path=2018%2F06%2F27%2FF2651_%EB%A7%9D%EB%B3%B4%EB%93%9C%20%EC%8A%A4%ED%82%A8%20%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%959.png


    새 사이트 버튼을 클릭하고 서버 정보를 입력합니다.


    mb-file.php?path=2018%2F06%2F27%2FF2652_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%82%A8%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%9510.jpg


    호스트와 사용자, 비밀번호를 입력하고 연결을 클릭합니다.


    mb-file.php?path=2018%2F06%2F27%2FF2654_%ED%8C%8C%EC%9D%BC%EC%A7%88%EB%9D%BC%EC%84%A4%EC%B9%98%EB%B0%A9%EB%B2%9511.png


    public_html/wp-content/plugins/mangboard/skins 경로에
    구매하신 스킨을 업로드 합니다. 



    이제 스킨을 적용해 보도록 하겠습니다.
    스킨을 적용할 사이트의 관리자 화면으로 접속합니다.


    mb-file.php?path=2018%2F06%2F27%2FF2655_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%82%A8%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%9512.jpg
     

    워드프레스 관리자 > MangBoard > 게시판 관리 버튼을 클릭해 줍니다.



    mb-file.php?path=2018%2F06%2F27%2FF2656_%EB%A7%9D%EB%B3%B4%EB%93%9C%EC%8A%A4%ED%82%A8%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%9513.jpg
     

    하단의 오른쪽 게시판 추가 버튼을 클릭해 줍니다.


    mb-file.php?path=2018%2F06%2F27%2FF2657_%ED%8C%8C%EC%9D%BC%EC%A7%88%EB%9D%BC%EC%84%A4%EC%B9%98%EB%B0%A9%EB%B2%9514.png


    구입한 스킨을 선택하고 설정을 해준 뒤에 게시판을 생성해줍니다.

     

    카테고리일반
    #망보드스킨적용#워드프레스망보드#파일질라