メインコンテンツにスキップ

プロジェクトの作成と管理

Studioでのプロジェクト作成、複製、リセット、アーカイブ方法、そしてプロジェクトの設定について解説します。

この記事では、プロジェクトの作成・複製・リセット・アーカイブについて解説します。また、プロジェクトを開く方法とプロジェクトの設定についても説明します。

Point:プロジェクトとは

プロジェクトは、デザインやCMSデータ、ドメイン設定などを統合して管理する単位です。詳細は、Studioのプロジェクトとはを参照してください。

プロジェクトを作成する

1. Studioへログイン後、画面右上の[+新しいプロジェクト]をクリックします。

Tips: [テンプレートから始める]をクリックすると、Studio Storeにアクセスできます。

2. 「テンプレート」「ワイヤーフレーム」「お気に入り」の各タブから、プロジェクトの作成方法を選択します。

テンプレートタブ

  • 空白からはじめ

    スクラッチ制作(ゼロからWebサイト制作)をする場合に選択してください。ワイヤーフレームタブからも選択が可能です。

  • Figmaからインポート

    Figmaプラグインを利用してStudioにFigmaのデザインデータをインポートすることができます。詳細は、 Figma to Studioを参照してください。

  • 人気の無料テンプレート

    Studio Store掲載の人気の無料テンプレートが表示されています。

    テンプレートはデザインのひな形として活用でき、テキストや画像の差し替えですぐに高品質なWebサイトが完成します。

    画面を下にスクロールすると、その他の無料・有料テンプレートも閲覧が可能です。

    有料テンプレートを利用する場合には、テンプレート購入ガイドを併せて参照してください。

ワイヤーフレームタブ

  • 空白からはじめる

    スクラッチ制作(ゼロからWebサイト制作)をする場合に選択してください。テンプレートタブからも選択が可能です。

  • ワイヤーフレーム

    あらかじめセクションとボックスがレイアウトされたワイヤーフレームを活用して、プロジェクトを作成できます。

    「ポートフォリオ」「コーポレート」「ブログ」の3種類のワイヤーフレームがあります。

お気に入りタブ

Studio Storeでお気に入りに追加したテンプレートが表示されます。

各テンプレートのサムネイル画像に表示されるハートマークをクリック、または詳細ページ上部のハートマークボタンからお気に入りに追加ができます。


プロジェクトを複製する

プロジェクトを複製すると、デザインやCMSデータを引き継いだ新しいプロジェクトを作成できます。

注意:プロジェクトの複製は、オーナーまたは支払いオーナーのユーザーのみ実行できます。

  • プロジェクトを複製するとデザインやCMSデータなどが複製されますが、一部データは複製されません。

  • 有料プラン契約中のプロジェクトを複製すると、Freeプランのプロジェクトとして複製されます。複製時に課金が発生することはありません。

▼ 複製対象外データ

  • Apps連携情報

  • プロジェクト参加メンバー

  • フォーム回答結果

  • お支払い情報

  • アップロードパネル内の画像・PDF

  • バージョン履歴

手順

プロジェクト右端の3点メニューをクリックして、[複製]を選択すると複製が実行されます。

注意Studio Storeの有料テンプレートから始めたプロジェクトは複製ができません。


プロジェクトをリセットする

プロジェクトはいつでも初期状態に戻すことができます。

詳しくは、プロジェクトをリセットするを参照してください。


プロジェクトをアーカイブする

不要なプロジェクトをアーカイブすると、プロジェクト一覧を整理することができます。現在、プロジェクトを削除する機能は提供しておりません。

アーカイブする手順

  1. プロジェクト一覧を開きます。

  2. プロジェクト右端の3点メニューをクリックします。

  3. [アーカイブ]を選択すると、そのプロジェクトは[プロジェクト一覧]から[アーカイブ]へ移動します。

アーカイブしたプロジェクトを確認する手順

  1. プロジェクト一覧を開きます。

  2. 画面左上の[プロジェクト一覧]をクリックし、[アーカイブ]に切り替えます。

プロジェクト一覧画面とアーカイブ一覧画面の切り替え操作を行う画面

アーカイブしたプロジェクトを再表示する手順

  1. プロジェクト一覧を開きます。

  2. 画面左上の[プロジェクト一覧]をクリックし、[アーカイブ]に切り替えます。

  3. プロジェクト右端の3点メニューをクリックし、[プロジェクト一覧に戻す]をクリックします。


プロジェクトを開く

プロジェクトには、ダッシュボードとエディタが存在します。エディタはデザイン編集する専用の画面で、ダッシュボードにはプロジェクト全体の設定、CMS、フォーム、アナリティクス機能が集約されています。

プロジェクト一覧上部に並ぶリストにホバーすると[Dashboard]と[Editor]が表示されます。クリックするとそれぞれの場所へ移動できます。

縦並びのリストでは、ホバーで表示される[Editor]をクリックするとエディタに移動します。それ以外の部分をクリックするとダッシュボードに移動します。


プロジェクトの全体設定をする

プロジェクト管理のための情報(プロジェクト名やプロジェクトのカバー画像)の設定や、プロジェクトの公開操作などを行います。

設定項目の概要は、プロジェクト設定を参照してください。


project file

管理 プロジェクト 一覧 blank

こちらの回答で解決しましたか?