移行先の比較更新日
#Studioの記事をWebflowのCMSへCSVで取り込む手順は?
「Studioの記事画面からCSVをダウンロードしたい」と探しても、そのボタンは見つかりません。Studio CMSのデータは書き出せないので、記事を開いてタイトル・本文・画像を集め、自分でCSVを作るところから始めましょう。記事のURLを洗い出すなら、Studioのサイトマップ設定を[設定]→[一般]で有効にし、公開サイトの/sitemap.xmlを開くと一覧を見られます。なお、サイトマップはページやファイルの関係を検索エンジンに伝える仕組みであり、モーダルやnoindex設定のページは除外されます。管理画面の記事一覧とも見比べてください。また、記事本文をデータとして出力する用途には使えません。
CSVは、列をCMSの項目に、行を記事1本ずつに当てて作ります。CSVはUTF-8で保存し、まず数件だけ取り込んで、日本語の文字が崩れないかを確かめてから全件を入れましょう。そこから先の流れは次のとおりです。
- 取り込み先のコレクションに、タイトル・スラッグ・本文・画像などの項目を作る
- CSVを保存する(ファイルは最大4MBまで)
- コレクションでImportを選び、CSVを読み込む
- CSVの列とCMSの項目を1つずつ対応させる
- プレビューで各記事の値を確かめてから取り込む
記事内の画像項目を移行する際は、対応する画像拡張子で終わる直接URLの記述が必要になります。ちなみに、スラッグの列を割り当てないと、名前とスラッグは自動で作られます。今の記事URLの末尾を残したい場合は、スラッグ列を必ず対応させてください(CSV取り込みの手順)。日本語のスラッグがそのまま使えるかは、数件取り込んで確かめましょう。
#Webflowの管理画面は日本語化できますか?
Webflowの操作画面を日本語で表示できる設定はあるのでしょうか。Designerやエディタのメニューを日本語に切り替える設定はありません。
エディタ画面の日本語化を求める要望や今後の対応予定については、Webflowの要望ボードで最新の状況を確かめてください。
ここで混同しやすいのが、WebflowのLocalizeです。これは公開するサイトの文章や見た目を言語・地域ごとに作り分ける機能で、管理画面の言葉を変えるものではありません。日本語と英語のサイトを並べて出したいときに使います。
では、社内の更新担当者が英語の画面に戸惑いそうなときはどうするか。Content editorの役割なら、デザインには触れずに文章・画像・CMSの記事だけを更新できます。DesignerやAdminの権限を持つ利用者は、実際の権限を変更せずにContent editor向けの操作画面をプレビュー表示可能です。英語の操作画面で更新業務を継続できそうか試したい場合は、無料のStarterプランを使ってみるとよいでしょう。静的ページ2ページと制限付きCMSの範囲で、実際の操作感を事前に確かめられます。
#Webflowは日本語でサポートを受けられますか?
困ったときに英語で問い合わせるのは気が重い、という声はよく聞きます。Webflowのサポート方針によると、公式サポートは主にSupport Portalで問い合わせを受け付け、登録メールアドレス宛てに返信が届く形式です。対応言語は明記されていないので、日本語で送って通じるかは送ってみないとわかりません。また、操作画面内で質問を入力できるAI Assistant機能も備わっていますが、質問の送信と回答の出力は英語に限られています。
急ぎの用件は、英語の短い文を添えて送ると行き違いを減らせます。
#StudioのポートフォリオをWebflowへ移すのはどうですか?
Studioとの違いは、データの出し入れにはっきり表れます。Studioはデザイン・ページ情報・ソースコード・CMSのデータを書き出せず、ほかのサービスへ移るときは移行先で作り直す前提です(Studioの書き出し仕様)。一方、Webflow CMSはCSVファイルを用いたデータの一括インポートとエクスポートの両方に対応しており、蓄積した作品データを手元へ書き出す運用が可能です。取り込める件数はサイトプランで変わります。
作品数が多いほどCSVでまとめて移せる利点は大きくなる一方、Studioはデザインを書き出せないので、トップページや作品詳細の見た目はWebflow側で作り直すものと考えておきましょう。
費用の面では、CMSを含むSiteプランをサイトごとに契約します。金額と税の扱いはWebflowの料金表で確かめてください。
作品の追加が年に数回で、コードを自分で書けるなら、別の選び方もあります。たとえばAstroを採用したプロジェクトは標準で静的サイトを出力でき、静的ファイルを置ける配信先へ、生成されたdistフォルダーの中身を置けば公開できます。管理画面から作品を足していきたい人にはWebflow、コードで更新するのが苦にならない人には静的サイト、と分けるのが自然でしょう。
こんな聞き方も
- WebflowのCMSにはCSVで記事をインポートできますか?
- webflow cms csv インポート
- WebflowのCMSへCSVで記事を取り込む手順は?
- WebflowのCMSにCSVで記事をインポートするには?
- Webflowは日本語でサポートを受けられますか?
- webflow 日本語 サポート
- Webflowの管理画面は日本語化できますか?
- webflow 管理画面 日本語化
- Webflowは日本語で非エンジニアでも使えますか?
- webflow 日本語 非エンジニア
- Webflowは管理画面が英語で使いにくいですか?
- webflow 日本語 使いにくい
- Webflowに対応している日本の制作会社はありますか?
- webflow 制作会社 日本
- StudioのポートフォリオをWebflowへ移すのはどうですか?
- webflow ポートフォリオ 移行
- webflow ポートフォリオ テンプレート
あわせて知りたい(関連する疑問)
QWebflowにはポートフォリオ向けのテンプレートがありますか?
「Studioで作ったデザインに近いものから始めたい」という場合でも、出発点になるテンプレートはありますよ。Webflowにはポートフォリオ向けのテンプレートが無料・有料の両方でそろっていて、無料ならPortfolio starterのようなものから選べます。
とはいえ、StudioにはHTMLコードを外部へ書き出す機能が存在しないため、Studioの見た目をテンプレートへ自動反映させることはできません。近い雰囲気のテンプレートを選び、色・フォント・レイアウト・アニメーションを自分の作品に合わせて変えていく流れになります。また、Webflowでテンプレートを選んで適用すると新規サイトとしてプロジェクトが立ち上がるため、既存プロジェクトの画面配置がそのまま置き換わる仕組みではありません。テンプレートは購入時の状態のまま渡されるので、文章や画像の差し替えなど、ある程度の手直しは前提です。
購入前にはWebflow公式テンプレートの確認手順に沿って、Designerプレビューを開いておくのが賢明です。PagesとNavigatorを開くと、どんなページが入っていて、各ページがどう組まれているかを確認できます。
QWebflowに対応している日本の制作会社はありますか?
あります。国内にも、Webflowでの新規制作に加えて、既存サイトの移行や公開後の運用支援まで扱う事業者があります。ここでは個別の社名は挙げません。
同じWebflow対応でも、得意な範囲は会社によって違います。対応している業務範囲は、新規サイトのデザインや構築だけにとどまりません。WordPressなど既存の別システムからの移行作業や、公開後に自社で更新を続けるための内製化支援、継続的な運用サポートまで手厚く扱う会社も見受けられます。Studioからの移行、とくにCSVで記事を移す作業まで頼めるかは、相談の段階で直接聞いてください。Studioはデザインも記事のデータも書き出せないため、頼む作業は、公開ページを見ながらの作り直し、公開ページから記事を集めてCSVにする作業、記事URLの末尾を残すためのスラッグ列の対応の3つです。それぞれ引き受けてもらえるかを確かめておきましょう。
依頼先を比べるときは、まず制作実績を見て、自分のサイトに近い雰囲気や業種の事例があるかを確かめます。そのうえで、得意分野、引き受ける作業の範囲、時差、予算を見ていきます。海外の事業者にも頼めますが、打ち合わせの時間帯や返事の速さで日本の会社を選ぶ人もいるでしょう。
QWebflowは非エンジニアでも使えますか?
プログラミングの専門知識を持たない非エンジニアでも、Webflowを問題なく扱えるのでしょうか。使えます。Webflowは、HTMLやCSSのコードを直接手書きすることなく、視覚的なキャンバス操作だけでWebサイトの設計から構築、公開までを完結できるプラットフォームです。そのため、プログラミング言語を記述した経験のない人であっても、基本的なサイト作成を行えます。
ただし、Studioと同じ感覚で触ると戸惑う場面もあるかもしれません。Webflowの操作はHTMLとCSSの考え方に沿っているため、要素がどう並ぶのか、スタイルが下の要素にどう引き継がれるのか、余白がどこに付くのか、といった点でつまずきやすいです。コードを書かない場合でも、HTMLとCSSの基礎、とくにボックスモデル(要素の中身・内側の余白・枠線・外側の余白の関係)を知っていると、思いどおりに配置できない理由がわかります。
学ぶ場としては、初心者向けの公式学習講座のWebflow 101がありますよ。ボックスモデルやHTML、CSSの基礎的な考え方からスタートし、段階を踏んで実践的なランディングページを制作する一連の流れを学べます。
記事の更新だけを担当する人なら、ここまで覚える必要はありません。先に触れたContent editorの役割で、入力欄に文章と画像を入れて公開する作業に絞れます。デザインを組む人と更新する人で、求められる知識はかなり違いますね。
QWebflowのCMSからまたCSVで出せますか?
Studioから移るときに手作業で苦労した人ほど、次に乗り換えるときのことが気になるはずです。WebflowのCMSは、CMSパネルで対象のCollectionを開き、Exportを押せばCSVで書き出せます。Studio CMSには記事内容を書き出す機能がないので、ここは大きな違いです。
ただ、記事内のリッチテキスト項目はHTMLタグを含んだ状態で出力され、画像や添付ファイルはWebflowのサーバー上でホストされているURL形式です。そのため、Webflow上の元サイトを削除してしまうと画像の参照リンクが途切れてしまいます。外部の別環境へ移行する際には、CSVの出力だけでなく、使用している画像ファイルそのものを手元へダウンロードして保管する作業が欠かせません。
もうひとつ紛らわしいのが、サイトのコード書き出しです。こちらはページのHTMLやCSSを出す機能で、CMSの記事、ユーザーアカウント、Ecommerceのデータは含まれません(サイトコード書き出しの説明)。コードの書き出しは、有料のWorkspaceプランで使える機能です。記事を持ち出すときは、コードの書き出しではなく、コレクションごとのCSV書き出しを使います。
この内容をChatGPTで相談