Shopifyでまずは管理画面上からTOPページデザインをカスタマイズ。DESIGNYOUTUBEWORKSFLOWCOMPANY資料ダウンロードHOME>shopify>Shopifyでまずは管理画面上からTOPページデザインをカスタマイズ。Shopifyでまずは管理画面上からTOPページデザインをカスタマイズ。2019.07.072020.08.17shopify,WEBデザイン制作・IT関連Shopifyのカスタマイズをこれからやっていきたいが、操作方法がわからない!という人も多いと思います。僕も正直、最初はさっぱりわかりませんでした。検索してもまだチュートリアル系の記事があまりないのです。Wordpressのチュートリアルの記事のようにブロガーさんやオウンドメディアの記事がまだ乱立していないので、Shopifyの公式サポートサイトか、限られた情報を頼りにやる、なければ自分で色々触ってみる、ということになります。今回から、Shopifyのカスタマイズの情報を少しずつ書いて行こうと思いますので、参考にしていただければ幸いです。TOPページを触ってみよう。画面左のメニューから、パーツを編集できる。まとめまずは、TOPページを触ってみよう。最初に、なんとなく慣れるために、TOPページからみてみたいと思います。(説明の画像はすでに少しカスタマイズしてしまっていますが)今回は、公式の無料テーマ「Debut」でカスタマイズしてきます。管理画面の、左メニュー「テーマ」をクリックすると、画面の右側に、「カスタマイズ」ボタンが出てくるので、こちらをクリックします。画面左のメニューから、パーツを編集できる。「カスタマイズ」ボタンを押すと、こちらのTOPページの編集画面が現れます。左のメニューがTOPに表示するパーツになります。削除したり、増やしたり、編集したりできます。様々なパーツが用意されています。パーツを新規作成するときは、「セクションを追加」パーツの新規作成をしてみましょう。左メニュー下の方にある、「セクションを追加」を押すと、何のパーツを追加するのかをまず選ぶ画面になります。複数のメニューができてますので、追加したいパーツを選択し、編集していきましょう。下記は、「コレクションリスト」パーツを追加した場合の画面です。見出しのテキスト入れ替え、1列に何個並べるか、ということが選択でき、どのコレクションを表示するかを選択する機能があります。(「コレクション」というのはいわゆる商品カテゴリのことになります。アパレルでいうと例えば、「OUTER」「T-Shirts」「Pants」のようなカテゴリわけが該当します。コレクションの項目は別画面(「商品管理」>「コレクション」)で登録する必要があります。)コレクションを選択すると、下記のように反映されます。下記が、セクションを追加で追加できるパーツのリストです。今回は一つ一つにパーツの編集方法については、省略させていただきますが、画像のアップロードや、テキスト入力、商品を何列配置にするか等の整列の仕方等の項目が設定できます。実際に入力してみて色々試していただければと思います。追加したパーツをドラッグアンドドロップすることで、パーツの上下位置も入れ替え可能になります。・ロゴリスト★高度なレイアウト・コンテンツをカスタムするまとめ今回はTOPページの編集方法でした。次回は、ヘッダー・フッター(HEADER・FOOTER)の編集方法を書いていきたいと思います。テンプレートタグの使い方。EC...KEiSoN★インターネット・ITに将来の可能性を感じ、デジタルハリウッドオンラインスクールで、webデザインを学ぶ。2007年よりECカート開発会社にてwebディレクター/webデザイナーとして従事。マネージャー職も務める。2009年1月よりフリーランスのwebディレクター/Webデザイナーとして独立し、ノマドな働き方を試み始める。過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばすなど、写真や映像のクリエイティブにも触れる。けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発・オウンドメディア構築が得意。国内外の様々な価値観・デザインに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。club」の使い方shopify22019.08.08ルイ・ヴィトンのコインカード・ホルダーを使ってみた感想。最近の記事WordPressの保守管理を徹底解説!正しく知って、高いセ...Webサイトリニューアルの費用目安と、業者選定・発注のポイン...WEBサイト制作の発注に失敗しないために。】ShopifyにGA4(Go...ChatGPTを使って、webサイトのコンテンツ設計・ライテ...ブログBLOGWordPressの保守管理を徹底解説!正しく知って、高いセキュリティで快適なサイト運用を!2024.07.16Webサイトリニューアルの費用目安と、業者選定・発注のポイント2024.07.09WEBサイト制作の発注に失敗しないために。Analytics)を簡単に設置する方法を解説。USお問い合わせ・ご相談ウェブに関することならお気軽にご相談ください。お見積もり・ご相談は無料です。会社概要をはじめ、スカイゴールド株式会社が展開するサービスの資料をダウンロード可能です。集客支援をする制作会社です。reserved.このサイトでは、トラフィックの分析と広告の測定を目的としてCookieが使用されます。サイトの閲覧を続けた場合、Cookieの使用を承諾したものとみなされます。OKプライバシーポリシ。