Shopifyのテーマファイルについての解説動画を公開しました。
今回は、Shopifyのデザインやシステムの処理をもう少し本格的にカスタマイズしたいという方のために、
Shopifyのテーマファイルの構成について解説をしていきたいと思います。
まず最初に、
1.テーマの言語と基本構造
を簡単にだけ説明させていただいてから、
2.テーマファイル全体の構成、各フォルダ・ファイルの役割
を解説していきたいと思います。
今回の動画では、Shopifyのデフォルトテーマの「Debut」で解説をしていきたいと思います。
関連記事
13.10.26
ウィジェットエリアに画像を直接挿入できるプラグイン「Image Widget」
「Image Widget」は、ウィジェットエリアに画像を直接挿入し、画像に対して、リンクやALTも入力できる非常に便利なプラグインです。 コードを書く必要がないので、頻繁にバナーの更新をされる方には、非常に便利なプラグ …
16.02.28
タイ・クリエティブ＆デザイン・センター「TCDC」へ行ってきました。
タイといえば、金色の立派な仏像の寺院、綺麗な海、温厚で優しい人柄、おいしくて安い屋台料理、トゥクトゥク、田舎のほうへ行くと自然がたくさん。というイメージが先行しており、もちろんそれが名物で、それが最高に楽しいのですが、そ …
13.09.14
マウスホイールでスクロールすると、余韻が残るイージングスクロールJquery
通常、ブラウザ上でwebサイトをマウスホイールでスクロールをするとホイールを止めた時にピタッと止まりますが、止まるときに余韻が残ったりするほうが少しリッチな感じがすると思います。jQueryで動作する方法があるので、覚え …
16.01.20
カスタムフィールドでの条件分岐(値無記入の場合、項目非表示)
wordpressでカスタムフィールドを使用して構築作業する際、カスタムフィールドの値が未記入だった場合、タグや項目のタイトルごと非表示にしたいときがあります。 そんな時に使える条件分岐です。 厳密にいうと、「入力されて …
18.05.27
PC・タブレット・スマホのデバイス別にPHPの条件分岐で処理を入れる方法
処理を端末毎に分けて書きたい場合、PHPや、JSで条件分岐を書きたいという事があると思います。 バックエンドエンジニアの方々にとってはあたり前のことかもしれないですが、 WEBデザイナーやコーダーがフロントエンドのコーデ …
