【日本語版Webflow(ウェブフロー) University】 ダッシュボードの全て

この投稿はWebflow社が提供する「Dashboard」の内容を元に作成しています。

引用元：https://university.webflow.com/lesson/dashboard

日本語版Webflow Universityでは、Webflowの基本的な使い方を解説しています。

‍

ダッシュボードからできること

ダッシュボードから、サイトにアクセスし、作成し、管理することができます。

このレッスンでは、以下のことを学びます：

• ダッシュボードについて
• サイトの作成方法
• サイトの整理方法
• サイトのサムネイルからのサイトの管理方法

ダッシュボードについて

Webflowアカウントにサインアップすると、最初のスターターワークスペースに移動し、サイトの作成を開始できます。

複数のワークスペースに参加している場合は、各ワークスペースに個別のダッシュボードがあります。

ワークスペースの切り替え

ワークスペースドロップダウンメニューからワークスペースダッシュボードを切り替えることができます。

また、ワークスペースドロップダウンメニューから新しいワークスペースを作成することもできます。

ダッシュボードの要件

Webflowは公式に、Chrome、Edge、Firefox、Safariを含むすべての最新バージョンの主要なブラウザでDesignerをサポートしています。

ブラウザのサポート度合いは、使用される機能によって異なります（例：Edgeで部分的なサポートがあるフィルター）。

一部のブラウザで限られたサポートを持つ機能については、関連する記事で詳細を確認できます。

CSS変換3D：インタラクションで使用

CSSトランジション：インタラクションで使用

CSSフレックスボックス：スタイルパネル> レイアウトで使用

CSSフィルター：インタラクションで使用

CSSグリッド：スタイルパネル> レイアウトで使用

WebflowはInternet Explorerをサポートしていません。

Webflowで作成されたサイトは、最新のWebブラウザでサポートされている業界標準の機能を引き続きサポートしますが、

Internet Explorerで正しく動作することを保証できません。

プロのヒント：What's My Browserでブラウザとオペレーティングシステムのバージョンを確認できます。

サイトの作成方法

新しいWebflowサイトを作成するには、ダッシュボードの右上にある「New site」をクリックします。

空のサイトを作成するか、テンプレートから始めるかを選択できます。

サイトの整理方法

ダッシュボードに多数のサイトがある場合、予め設定されたソートオプションを使用してサイトを並べ替え、フォルダに整理し、検索バーを使用してフィルタリングや検索を行うことができます。

サイトの並べ替え

デフォルトでは、サイトは作成日によってソートされます。

アルファベット順または最終更新日によって並べ替えることもできます。

フォルダにサイトを整理

ダッシュボード内のフォルダにサイトを整理することもできます。

以下のように進めます。

• フォルダの作成
• サイトをフォルダに移動
• フォルダの削除

フォルダの作成

新しいフォルダを作成するには、「フォルダ」アイコンをクリックし、新しいフォルダに名前を付けます。

サイトをフォルダに移動サイトメニューからサイトをフォルダに移動できます：

• フォルダに移動したいサイトの「3つのドット」をクリックします
• 「フォルダに移動」を選択します
• 移動先のフォルダを選択します（または新しいフォルダを作成します）
• 「サイトを移動」をクリックします

注意：フォルダ内でも直接サイトを作成することができます。フォルダをクリックして開き、新しいサイトを作成すると、自動的にそのフォルダ内にサイトが追加されます。

フォルダの削除

フォルダはいつでも削除できます。「フォルダ」を開き、「ゴミ箱」アイコンをクリックします。

安心してください。サイトは安全です！フォルダを削除すると、そのフォルダ内のすべてのサイトが「All Sites」（ダッシュボードのメインエリア）に移動します。

サイトの検索

多数のサイトを管理している場合は、ダッシュボード内で検索できます。検索機能はフォルダ内でも機能します。

注意：他のワークスペース内のサイトを検索する場合は、まずワークスペースを切り替えてください。

サムネイルからのサイトの管理方法

ダッシュボードには、各サイトのサムネイルとサイトに関する便利な詳細情報が表されます。

例えば、各サイトにはSiteプランとそのサイトのサムネイルの下にある「ロケット」アイコンが表示され、そのサイトが公開されているかどうかがわかります。

アイコンにカーソルを合わせると、サイトが最後に公開された時期についての詳細が表示されます。

デザイナーでサイトを開く

サイトをデザイナーで開くには、サムネイルにカーソルを合わせ、Open Designerをクリックします。

プロのヒント：デザイナーで複数のサイトを一度に開くことができます。Macの場合はCommand + クリック、Windowsの場合はControl + クリックして、それぞれのサイトのデザイナーを別々のブラウザタブでロードすることができます。

これは、サイトを比較したり、サイト間でコピー/ペーストしたりする場合に便利です。

サイトメニューからサイトを管理

サムネイルのサイト上で「3つのドット」をクリックして、サイトメニューにアクセスできます。

サイトメニューでは、以下のことができます。

• サイトの削除
• サイトの複製
• サイトをフォルダに移動
• サイトの読み取り専用リンクを共有
• CMSエディターへのアクセス
• サイトの設定へのアクセス

サイトサムネイル

サイトのサムネイル画像は、ダッシュボード内のサイトに自動的に生成されます。サイトを .webflow.io サブドメインに公開するたびに更新されます。

正確でないサイトのサムネイルをリセット

サイトのサムネイル画像が正確でない場合は、サイトを .webflow.io サブドメインから非公開にし、再度公開します。ダッシュボードを強制リフレッシュして、更新されたサムネイルを確認します - Macの場合は Shift + Command + R、Windowsの場合は Shift + Control + R。

‍

サイトの管理はこのダッシュボードから全てできるようになっています！

サイトが増えてきたらきちんと整理しておきましょう！