소개

爱游戏体育星诺를 선택해주셔서 감사합니다. 플랫폼에 대한 문의사항이 있으시면 언제든지 공식 채널을 통해 연락주십시오. 저희는 귀하께 탁월한 스포츠 및 게임 인터랙티브 경험을 제공하기 위해 최선을 다하고 있습니다.

본 매뉴얼은 플랫폼 설치 및 사용에 대한 상세 정보를 제공하기 위해 작성되었습니다.

템플릿 소개

爱游戏体育星诺 플랫폼은 다양한 스포츠 및 게임 애호가를 위해 설계되었으며 포괄적인 콘텐츠와 기능을 제공합니다.

이제 전문 웹사이트를 매우 쉽게 구축할 수 있습니다. Owkey 템플릿은 19가지 다양한 페이지를 필요에 맞게 사용자 정의 통합하여 작업을 대신해 드립니다. 디자인은 플랫하고 반응형이며 SEO 친화적입니다. 템플릿에는 리스팅 및 그리드 레이아웃을 갖춘 2개의 전문 블로그 레이아웃 페이지가 있습니다. SEO 중심 디자인과 전문적인 레이아웃에는 4가지 홈페이지 옵션이 있습니다. Revolution Slider를 사용하여 이미지, 슬라이드 등을 통합하여 비즈니스에 대한 빠른 개요를 제공하거나 비즈니스 스토리를 설명하십시오. 디자인은 브라우저 친화적인 Google 폰트를 사용하며 Twitter Bootstrap v3로 구동됩니다. 디자인은 플러그인과 호환되며 귀하에게 큰 이점을 제공합니다.

설치

爱游戏体育星诺 플랫폼은 복잡한 설치가 필요 없습니다. 제공된 모든 파일을 서버에 업로드하기만 하면 됩니다.

템플릿 파일 업로드

爱游戏体育星诺 플랫폼 파일을 업로드하는 두 가지 방법은 다음과 같습니다.

  1. FTP를 통해 Owkey 파일을 서버의 ./owkey 폴더에 업로드합니다. 다운로드한 템플릿 .zip 파일(Owkey_ThemeForest*.zip)의 압축을 풉니다. /Owkey 폴더를 서버로 업로드합니다.

파일

爱游戏体育星诺 플랫폼에는 많은 파일이 포함되어 있으며, 디렉토리 구조가 명확하고 논리적으로 그룹화되어 있어 찾고 수정하기 편리합니다.

다운로드한 압축 파일에서 두 개의 주요 폴더를 찾을 수 있습니다.

Folders

핵심 플랫폼 파일과 상세 문서가 포함되어 있습니다. 모든 내용이 준비되었으니 안심하십시오.

문서

여러 기능 모듈 폴더와 메인 페이지 파일이 포함되어 있습니다. 메인 페이지 파일을 직접 열면 브라우저에서 상세 문서를 확인할 수 있습니다.

Documentation

JavaScript

모든 JavaScript 파일은 assets/ 디렉토리에 있습니다.

  • js/jquery-3.1.1.min.js - jQuery [버전 3.1.1] 클라이언트 스크립트를 간소화하기 위한 JavaScript 라이브러리입니다.
  • JS/jquery.unveilEffects.js - 애니메이션 플러그인입니다.
  • js/jquery.mCustomScrollbar.concat.min.js - 맞춤형 스크롤바 기능을 제공합니다.
  • js/jquery.themepunch.tools.min.js - Revolution Slider 플러그인의 필수 도구 모음입니다.
  • js/jquery.themepunch.revolution.min.js - Revolution Slider 플러그인의 핵심 기능 파일입니다.
  • js/slick.min.js - Slick Carousel 플러그인 (버전: 1.5.0)으로, 다양한 슬라이드 쇼를 구현합니다.
  • js/classie.js - bonzo 라이브러리 (버전: 1.5.0)로, DOM 조작을 간편하게 합니다.
  • js/bootstrap.min.js - Bootstrap 프레임워크 (버전: v3.3.7)의 JavaScript 컴포넌트 모음입니다. 개별 또는 전체 포함이 가능합니다.
  • js/modernizr.custom.js - Modernizr (버전: 2.8.3)으로, 최신 웹 기술의 브라우저 지원 여부를 감지합니다.
  • js/pathLoader.js - PathLoader (버전: v1.0.0)는 브라우저 환경에서 리소스 로딩을 관리합니다.

CSS

爱游戏体育星诺 플랫폼에서 가장 중요한 CSS 파일 목록입니다.

  • css/style.css - 爱游戏体育星诺의 메인 스타일시트로, 모든 페이지의 디자인을 담당합니다.
  • css/slick.css - Slick Carousel에 적용되는 전용 스타일시트입니다.
  • css/setting.css - Revolution Slider 5.0 및 Slick Slider의 화면 스타일을 설정합니다.
  • css/mCustomScrollbar.css - 맞춤형 스크롤바의 시각적 스타일을 정의하는 파일입니다.
  • css/bootstrap.min.css - Bootstrap v3.3.7 프레임워크의 핵심 스타일시트로, 반응형 레이아웃을 지원합니다.
  • assets/styles/dist/portfolio-with-images.css - 爱游戏体育星诺의 포트폴리오 페이지 전용 스타일시트입니다.
  • css/animate.css - 다양한 애니메이션 효과를 위한 스타일시트입니다.

Less

css/ 디렉토리의 모든 중요한 爱游戏体育星诺 LESS 파일 목록입니다.

  • css/style.less - 爱游戏体育星诺의 Bootstrap 기반 스타일시트로, 모든 페이지의 디자인을 담당합니다.

크레딧

爱游戏体育星诺 플랫폼 구축에 사용된 모든 외부 코드(프레임워크, 라이브러리, 플러그인, 템플릿 등)를 나열했습니다.

프레임워크

Twitter Bootstrap v3.3.7 가장 인기 있는 프론트엔드 프레임워크입니다. http://getbootstrap.com/
jQuery v3.1.1 빠르고 가벼우며 기능이 풍부한 JavaScript 라이브러리로, 클라이언트 스크립팅을 단순화합니다. http://jquery.com/

플러그인 (JavaScript)

Slick Carousel 관련 뉴스 슬라이드 쇼에 사용됩니다. http://kenwheeler.github.io/slick/
Slider Revolution 시각적으로 매력적인 슬라이더입니다. https://www.themepunch.com/revsliderjquery-doc/
jQuery Easing Plugin GSGD의 jQuery 플러그인으로, 고급 애니메이션 효과를 제공합니다. http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded 이미지 로딩 완료 시 JavaScript 콜백을 트리거합니다. http://imagesloaded.desandro.com/
Isotope 마법 같은 레이아웃 필터링 및 정렬 기능. http://isotope.metafizzy.co/

폰트

Open Sans 구글 폰트 - Open Sans https://fonts.google.com/specimen/Open+Sans
Montserrat 구글 폰트 - Montserrat https://fonts.google.com/specimen/Montserrat
Work Sans 구글 폰트 - Work Sans https://fonts.google.com/specimen/Work+Sans
Raleway 구글 폰트 - Raleway https://fonts.google.com/specimen/Raleway

템플릿 설정

js/main.js 파일을 편집하여 플랫폼을 구성하십시오.

필수 속성 설명

  • 무한 루프 : true/false
  • 슬라이드 속도 : 기본(300) / 슬라이드 또는 페이드 전환 애니메이션 속도
  • 표시 항목 수 : 기본(1) / 한 번에 보이는 항목의 개수
  • 스크롤 항목 수 : 기본(1) / 한 번에 스크롤되는 항목의 개수
  • 자동 재생 : true/false
  • 자동 재생 간격 : 기본(3000) / 자동 재생 시 다음 슬라이드로 넘어가는 시간 (밀리초)

예시 텍스트:


    $('.mils-slider').slick({
        infinite: false,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }
      ]
    });

도움말

추가 도움이 필요하시면 공식 웹사이트를 방문하시거나 고객 지원팀에 문의하십시오.

플랫폼 설정과 직접 관련된 문제를 해결하는 데 최선을 다해 도와드리겠습니다. 플랫폼 지원은 자발적으로 제공되며 사용자에 대한 감사의 마음으로 이루어집니다. 문의하시기 전에 다음 자료에서 답변을 찾아보시기 바랍니다.

  • 관련 문서 및 가이드
  • 자주 묻는 질문 (Google 검색)

爱游戏体育星诺 플랫폼에 대한 귀하의 평가를 잊지 마십시오.