장바구니

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

최근 본 상품

등록된 상품이 없습니다
워드프레스 전문가들이 선택한 필수 플러그인
    유용한팁
    Home / 유용한팁
    글보기
    에디터에서 기본 폰트 및 글쓰기 폼 설정하는 방법 (스마트 에디터2, CK 에디터4)
    조회수2966
    2022-04-03 17:41

    1. 홈페이지 및 에디터에 웹폰트 설정하는 방법 


    홈페이지 및 에디터에 폰트를 설정하기 위해서는 망보드 스토어에서 무료로 제공하고 있는

    웹폰트 플러그인을 설치하신 후 워드프레스 관리자 > MangBoard > 옵션설정 페이지에서 "홈페이지 웹폰트"를 원하시는 폰트로 설정해 주시면 됩니다. 


    웹폰트 플러그인https://www.mangboard.com/store/?vid=188


    [웹폰트 옵션설정]

    "홈페이지 웹폰트" 옵션 항목에 설정된 폰트는 스마트 에디터 및 CK 에디터에 기본 폰트로 자동 적용됩니다. 

    웹폰트_플러그인_설정.jpg


      


    2. 스마트 에디터2에서 기본 폰트 크기 설정하는 방법


    - 설정방법: "워드프레스 관리자>MangBoard>게시판 설정>글쓰기 폼" 항목에 폰트에 대한 설정을 포함한 태그 입력


    - 샘플태그  

       1) 망보드에서 제공하는 웹폰트 플러그인이 설치되어 있을 경우 

           <p><span style="font-size:10pt;line-height:1.8"><br></span></p>

       2) 망보드에서 제공하는 웹폰트 플러그인이 설치되어 있지 않을 경우 (추가적인 웹폰트 플러그인 설치 필요)

           <p><span style="font-size:10pt;font-family:'나눔고딕','Nanum Gothic',sans-serif;line-height:1.8"><br></span></p>

       폰트 크기(font-size), 폰트(font-family), 줄 높이(line-height)를 원하시는 값으로 수정해서 사용 


    스마트에디터_폰트기본크기.jpg

     



    3. CK 에디터4에서 기본 폰트 및 폰트 크기 설정하는 방법


    - 설정방법: "워드프레스 관리자>MangBoard>게시판 설정>글쓰기 폼" 항목에 폰트에 대한 설정을 포함한 태그 입력


    - 샘플태그

       1) 망보드에서 제공하는 웹폰트 플러그인이 설치되어 있을 경우 

           <p><span style=""><span style="font-size:15px;">&nbsp;</span></span></p>

       2) 망보드에서 제공하는 웹폰트 플러그인이 설치되어 있지 않을 경우 (추가적인 웹폰트 플러그인 설치 필요)

           <p><span style="font-family:Tahoma,sans-serif;"><span style="font-size:15px;">&nbsp;</span></span></p>  

       폰트(font-family), 폰트 크기(font-size)를 원하시는 값으로 수정해서 사용


    CK에디터_폰트기본크기.jpg


     


    4. 스마트 에디터2에서 기폰 폰트 및 글쓰기 폼 설정하는 방법


    1) 스마트 에디터2를 이용하여 기본 폼에 들어갈 텍스트를 입력한 후 원하시는 폰트(나눔고딕) 및 폰트 크기(11pt)를 설정합니다.

    스마트에디터2_글쓰기폼설정1.jpg


    2) 스마트 에디터2 우측 하단에 있는 HTML 탭버튼을 클릭하여 소스보기 탭으로 이동하면 현재까지 작성된 에디터의 태그 내용을 확인하실 수 있는데, 해당 태그 내용을 모두 선택 후 CTRL+C키를 이용하여 복사합니다.

    스마트에디터2_글쓰기폼설정2.jpg


    3) 소스보기에서 복사한 태그를 "워드프레스 관리자>MangBoard>게시판 설정>글쓰기 폼" 항목에 CTRL+V키를 이용하여 붙여넣기를 해주고, 페이지 하단에 "확인" 버튼을 클릭하여 게시판 설정을 저장합니다.

    스마트에디터2_글쓰기폼설정3.jpg


    4) 글쓰기 폼을 설정한 후 게시판 등록 페이지로 이동하시면 원하시는 글쓰기 폼 텍스트가 나타나고, 설정한 폰트 크기가 기본 폰트 크기로 설정된 것을 확인하실 수 있습니다.

    (CK 에디터4도 동일한 방법으로 기본 폰트 및 글쓰기 폼을 등록하여 사용하실 수 있습니다)

    스마트에디터2_글쓰기폼설정4.jpg



     

    카테고리일반