C7エンターテイメントをご利用いただきありがとうございます。プラットフォームの使用に関してご不明な点がございましたら、公式チャネルからお問い合わせください。皆様のご支援が私たちの原動力です!

本ガイドは、プラットフォームのインストールと使用方法に関する詳細な説明を提供することを目的としています。

C7エンターテイメントプラットフォームは、多様なシーンをカバーするインタラクティブエンターテイメント体験を提供し、ユーザーの多様なニーズに応えることに専念しています。

プロフェッショナルなウェブサイトの構築が非常に簡単になりました。Owkeyテンプレートは、ニーズに合わせてカスタム統合できる19種類の異なるページで、あなたの作業を代行します。 デザインはフラットでレスポンシブ、SEOフレンドリーです。テンプレートには、リスト表示とグリッド表示の2つのプロフェッショナルなブログレイアウトページがあります。 SEOに焦点を当てたデザインとプロフェッショナルなレイアウトには、4つのホームページオプションがあります。Revolution Sliderで画像やスライドなどを統合して、ビジネスの概要を素早く表示したり、ビジネスストーリーを伝えたりできます。 デザインはGoogleフォントを使用しており、ブラウザフレンドリーで、Twitter Bootstrap v3によって強化されています。 デザインはプラグインと互換性があり、あなたにとって大きなメリットとなります。

C7エンターテイメントプラットフォームは複雑なインストールを必要としません。圧縮ファイル内のすべてのファイルをサーバーにアップロードするだけで利用できます。

テンプレートファイルをアップロード

C7エンターテイメントプラットフォームファイルをデプロイするには、次の2つの方法があります。

  1. ファイルをサーバーの./owkeyフォルダにFTPでアップロードしてください。 ダウンロードしたテンプレートファイル(Owkey_ThemeForest*.zip)を解凍し、/Owkeyフォルダをサーバーにアップロードしてください。

C7エンターテイメントプラットフォームには豊富なファイル構造が含まれており、各ディレクトリとファイルは論理的に整理されているため、検索と変更が容易です。

ダウンロードした圧縮ファイルには、主に2つのフォルダが含まれています。

Folders

コアプラットフォームファイルと詳細なドキュメントが含まれています。ご安心ください、すべての内容は完全です。

ドキュメント

複数の機能モジュールフォルダとインデックスファイルが含まれています。任意のブラウザで`index.html`を開くと、プラットフォームの詳細ドキュメントを参照できます。

Documentation

JavaScript

すべてのJavaScriptファイルは`assets/js/`ディレクトリにあります。

  • 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 - C7エンターテイメントのインタラクティブ体験を支えるコアファイル。
  • js/slick.min.js - Slick Carousel [バージョン: 1.5.0] - C7エンターテイメントのプラットフォームで、スムーズなビジュアル体験を提供するカルーセルプラグイン。
  • js/classie.js - Classie [バージョン: 1.5.0] - DOM操作を効率化し、C7エンターテイメントのウェブサイトの応答性を高めるツール。
  • js/bootstrap.min.js - Bootstrap [バージョン: v3.3.7] - C7エンターテイメントの公式ウェブサイトで、レスポンシブデザインと機能性を担保するJavaScriptプラグイン群。
  • js/modernizr.custom.js - Modernizr [バージョン: 2.8.3] - C7エンターテイメントのウェブサイトが最新のWeb技術に対応しているかを自動検出し、ユーザー体験を最適化します。
  • js/pathLoader.js - PathLoader [バージョン: v1.0.0] - C7エンターテイメントのプラットフォームにおける、リソースの効率的な読み込みを管理します。

CSS

C7エンターテイメントプラットフォームで使用されている主要なCSSスタイルシートを以下に示します。

  • css/style.css - C7エンターテイメント専用スタイル - 全てのページに適用される、ブランドイメージを統一するメインスタイルシート。
  • css/slick.css - Slick Carouselスタイル - C7エンターテイメントのビジュアルコンテンツを際立たせる、カルーセル専用のスタイルシート。
  • css/setting.css - Revolution Slider 5.0設定 - C7エンターテイメントのダイナミックなコンテンツ表示を支える、スライダーの視覚的設定。
  • css/mCustomScrollbar.css - カスタムスクロールバーのスタイルシート - C7エンターテイメントのプラットフォームで、洗練されたスクロール体験を提供します。
  • css/bootstrap.min.css - Bootstrap v3.3.7 - C7エンターテイメントの公式ウェブサイトにおける、堅牢でレスポンシブなレイアウト構築のためのフレームワークスタイル。
  • assets/styles/dist/portfolio-with-images.css - C7エンターテイメント専用スタイル - 作品集(画像付き)セクションの視覚的魅力を最大限に引き出すスタイルシート。
  • css/animate.css - 特殊アニメーション効果を実現するためのスタイルシート。C7エンターテイメントのインタラクションを豊かにします。

Less

C7エンターテイメントプラットフォームで使用されている主要なLessプリプロセッサファイルは、`assets/less/`ディレクトリにあります。

  • css/style.less - C7エンターテイメントの基本スタイル - LESSプリプロセッサを使用し、プラットフォーム全体のデザイン基盤を構築するスタイルシート。

C7エンターテイメントプラットフォームの構築に使用されたすべての外部技術(フレームワーク、ライブラリ、プラグインなど)を以下に示します。

フレームワーク

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 プラグイン 高度なイージングオプションを提供する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

`assets/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
            }
        }
      ]
    });
 

さらにご不明な点がございましたら、公式ウェブサイトをご覧いただくか、カスタマーサービスまでお問い合わせください。

プラットフォーム設定に直接関連する問題の解決に全力を尽くします。技術サポートは自発的なものであり、広範なユーザーへの感謝の意を表すものです。お問い合わせの前に、以下のリソースで回答を探してみてください。

  • 関連ドキュメント
  • よくある質問を検索

関連プラットフォームで私たちの活動を評価することを忘れないでください。