dawn

Aube

Commencer | Rester à jour avec les modifications de l'aube | Outils du développeur | Contribution | Code de conduite | Soumission du magasin de thème | Licence

Dawn représente une approche HTML-First, JavaScript uniquement au besoin du développement du thème. Il s'agit du premier thème disponible de Shopify avec des performances, une flexibilité et une boutique en ligne 2.0 Fonctionnelles intégrées et agit comme référence pour construire des thèmes Shopify.

• Natif du Web dans sa forme la plus pure: les thèmes fonctionnent sur le Web à feuilles persistantes. Nous tirons parti des derniers navigateurs Web au maximum, tout en maintenant le soutien aux plus anciens grâce à une amélioration progressive - pas des polyfills.
• Lean, rapide et fiable: la fonctionnalité et la conception par défaut ne sont pas «non» jusqu'à ce qu'elle réponde à cette exigence. Le code expédie sur la qualité. Les thèmes doivent être construits dans un but. Ils ne devraient pas prendre en charge chaque fonctionnalité de Shopify.
• Server rendu: HTML doit être rendu par des serveurs Shopify à l'aide de liquide. La logique commerciale et les primitives de plate-forme telles que les traductions et la mise en forme d'argent n'appartiennent pas au client. Le rendu asynchronisé et à la demande des parties de la page est OK, mais nous le faisons avec parcimonie comme une amélioration progressive.
• Fonctionnel, pas parfait pour pixels: le Web ne nécessite pas que chaque page soit perfectionnée par pixel par chaque moteur de navigateur. En utilisant le balisage sémantique, l'amélioration progressive et la conception intelligente, nous nous assurons que les thèmes restent fonctionnels quel que soit le navigateur.

Vous pouvez trouver une version plus détaillée de nos principes de code de thème dans le guide de contribution.

Commencer

Nous vous recommandons d'utiliser Dawn comme point de départ pour le développement du thème. En savoir plus sur shopify.dev.

Si vous construisez un thème pour le magasin de thème Shopify, vous pouvez utiliser Dawn comme point de départ. Cependant, le thème que vous soumettez doit être substantiellement différent de Dawn afin qu'il apporte une valeur ajoutée aux commerçants. Découvrez les façons d'utiliser Dawn.

Veuillez noter que la branche principale peut inclure le code pour les fonctionnalités non encore publiées. La version "stable" de Dawn est disponible dans le magasin de thème.

Rester à jour avec les changements de l'aube

Dites que vous construisez un nouveau thème au large de Dawn, mais vous voulez toujours pouvoir tirer les dernières modifications, vous pouvez ajouter une distance upstream pointant vers ce référentiel de l'aube.

1. Accédez à votre dossier de thème local.
2. Vérifiez la liste des télécommandes et validez que vous avez à la fois une origin et upstream :

git remote -v

3. Si vous ne voyez pas de upstream , vous pouvez en ajouter un qui pointe vers le référentiel Dawn de Shopify:

git remote add upstream https://github.com/Shopify/dawn.git

4. Tirez les derniers changements de l'aube dans votre référentiel:

git fetch upstream
git pull upstream main

Outils de développeur

Il existe un certain nombre d'outils vraiment utiles que l'équipe de Shopify Thèmes utilise pendant le développement. Dawn est déjà configuré pour travailler avec ces outils.

CLI Shopify

Shopify CLI vous aide à construire des thèmes Shopify plus rapidement et est utilisé pour automatiser et améliorer votre flux de travail de développement local. Il est livré avec une suite de commandes pour développer des thèmes Shopify - tout en travaillant avec des thèmes sur une boutique Shopify (par exemple, la création, la publication, la suppression de thèmes) ou le lancement d'un serveur de développement pour le développement de thème local.

Vous pouvez suivre ce guide de démarrage rapide pour les développeurs de thèmes pour commencer.

Chèque de thème

Nous vous recommandons d'utiliser le chèque de thème comme moyen de valider et de peindre vos thèmes Shopify.

Nous avons ajouté la vérification du thème à la liste des extensions de code VS de Dawn, donc si vous utilisez le code Visual Studio comme éditeur de code de choix, vous serez invité à installer l'extension de vérification du thème contre le code lors de l'ouverture vs du code après avoir Fourni et cloné l'aube.

Vous pouvez également l'exécuter à partir d'un terminal avec la commande CLI Shopify suivante:

shopify theme check

Intégration continue

Dawn utilise des actions GitHub pour maintenir la qualité du thème. C'est un point de départ et ce que nous suggérons d'utiliser afin de vous assurer que vous construisez de meilleurs thèmes. N'hésitez pas à en construire!

Shopify / Lighthouse-Ci-Action

Nous aimons les sites Web rapides! C'est pourquoi nous avons créé Shopify / Lighthouse-Ci-Action. Cela exécute une série d'audits Google Lighthouse pour les pages à domicile, aux produits et aux collections sur un magasin pour garantir que le code qui est ajouté ne dégrade pas les performances des vitrines au fil du temps.

Shopify / Thème-Check-Action

Dawn exécute le thème Vérifiez chaque engagement via Shopify / Thème-Check-action.

Contributif

Vous voulez améliorer le commerce pour tout le monde en contribuant à Dawn? Nous aimerions votre aide! Veuillez lire notre guide de contribution pour en savoir plus sur notre processus de développement, comment proposer des corrections et des améliorations de bogues, et comment construire pour l'aube.

Code de conduite

Tous les développeurs qui souhaitent contribuer via du code ou des problèmes, veuillez d'abord lire notre code de conduite.

Soumission de magasin à thème

Le magasin de thème Shopify est l'endroit où les commerçants Shopify trouvent les thèmes qu'ils utiliseront pour présenter et soutenir leur entreprise. En tant que partenaire à thème, vous pouvez créer des thèmes pour le magasin de thème Shopify et atteindre un public international d'un nombre toujours croissant d'entrepreneurs.

Assurez-vous de suivre la liste des exigences des magasins de thème si vous souhaitez devenir un partenaire à thème Shopify et des thèmes de construction de la plate-forme Shopify.

Licence

Copyright (C) 2021-présent Shopify Inc. Voir Licence pour plus de détails.