VTuber・声優 公式サイト

『VTuber・声優として活動するあなたを応援します！』

　バナー掲載＋自動カルーセル動画＋CMS管理の記事付き、VTuber・声優 公式サイトテンプレート

　VTuber・声優として活動する方におすすめの、
　多機能付でシンプル、装飾と配色を変更すればオリジナリティを出せる公式サイトです。

※2024.02.16　追加更新
　Twitterアイコンを「X(旧Twitter)」に更新しました

◆テンプレートの機能

　・NEWSやWORKSの記事はCMSで管理しているので、差し替え・更新がカンタンです
　・YouTube動画やバナーをカルーセル機能を利用して、たくさんの情報を掲載できます
　・PROFILEには、キャラクター画像を複数枚表示できる『タブ切替機能』を用意しました

◆こんなひとにおすすめ

　・『Freeプラン』でたくさんの情報を掲載できる公式サイトがほしい方
　・情報の更新がカンタンにできるサイトがほしい方
　・自作のバナーを掲載してサイトを彩りたい方

◆デザインの特徴

　・シンプルなデザインですが、装飾と配色を変更すればオリジナリティのあるサイトが完成できます
　・自作バナーを自動カルーセルで表示しているので、外部サイトへの誘導もバッチリです
　　バナーではなく、イラストを掲載しても良いですね
　・PROFILEには、キャラクター画像を複数枚表示できる『タブ切替機能』があります
　　表情差分や衣装差分を掲載すれば、よりキャラクターの魅力を表現できます
　・WORKSの記事はCMSで管理しつつ、サムネイル画像は表示条件を利用して、
　『記事ごとの専用サムネイル(is set)』と『共通サムネイル(is empty)』の2種類を用意しています

◆テンプレートの構成

　・TOPページ
　・NEWS(最新情報)ページ_CMS管理
　・WORKS(活動報告)ページ_CMS管理
　・ハンバーガーメニューモーダル
　・404ページ
　・プライバシーポリシー

◆MOVIEの動画差し替えについて

　下記は、動画サイズの比率16:9を保ちながらレスポンシブできるコード設定です

　<div style="width: 100%; aspect-ratio: 16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/○○○○" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div>

　『○○○○』部分に、埋め込みたい動画URLの動画IDを記入して、リストに登録すれば差し替えができます。
　STUDIOコミュニティの https://www.studio.community/c/tips/youtube も是非参考にご覧ください。