PSD à Wordpress de conversion : expliqué de A à Z (2 / 5 étapes)

Étape 2: Deuxième étape : découper le PSD

Maintenant que vous avez réussi la première étape de ce processus, il est temps de passer à l’étape suivante qui consiste à découper des images dans le fichier PSD, la réelle PSD à WP commence enfin ! C’est beaucoup plus facile à faire à l’époque moderne d’aujourd'hui et l’âge qu’il était dans l’ancien temps de conception de site Web ! C’est parce que la conception de sites web a dépassé de XTHML et CSS2 qui exigeait des concepteurs de sites web à placer des images où les boutons étaient tenus de HTML5 et CSS3 qui sont sont réunis pour rendre le travail beaucoup plus facile.

C’est où le découpage intervient. Il suffit d’ouvrir le fichier PSD et la recherche de toutes les images. Devrait avoir enregistré tous vos fichiers dans une série de dossiers et des couches pour les maintenir organisé, sinon cette étape va être inutilement compliqué. Tout ce que vous avez à faire est de couper certaines images de votre fichier PDS, ces images étant ceux qui ne peuvent pas être recréés en utilisant CSS3. Maintenant, ajoutez ces images à votre code HTML5 et CSS3 permet de les positionner exactement où ils veulent être.

Une fois que vous avez fini avec cela, il est temps d’ajouter le reste des boutons et des formes. Ces formes est possible qu’une seule fois en ajoutant des images dans les jours de CSS2, mais maintenant tout ce que vous devez faire est CSS permet de créer toutes ces fonctions, créant un aspect plus intégré et rationalisé pour votre site Web et stimuler ainsi les temps de chargement puisqu’il n’y aura d’images à charger !