Table des matières:
Vidéo: Angular Material Custom Theme Tutorial 2025
Il est possible d'utiliser des thèmes CSS3 prédéfinis directement à partir du site ThemeRoller. Le téléchargement d'un thème prédéfini sur votre site améliorera la vitesse de votre application car le serveur n'aura pas à récupérer les fichiers requis chaque fois qu'un utilisateur en fera la demande.
Toutefois, si vous souhaitez utiliser un thème personnalisé, vous devez le créer, puis le télécharger pour l'utiliser sur votre site. Dans les deux cas, l'utilisation d'une copie téléchargée du thème réduit les risques de sécurité potentiels, car tout ce qui est nécessaire pour l'application est téléchargé à partir d'un seul domaine.
L'utilisation d'un seul domaine permet à l'administrateur de mieux verrouiller le navigateur et de réduire le risque de problèmes de script entre sites.
Comment télécharger un thème CSS3 prédéfini
Afin d'obtenir une vitesse supplémentaire de votre application et de réduire le risque de problèmes de sécurité, vous pouvez décider de télécharger le thème prédéfini sur votre système. Les étapes suivantes vous aident à effectuer cette tâche. (Même si les étapes montrent le thème de légèreté de l'interface utilisateur, les mêmes étapes fonctionnent pour tous les thèmes que vous souhaitez télécharger.)
-
Cliquez sur Télécharger sous le thème que vous souhaitez utiliser.
ThemeRoller affiche la page Download Builder affichée.
-
Sélectionnez la version du thème que vous souhaitez utiliser.
La version par défaut est la meilleure option dans la plupart des cas. Cependant, vous devrez peut-être télécharger une ancienne version pour prendre en charge les anciennes applications.
-
Sélectionnez les fonctions que vous souhaitez utiliser dans la bibliothèque.
Dans la plupart des cas, vous souhaitez laisser toutes les options de fonctionnalité cochées lors du téléchargement d'une version de développement du thème, car vous ne savez pas, au départ, de quelles fonctionnalités vous avez réellement besoin. Lorsque vous avez terminé le processus de développement, vous pouvez créer une version plus petite du thème en sélectionnant uniquement les fonctionnalités réellement utilisées par votre application. La version plus petite sera téléchargée plus rapidement afin que l'utilisateur voit les résultats plus rapidement.
-
(Facultatif) Entrez une valeur dans le champ Scope CSS.
La portée permet de remplacer les styles CSS internes en utilisant un externe. Fichier CSS. Vous pouvez en savoir plus sur l'utilisation de scope sur css-tricks et html5rocks.
Certains développeurs se sont plaints que la fonction de portée ne fonctionne pas complètement dans ThemeRoller. Vous pouvez voir un tel exemple à jqueryui. com.
-
Cliquez sur Télécharger.
Vous voyez une boîte de dialogue de téléchargement pour votre navigateur et votre plate-forme. Le fichier que vous recevez est une archive qui contient toutes les fonctionnalités spéciales que vous avez demandées pendant le processus de configuration.
Comment télécharger un thème CSS3 personnalisé
Pour utiliser un thème personnalisé avec votre application, vous devez le télécharger. Il n'y a pas d'URL que vous pouvez utiliser pour accéder au thème depuis le site ThemeRoller. La procédure suivante vous aide à télécharger un thème personnalisé.
-
Cliquez sur Télécharger le thème dans le menu ThemeRoller.
ThemeRoller affiche la page Download Builder.
-
Sélectionnez la version du thème que vous souhaitez utiliser.
La version par défaut est la meilleure option dans la plupart des cas. Cependant, vous devrez peut-être télécharger une ancienne version pour prendre en charge les anciennes applications.
-
Sélectionnez les fonctions que vous souhaitez utiliser dans la bibliothèque.
Comme il s'agit d'un thème personnalisé, vous devez télécharger toutes les fonctionnalités à des fins de développement pour vous assurer d'avoir une configuration complète. Contrairement à un thème prédéfini, un thème personnalisé rend plus difficile d'y revenir plus tard et d'obtenir des objets que vous pensiez ne pas avoir besoin mais que vous avez fini par exiger.
Oui, vous pouvez utiliser l'URL que vous avez enregistrée au cours du processus de création pour reproduire le thème, mais cela signifie que l'URL doit rester dans un emplacement dont vous pouvez vous souvenir. Lorsque vous proposez des versions du thème que vous souhaitez conserver, il est toujours préférable de les sauvegarder dès le départ.
-
Saisissez un nom pour votre thème dans le champ Nom du dossier thématique.
Sélectionnez un nom unique pour votre thème qui reflète le design ou l'objectif du thème. Sinon, vous risquez de vous retrouver avec un certain nombre de thèmes personnalisés difficiles à identifier ultérieurement.
-
(Facultatif) Entrez une valeur dans le champ Scope CSS.
La portée permet de remplacer les styles CSS internes en utilisant un externe. Fichier CSS. Vous pouvez en savoir plus sur l'utilisation de scope sur css-tricks et html5rocks.
Certains développeurs se sont plaints que la fonction de portée ne fonctionne pas complètement dans ThemeRoller. Vous pouvez voir un tel exemple à jqueryui. com.
-
Cliquez sur Télécharger.
Vous voyez une boîte de dialogue de téléchargement pour votre navigateur et votre plate-forme. Le fichier que vous recevez est une archive qui contient toutes les fonctionnalités spéciales que vous avez demandées pendant le processus de configuration.
