STUDIO CMS チュートリアル | メディアサイトをゼロから作ってみよう【後編】

⚠️こちらの動画は過去のエディタです⚠️
2025年11月25日にStudioのEditor 5.0が正式にリリースされ、エディタがアップデート・AI機能をはじめとした様々な新機能が追加されております。
   • Introducing Editor 5.0 |『Editor 5.0』正式リリース...  

最新エディタでのセミナーやイベントを日々開催しております。ぜひご参加ください。
https://luma.com/studiodesign

--------------------
　
STUDIOの使い方を１から詳しく解説していく講座「STUDIOチュートリアルコース」

メディアサイトをつくりながら、STUDIO CMS 2.0 の仕組みと実装方法を学習しましょう。
今回、プロジェクトのテンプレートは「白紙」、CMS初期データは「空白」からスタートする、文字通り「ゼロから」の解説です！

サンプルサイト:
https://arimedia.studio.site/

■ コースの流れ
[前半]    • STUDIO CMS 2.0 でメディアサイトをゼロから作ってみよう【前編】  
1. プロジェクト作成
2. ダッシュボード: CMS初期設定
3. エディター: トップページ制作
[後半] この動画
4. エディター: 記事詳細ページ制作
5. エディター: カテゴリー別一覧ページ制作
6. 公開準備（SEO設定）
7. 公開（ドメイン接続）

後半では、メディアサイトはもちろんCMSを活用するために欠かせないページを、「動的ページ」を活用して制作！
• 記事詳細ページ
• カテゴリー別一覧ページ

そして、公開前に必要な設定を行った上で、Freeプランでのドメイン接続、公開作業まで体験します。
細かいTipsも満載！CMSについて理解を深めたい方、最後まで一緒に制作してみましょう 💪 😄

00:00 コースの紹介
00:41 4. エディター: 記事詳細ページ制作
01:53 ① 要素にCMSプロパティを紐付けよう
04:57 ② 記事のライター情報を配置しよう
11:33 ③ 公開日時・更新日時を配置しよう
14:38 ④ Twitterシェアボタンを配置しよう
18:23 5. エディター: カテゴリー別一覧ページ制作
20:13 6. 公開準備（SEO設定）
25:19 7. 公開（ドメイン接続）
27:59 まとめ（後半）

18:19 でお話しした記事はこちら
Twitter シェアボタンの設置方法 | STUDIO U https://help.studio.design/ja/article...

///////////////////////////////////////

より初心者向けのコース「ポートフォリオサイトを1から作成しよう！」
→    • 1. STUDIOの基礎編 | ポートフォリオサイトを１から作ろう  

今後より充実したコンテンツを発信していくため、簡単なアンケートにご協力下さい
→ https://studiochannel.studio.site/