Owkey
HTML5テンプレート
HTML5テンプレート
C7エンターテイメントをご利用いただきありがとうございます。プラットフォームの使用に関してご不明な点がございましたら、公式チャネルからお問い合わせください。皆様のご支援が私たちの原動力です!
本ガイドは、プラットフォームのインストールと使用方法に関する詳細な説明を提供することを目的としています。
C7エンターテイメントプラットフォームは、多様なシーンをカバーするインタラクティブエンターテイメント体験を提供し、ユーザーの多様なニーズに応えることに専念しています。
プロフェッショナルなウェブサイトの構築が非常に簡単になりました。Owkeyテンプレートは、ニーズに合わせてカスタム統合できる19種類の異なるページで、あなたの作業を代行します。 デザインはフラットでレスポンシブ、SEOフレンドリーです。テンプレートには、リスト表示とグリッド表示の2つのプロフェッショナルなブログレイアウトページがあります。 SEOに焦点を当てたデザインとプロフェッショナルなレイアウトには、4つのホームページオプションがあります。Revolution Sliderで画像やスライドなどを統合して、ビジネスの概要を素早く表示したり、ビジネスストーリーを伝えたりできます。 デザインはGoogleフォントを使用しており、ブラウザフレンドリーで、Twitter Bootstrap v3によって強化されています。 デザインはプラグインと互換性があり、あなたにとって大きなメリットとなります。
C7エンターテイメントプラットフォームは複雑なインストールを必要としません。圧縮ファイル内のすべてのファイルをサーバーにアップロードするだけで利用できます。
C7エンターテイメントプラットフォームファイルをデプロイするには、次の2つの方法があります。
C7エンターテイメントプラットフォームには豊富なファイル構造が含まれており、各ディレクトリとファイルは論理的に整理されているため、検索と変更が容易です。
ダウンロードした圧縮ファイルには、主に2つのフォルダが含まれています。

コアプラットフォームファイルと詳細なドキュメントが含まれています。ご安心ください、すべての内容は完全です。
複数の機能モジュールフォルダとインデックスファイルが含まれています。任意のブラウザで`index.html`を開くと、プラットフォームの詳細ドキュメントを参照できます。

すべてのJavaScriptファイルは`assets/js/`ディレクトリにあります。
C7エンターテイメントプラットフォームで使用されている主要なCSSスタイルシートを以下に示します。
C7エンターテイメントプラットフォームで使用されている主要なLessプリプロセッサファイルは、`assets/less/`ディレクトリにあります。
C7エンターテイメントプラットフォームの構築に使用されたすべての外部技術(フレームワーク、ライブラリ、プラグインなど)を以下に示します。
| Twitter Bootstrap v3.3.7 | 最先端のフロントエンド開発フレームワーク。 | http://getbootstrap.com/ |
| jQuery v3.1.1 | 軽量かつ高速で機能豊富なJavaScriptライブラリ。クライアントサイドスクリプト作成を簡素化します。 | http://jquery.com/ |
| 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`ファイルにアクセスして、プラットフォームの初期設定を行ってください。
例:
$('.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
}
}
]
});
さらにご不明な点がございましたら、公式ウェブサイトをご覧いただくか、カスタマーサービスまでお問い合わせください。
プラットフォーム設定に直接関連する問題の解決に全力を尽くします。技術サポートは自発的なものであり、広範なユーザーへの感謝の意を表すものです。お問い合わせの前に、以下のリソースで回答を探してみてください。
関連プラットフォームで私たちの活動を評価することを忘れないでください。