毎日通知を受け取り学習習慣を作ろう!
通知設定をすると毎日夜8時に通知を受け取れます。

※PCとAndroid環境におけるChromeとFirefoxにのみ対応

Shopify アドバンスコース 新カリキュラム:基礎編

コード編集の基礎を学習しよう

DAY 27

【追加】オリジナルセクションを作ろう -セクション編-

本日も続いてオリジナルセクションの「NEWSセクション」を実装していきます。

セクションは、Shopifyのテーマの構造でとても重要な部分になります。

ですので、オリジナルデザインのセクションを作成することができれば、基本的にどんな案件にも対応できるようになります。

ただ単純にデザインを再現できるだけではなく、Shopifyの仕様・運用・保守を考えた設計が大事になってきます。

設計から考えることができるようになると、単価もどんどんアップできますので、ぜひ習得してくださいね👍

DAY27で学んでいく項目としては、4つです。

  • セクション作成におけるLiquid
  • セクションSchemaの設定
  • 既存テーマとの関係
  • セクションのアレンジ実装

本日でオリジナルセクションは完成になりますので、頑張っていきましょう!

TIPS

01. HTMLにLiquidを組み込もう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

02. Schemaを設定しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

03. テーマの既存のクラスを使ってみよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

04. Newsセクションのタグのカラーを実装しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

05. 本番環境へ反映させよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

06. 【自由課題】セクション設定での応用

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる