YUIDEA CREATIVE

Studio

Studioテンプレートの
ご利用ガイド・公開までの流れ

はじめに

Studioテンプレートは、デザインの知識がない方でも、画像やテキストを差し替えるだけで、クオリティの高いWebサイトを短期間で公開できるように設計されています。テンプレート購入後の具体的な使い方や、Webサイト公開までの流れについてご紹介します。

Studioテンプレートの種類

Studio Storeでは、手軽に始められる「無料テンプレート」から、細部までデザインにこだわった「有料テンプレート」まで、用途に合わせて選べる2種類のテンプレートが用意されています。YUIDEAでもさまざまなニーズにお応えするため、幅広い業種・ジャンルに特化したハイクオリティなテンプレートを続々と追加していく予定です。事業内容や目的にぴったりのものが、きっと見つかります。

arrow_forwardStudio Store

こんな方におすすめ

テンプレートを活用したサイト制作は、以下のようなお悩みやご要望をお持ちの方に最適です。

    • とにかくスピーディーに、手間をかけずWebサイトを立ち上げたい方

    • 制作コストを抑えつつ、プロが作ったような洗練されたデザインにしたい方

    • Studioを使ってみたいが、ゼロからレイアウトを組むのが不安な方

    • テンプレートには、あらかじめ必要なページ構成やデザインが整っているため、専門知識がなくても簡単かつ高品質なサイトが完成します。

    テンプレートだからできること

    1

    プロ仕様のデザインをそのまま利用可能

    プロのデザイナーが作成したレイアウトや配色があらかじめ設定されているため、デザインを一から考える必要がありません。業種に合わせた最適な構成が組まれており、信頼感のあるサイトがすぐに手に入ります。

    2

    直感的な操作で簡単編集

    Studioはコードを書かずに編集できる「ノーコード」ツールです。テンプレートの画像やテキストをクリックして入れ替えるだけで、直感的に編集作業が進められます。

    3

    コストと時間を大幅に削減

    テンプレートは無料のものがあったり、有料でも4,980円からとかなりの低価格。通常の制作会社に依頼する場合と比較して、圧倒的に低コストかつスピーディーにサイトを立ち上げることが可能です。「まずは急ぎでサイトが欲しい」「予算を抑えてスタートしたい」という方に最適です。

    テンプレート購入から公開までの5ステップ

    テンプレートを使えば、複雑な構築作業は不要です。以下のシンプルなステップでWebサイトが完成します。

    STEP 01

    テンプレートの購入・プロジェクト作成

    「Studio Store」にてテンプレートを選択・購入してください。購入後、Studioの管理画面にそのデザインが適用された新しいプロジェクトが作成されます。

    ※無料のプレビュー機能を使えば、購入前に実際のエディタ画面で操作感を試すことも可能です。

    STEP 02

    掲載する素材（文章・画像）の準備

    Studioはコードを書かずに編集できる「ノーコード」ツールです。テンプレートの画像やテキストをクリックして入れ替えるだけで、直感的に編集作業が進められます。テンプレートに使用されている画像やテキストはサンプルなので、伝えたい内容に合わせた画像とテキストを準備するのが効果的です。

    STEP 03

    コンテンツの差し替え・編集

    Studioのエディタ画面で、用意した素材を反映させていきます。テンプレートはそのままでも十分使用できますが、サイトの目的に合わせてカスタマイズも可能です。

    • 画像の変更

    • 画像エリアをクリックし、アップロードした写真を選択します。Studioのストックから無料で使用することもできます。

    • テキストの変更

    • 文字部分をダブルクリックして、原稿を打ち込みます。

    • CMSの更新

    • ニュースや活動報告などは、管理画面からブログ感覚で簡単に投稿・更新ができます。

    • カラーの変更

    • ブランドカラーに合わせて、ボタンや背景の色を一括で変更できます。

    • フォントの変更

    • 豊富な日本語フォントの中から、サイトの雰囲気に合った書体を選べます。

    • レイアウトの調整

    • 不要なセクションを非表示にしたり、順序を入れ替えたりすることも可能です。

    私たちが制作したテンプレートの編集方法をYouTube動画で解説しています。

    arrow_forwardYouTube解説動画

    STEP 04

    サイト基本設定

    公開に向けて、検索エンジンやSNS表示用の設定を行います。

    • ページ設定

    • サイトタイトルや説明文（ディスクリプション）を入力します。

    • ソーシャルカバー・ファビコン設定

    • SNSでシェアされた際に表示される画像や、ブラウザのタブに表示されるアイコンを設定します。

    STEP 05

    プランの選択とサイトの公開

    デザインの編集と基本設定が完了したら、運用目的に合わせてStudioの料金プランを選択し、いよいよ公開です。

    • まずは無料で公開したい場合（Freeプラン）

    • コストをかけずに今すぐ公開したい場合は、無料プランのままで問題ありません。Studioのドメイン（◯◯.studio.site）が適用され、画面左下にStudioの小さなバナーが表示されます。

    • 独自ドメインを使いたい・本格運用したい場合（有料プラン）

    • 自社の「独自ドメイン（例: .com / .jp など）」で信頼感のあるサイトを運営したい場合や、Studioの広告バナーを非表示にしたい場合は、有料プラン（Starter / CMS / Businessなど）へのアップグレードが必要です。

    ※テンプレートに含まれる「ブログ」や「お知らせ」などのCMS（更新機能）の公開アイテム数に応じて最適なプランが変わるため、運用規模に合ったものをお選びください。

    プランが決まったら、エディタ画面右上の「公開」ボタンを押して公開完了！ サイトの目的に合わせて運用していきましょう。

    arrow_forwardYUIDEA制作のテンプレートはこちら