[사용설명서]

교회홈페이지 FREE스킨 v.1 

 

1. 스킨의 구성
 

  • 본 스킨은 모두 8개의 컨텐츠영역과 2개의 관리게시판으로 구성되어 있습니다.
  • 컨텐츠 영역 : 메인 / 예배영상 / 교회소개 / 포토갤러리 / 모임안내 / 섬기는이 / 오시는길 / Contact Us
  • 관리게시판 영역 : 포토갤러리 / Contact Us 게시판
     

2. 홈페이지 편집박스
 

  • ​홈페이지 로그인 후 우측상단 톱니바퀴 아이콘을 클릭합니다.
  • 열리는 편집설정 박스에서 홈페이지의 모든 설정이 가능합니다.
  • 컨텐츠 수정 : 컨텐츠 영역 8개의 텍스트 및 이미지 수정이 가능합니다.
  • 게시판관리 : 포토갤러리와 Contact Us 게시판의 관리자 화면으로 이동합니다.
  • 고객센터 : 편집하시면서 궁금하거나 어려운 점은 고객센터 1:1문의 게시판을 이용하실 수 있습니다.
     

3 .컨텐츠 수정
 

  • 기본설정 
  1. ​​홈설정 : 처음 세팅상태로 두시면 됩니다. (향후 커스트마이징 등, 특별한 경우에 설정이 필요할 수 있습니다.)
  2. 관리화면설정 : 게시판관리 화면에서 좌,우측 메뉴를 설정할 수 있습니다.(2단구성-좌측이 가장 무난합니다.)  
  • 로고영역
  1. ​​로고이미지 : 로고 선택후 [이미지업로드] 해주세요. 크기 200x50px, 투명배경이미지 .png 파일, 밝은 톤 로고이미지 를 권장합니다. 적당한 로고가 없으면 비워두셔도 됩니다.
  2. 로고텍스트 : 교회명을 입력해주세요. 로고이미지가 없으면 텍스트로 대신합니다. 포털검색 등의 메타태그에 쓰이므로 반드시 입력해주세요.
  3. 로고 링크 : 처음 세팅상태로 두시면 됩니다.
     
  • 상단슬라이드 영역 (첫 화면에 슬라이드 되는 메인영역)
     
    1. 메뉴명 : 맨 상단에 보여지는 메뉴명 (예:홈으로,처음으로,메인 등)
    2. 슬라이드 ON/OFF : 이 영역을 사용 또는 사용안함 상태로 전환
    3. 슬라이드 방식 : 자동 /  수동 모드 전환
    4. 네비게이션 : 슬라이드 좌우 버튼 ON/OFF 사용 전환
    5. 페이지네이션 : 슬라이드 하단 버튼  ON/OFF 사용 전환
    6. 레이어 오버레이 : 배경화면을 어둡게 하여 텍스트가 돋보이게 합니다.   ON/OFF 사용 전환
    7. 슬라이드 효과 : 슬라이드 전환의 방향을 설정할 수 있습니다
    8. 속도 : 기본 3000 설정입니다.(3초) 만약 슬라이드 5초 대기를 원한시 5000입력하시면 됩니다.
    9. 높이 : PX단위로 입력 가능합니다. 기본세팅이 스킨에 가장 적절히 설정되어 있습니다. 
    10. 이미지등록 1 : 슬라이드에 사용될 배경이미지를 업로드합니다.
    11. 타이틀 1,2,3 : 타이틀 텍스트를 각각 입력합니다.
    12. 버튼링크 주소 : 이동할 페이지가 있다면 url을 입력
    13. 버튼 텍스트 : "자세히보기", "더보기" 등
    14. 타이틀 출력위치 : 중앙 또는 좌측 선택 
    15. 이미지등록 2,3,4 : 10번~14번 과 같이 반복해서 입력. 슬라이드 최대 4개까지 입력 가능

       
  • 예배영상 영역
     
  1. 메뉴명 : 맨 상단에 보여지는 메뉴명 (예:설교영상, 찬양영상 등)
  2. 예배영상영역 설정 : 이 영역을 사용 또는 사용안함 상태로 전환
  3. 배경색상, 배경이미지 : 배경색상 또는 배경이미지 업로드합니다. 배경이미지가 우선 노출됩니다.
  4. 텍스트 색상 : 택스트 색상 선택
  5. 섹션타이틀, 부제타이틀 : 본 영역 상단에 표시될 타이틀, 부제 타이틀 입력
  6. 영상은 총 4편 입력 가능하며 각각 이미지,제목,부제목,부부제목,유투브 주소, 링크 텍스트로 입력
  7. 유투브 주소 : 해당 영상이 있는 유투브 페이지에서 [공유] 클릭시 보이는 url을 복사하여 붙여넣어주세요. 형식예: https://youtu.be/FV5nMb93UwY
     
  • 교회소개영역
  1. 메뉴명 : 맨 상단에 보여지는 메뉴명 (예: 교회소개 등)
  2. 교회소개영역 설정 : 이 영역을 사용 또는 사용안함 상태로 전환
  3. 배경색상, 배경이미지 : 배경색상 또는 배경이미지 업로드합니다. 배경이미지가 우선 노출됩니다.
  4. 텍스트 색상 : 택스트 색상 선택
  5. 좌측-이미지 : 페이지 좌측박스에 보여질 이미지를 업로드
  6. 섹션타이틀 : 본 영역 상단에 표시될 타이틀, 부제 타이틀 입력
  7. 타이틀, 내용 : 각각 텍스트 입력
     
  • 포토갤러리 영역
  1. 메뉴명 : 맨 상단에 보여지는 메뉴명 (예: 포토갤러리 등)
  2. 포토갤러리 설정 : 이 영역을 사용 또는 사용안함 상태로 전환
  3. 배경색상, 배경이미지 : 배경색상 또는 배경이미지 업로드합니다. 배경이미지가 우선 노출됩니다.
  4. 텍스트 색상 : 택스트 색상 선택
  5. 좌측-이미지 : 페이지 좌측박스에 보여질 이미지를 업로드
  6. 섹션타이틀, 작은 타이틀 : 본 영역 상단에 표시될 타이틀, 부제 타이틀 입력
  7. 버튼링크주소, 텍스트 : 각각 텍스트 입력 (외부 컨텐츠로 연결될 주소와 버튼입니다.)
     
  • 모임안내영역
     
  1. 메뉴명 : 맨 상단에 보여지는 메뉴명 (예: 예배안내 등)
  2. 모임안내 설정 : 이 영역을 사용 또는 사용안함 상태로 전환
  3. 배경색상, 배경이미지 : 배경색상 또는 배경이미지 업로드합니다. 배경이미지가 우선 노출됩니다.
  4. 텍스트 색상 : 택스트 색상 선택
  5. 섹션타이틀, 부제타이틀 : 본 영역 상단에 표시될 타이틀, 부제 타이틀 입력
  6. 모임안내는 총 4개 조합 입력 가능하며 각각 이미지, 예배타이틀, 예배시간장소 으로 입력(예시를 참조하시기 바랍니다.)
  7. 버튼링크주소, 텍스트 : 각각 텍스트 입력 (외부 컨텐츠로 연결될 주소와 버튼입니다.)
     
  • 섬기는 이 영역
     
  1. 메뉴명 : 맨 상단에 보여지는 메뉴명 (예: 섬기는이 등)
  2. 섬기는이 설정 : 이 영역을 사용 또는 사용안함 상태로 전환
  3. 배경색상, 배경이미지 : 배경색상 또는 배경이미지 업로드합니다. 배경이미지가 우선 노출됩니다.
  4. 텍스트 색상 : 택스트 색상 선택
  5. 섹션타이틀, 부제타이틀 : 본 영역 상단에 표시될 타이틀, 부제 타이틀 입력
  6. 섬기는이 영역은 총 4명 입력 가능하며 각각 이미지, 성명/직분,담당부서,이메일 으로 입력(예시를 참조하시기 바랍니다.)
     
  • 오시는 길 영역
     
  1. 메뉴명 : 맨 상단에 보여지는 메뉴명 (예: 섬기는이 등)
  2. 오시는길 설정 : 이 영역을 사용 또는 사용안함 상태로 전환
  3. 배경색상, 배경이미지 : 배경색상 또는 배경이미지 업로드합니다. 배경이미지가 우선 노출됩니다.
  4. 텍스트 색상 : 택스트 색상 선택
  5. 섹션타이틀 : 본 영역 상단에 표시될 타이틀 입력
  6. 지도코드 : 구글지도에서 귀 교회주소를 입력 후 구글지도 좌측 메뉴- 지도공유 또는 퍼가기 - 지도퍼가기에서 나오는 지도코드를 복사한 후 붙여넣습니다. (단, 코드 내 width="100%" height="450px" 으로 수정 후 붙여넣기 해주세요)
    - 구글지도 : https://www.google.co.kr/maps
    - 만일 작업이 어려우신 경우 문의해주시면 코드를 세팅해드리겠습니다.
  7. 주소, 버스, 지하철, 자가용 : 해당 항목의 내용을 입력 (해당없는 항목은 비워두시면 됩니다.)
     
  • CONTACT US 영역
  1. 메뉴명 : 맨 상단에 보여지는 메뉴명 (예: 섬기는이 등)
  2. 배경색상 : 배경색상 선택
  3. 텍스트 색상 : 택스트 색상 선택
  4. SNS : SNS 링크버튼 사용여부 선택
  5. 페이스북, 트위터,블로그, 구글플러스, 인스타그램, 카카오톡 링크 : 해당사항 링크 입력
  6. CONTACT 타이틀 : 영역상단에 보이는 타이틀 텍스트
  7. 교회명, 정보, 주소, 이메일, 전화번호 : 해당 내용 입력
  8. 카피라이트 : 예시 참조
  9. 개인정보수집 : CONTACT US 게시판에 입력될 개인정보 보호정책 안내문 입력
     
  • 버튼색상 영역
     
  1. 버튼배경 : 각 영역의 링크버튼에 적용될 배경색상 선택
  2. 버튼 롤오버 배경 : 마우스 올렸을 때 색상
  3. 버튼 텍스트  : 텍스트 색상 선택

 

 

 

SEARCH