Aides recommandées pour la création de sites web (captures d'écran, manipulation d'images, logiciels de prise de notes, etc.)

Si vous voulez faire un bon travail, vous devez d'abord créer un bon outil. Bien que WordPress lui-même soit puissant, mais avec quelques bons outils auxiliaires, vous pouvez rendre votre processus de construction de site plus efficace et plus fluide, en particulier pour les novices de base zéro, ces outils peuvent vous aider à résoudre un grand nombre d'opérations pratiques des problèmes rencontrés.

Dans cet article, nous allons classer et recommander quelques outils utiles que vous utiliserez dans le processus de construction d'un site web WordPress, de la planification et du développement à la création de contenu. La grande majorité d'entre eux sont gratuits ou proposent une version gratuite, n'hésitez pas à faire votre choix.

​I. Notes et outils de planification de la réflexion​

Avant de créer un site web, vous devez planifier la structure du site, vous inspirer et rassembler des informations.

1. Notion​
   • ​Utilisations.​ ​polyvalent. Vous pouvez l'utiliser pour rédiger des plans de projet, enregistrer des listes de tâches, créer une base de connaissances et même planifier le calendrier du contenu et la structure des pages de l'ensemble de votre site web.
   • Pour.De conception modulaire et extrêmement flexible, vous pouvez construire presque tous les systèmes de gestion dont vous avez besoin. La version gratuite est déjà très puissante.
   • Conseils aux débutants.Utilisez-le pour dessiner votreStructure du site web : schéma cérébraletListe du contenu des pages。
2. ​XMind / MindMeister​
   • ​Utilisations.​ ​Outils de cartographie mentale. Dédié à la planification de la visualisation, il s'agit d'un outil idéal pour classer les catégories des sections du site web et les relations logiques des pages.
   • Pour.Des images intuitives pour vous aider, vous et les autres, à comprendre rapidement l'architecture globale du site.
   • Alternatives.Le papier et le stylo. La méthode la plus primitive, mais aussi la plus efficace.

​II. outils de conception et de traitement d'images​

WordPress ne peut pas construire un site web sans manipulation d'images, comme la création de bannières, la compression d'images, et le simple keying.

1. ​Canva​
   • Utilisations.​ ​Une aubaine pour les concepteurs novices. Créez facilement des bannières professionnelles pour votre site Web, des images pour les médias sociaux, des images d'articles, des logos et bien plus encore, par simple glisser-déposer, sans aucune connaissance en matière de conception.
   • Pour.Un grand nombre de modèles et de matériaux (icônes, images, polices), réduisant considérablement le seuil de conception. La version gratuite est suffisante pour être utilisée.
   • Scènes essentielles.Créez une belle image de couverture pour chaque article de blog.
2. Figma​
   • ​Utilisations.​ ​Des outils de conception d'interface plus professionnels. Si vous avez des idées plus précises sur la présentation de votre site, vous pouvez commencer par dessiner une image filaire simple ou un prototype à l'aide de Figma.
   • Pour.La collaboration est puissante et permet un contrôle très précis de la taille, de l'espacement, etc. Gratuit.
   • Conseils aux débutants.Il peut être utilisé pour planifier simplement la disposition des tableaux sur la page d'accueil.
3. Snipaste​
   • Utilisations.​ ​L'outil de capture d'écran le plus puissantIl ne s'agit pas seulement de faire des captures d'écran. Il ne s'agit pas seulement de prendre des captures d'écran, mais aussi de les “coller” sur le devant de l'écran, de sorte que vous puissiez facilement les configurer ou coder en fonction d'elles.
   • Pour.Petit, rapide, sans publicité, avec des fonctionnalités bien pensées (par exemple, sélecteur de couleurs, fonction d'annotation).Hautement recommandé !​
4. ​TinyPNG / Squoosh​
   • Utilisations.​ ​Outils de compression d'images. En l'utilisant pour compresser la taille des images avant de les télécharger dans votre bibliothèque de médias WordPress, vous pouvez améliorer considérablement la vitesse de chargement de votre site web.
   • Pour.Compression intelligente qui réduit considérablement la taille des fichiers avec une perte de qualité à peine perceptible à l'œil nu.Les étapes essentielles pour le référencement et l'expérience utilisateur.​

​III. outils de développement et de débogage​

Même si vous êtes novice, le fait de connaître ces outils peut vous aider en cas de besoin.

1. ​FileZilla​
   • Utilisations.​ ​Outil client FTP. Lorsque vous devez télécharger manuellement des installateurs WordPress, des fichiers de thèmes, ou modifier des fichiers de base du site web (tels que le fichier wp-config.php) lorsqu'il est temps de l'utiliser pour se connecter à votre serveur.
   • Pourquoi c'est nécessaire.Bien que la plupart de ces opérations puissent être effectuées en arrière-plan, le FTP est le seul moyen de sauver votre vie en cas de problème (par exemple, un écran blanc causé par un code erroné dans le fichier functions.php du thème).
   • Pour.Gratuit, open source et stable.
2. Outils pour les développeurs de navigateurs​
   • Utilisations.​ ​Site internet “Microscope”.. Dans votre navigateur (Chrome/Firefox), appuyez sur la touche F12pour l'ouvrir. Vous pouvez visualiser la structure HTML de la page, les styles CSS et modifier l'effet de prévisualisation en temps réel.
   • Application novice.Lorsque vous souhaitez connaître la couleur, la police ou la marge d'un élément, utilisez-le pour le voir directement. L'outil ultime pour l'apprentissage et le débogage de CSS.
3. Code Visual Studio​
   • Utilisations.​ ​éditeur de code. Si vous souhaitez essayer de modifier le code du thème (par exemple, les fichiers CSS ou PHP) à l'avenir, il s'agit de l'éditeur de choix pour les développeurs du monde entier.
   • Pour.Gratuit, puissant et doté d'un grand nombre de plugins permettant d'étendre ses fonctionnalités. Même si vous n'écrivez pas de code, vous pouvez l'utiliser pour éditer élégamment des fichiers texte.

​IV. le contenu et les outils d'efficacité​

1. Grammarly​
   • Utilisations.​ ​Vérificateur de grammaire et d'orthographe. Si vous devez rédiger du contenu en anglais, il peut vous aider à éviter les erreurs mineures et à rendre l'article plus professionnel.
   • Pour.Vérification omniprésente sous la forme d'un plug-in de navigateur.
2. Todoist ou Microsoft To Do​
   • Utilisations.​ ​Outils de gestion des tâches. La création d'un site web est un projet, et le fait de le diviser en petites tâches (par exemple, l'achat d'un nom de domaine, l'installation d'un thème, la rédaction d'une page "À propos de nous") et de les réaliser une par une est beaucoup plus gratifiant et moins susceptible d'être raté.
   • Pour.Facile à utiliser et synchronisé sur plusieurs plateformes.

​Résumé et conseils de la boîte à outils du débutant​

Il n'est pas nécessaire d'installer tous les outils en même temps. Il est recommandé de les sélectionner progressivement, en fonction de l'état d'avancement de votre projet :

• Phase de planification.​ ​Notionpeut-êtreXMind+papier et crayon。
• ​Phase de conception et de création de contenu.​ ​Canva(cartographie) +Snipaste(Captures d'écran) +TinyPNG(image compressée).
• Phase de développement et de déploiement.​ ​FileZilla(Transfert de fichiers) +Outils pour développeurs Chrome(voir effet).
• Compagnon complet.​ ​Barre des signets du navigateur(Sauvegardez votre backend WordPress, le backend de votre hébergeur, le backend de votre domainer, et d'autres liens importants).

Ces outils sont comme votre couteau suisse, qui peut être utile dans différents scénarios de construction de sites Web WordPress. En les utilisant avec compétence, vous ne serez plus un “blanc”, mais un “webmaster” efficace.