Per la creazione di un sito web, si consiglia di utilizzare strumenti ausiliari (cattura di schermo, elaborazione delle immagini, software di annotazione, ecc.)

Chi vuole fare bene il proprio lavoro deve prima dotarsi degli strumenti giusti. Anche se WordPress è di per sé molto potente, l'utilizzo di alcuni strumenti aggiuntivi può rendere il processo di creazione del sito più efficiente e agevole, soprattutto per i principianti senza alcuna conoscenza pregressa, poiché questi strumenti possono aiutare a risolvere molti problemi pratici che si possono incontrare durante il lavoro.

Questo articolo ti consiglierà una serie di strumenti pratici che potrai utilizzare durante la creazione di un sito web con WordPress, dalla pianificazione allo sviluppo fino alla creazione di contenuti. La maggior parte di questi strumenti è gratuita o disponibile in versione gratuita, quindi puoi tranquillamente sceglierli e utilizzarli.

​I. Note e strumenti di pianificazione del pensiero​

Prima di creare un sito web, è necessario pianificare la struttura del sito, annotare le idee e raccogliere informazioni.

1. Notion​
   • ​Uso: ​\n​ ​Un giocatore versatile.La puoi usare per scrivere piani di progetto, tenere traccia delle liste delle cose da fare, creare una base di conoscenze e persino pianificare il calendario dei contenuti e la struttura delle pagine di un intero sito web.
   • Vantaggi:Il design modulare è estremamente flessibile e consente di creare praticamente qualsiasi sistema di gestione di cui si ha bisogno. La versione gratuita è già molto potente.
   • Consiglio per i principianti:Usalo per disegnare il tuoDiagramma di struttura del sito web和Elenco dei contenuti della pagina。
2. ​XMind / MindMeister​
   • ​Uso: ​\n​ ​Lo strumento per le mappe mentali.È specificamente progettato per la pianificazione visiva ed è uno strumento utile per organizzare le categorie dei siti web e le relazioni logiche tra le pagine.
   • Vantaggi:Un'immagine intuitiva che aiuta te e gli altri a capire rapidamente l'architettura generale del sito web.
   • Sostituti: ​Papel e penna. Il metodo più primitivo, ma anche il più efficace.

​II. Strumenti di progettazione e elaborazione delle immagini.​

La creazione di un sito web con WordPress non può prescindere dall'elaborazione delle immagini, come ad esempio la creazione di banner, la compressione delle immagini e il semplice ritaglio delle foto.

1. ​Canva​
   • Uso: ​\n​ ​Una risorsa indispensabile per i designer alle prime armi.Non è necessaria alcuna conoscenza di base della progettazione: basta trascinare e rilasciare per creare facilmente banner di siti web professionali, immagini per i social media, immagini in evidenza per gli articoli, loghi e molto altro ancora.
   • Vantaggi:Un'ampia varietà di modelli e materiali (icone, immagini, fonti) riduce notevolmente la complessità del processo di progettazione. La versione gratuita è sufficiente per un uso quotidiano.
   • Scena indispensabile:Creare una bella immagine di copertina per ogni articolo del blog.
2. Figma​
   • ​Uso: ​\n​ ​Strumenti di progettazione dell'interfaccia più professionaliSe hai delle idee più specifiche sull'impaginazione del sito web, puoi iniziare disegnando un semplice wireframe o un prototipo con Figma.
   • Vantaggi:Le funzionalità di collaborazione sono potenti e consentono di controllare con grande precisione dimensioni, spaziature, ecc. È gratuito.
   • Consiglio per i principianti:Questo può essere usato per pianificare semplicemente il layout delle sezioni della homepage.
3. Snipaste​
   • Uso: ​\n​ ​Il miglior strumento per fare screenshot.Non si tratta solo di screenshot: il suo punto forte principale è la possibilità di “incollare” gli screenshot nella parte più visibile dello schermo, in modo da poterli utilizzare come riferimento durante la configurazione o la codifica.
   • Vantaggi:È piccolo, veloce, privo di pubblicità e dotato di funzioni pratiche (come il selettore di colori e la funzione di annotazione).Lo consiglio vivamente!​
4. ​TinyPNG / Squoosh​
   • Uso: ​\n​ ​Strumento di compressione delle immagini.Prima di caricare le immagini nella libreria multimediale di WordPress, usalo per comprimere le dimensioni delle immagini, il che consentirà di migliorare significativamente la velocità di caricamento del sito web.
   • Vantaggi:La compressione intelligente riduce drasticamente le dimensioni dei file senza che l'occhio umano possa notare alcuna perdita di qualità.I passaggi essenziali per il SEO e l'esperienza utente.​

​III. Strumenti di sviluppo e debug​

Anche se sei un principiante, conoscere questi strumenti può esserti molto utile nei momenti critici.

1. ​FileZilla​
   • Uso: ​\n​ ​Strumento client FTPQuando è necessario caricare manualmente il pacchetto di installazione di WordPress, i file dei temi o modificare i file di base del sito web (come ad esempio wp-config.phpQuando utilizzi un server VPN, devi usarlo per connetterti al tuo server.
   • Perché è necessario: ​Anche se la maggior parte delle operazioni può essere eseguita in background, quando si verificano problemi (come un errore nel codice functions.php del tema che causa una schermata bianca del sito), l'FTP è l'unico modo per risolvere la situazione.
   • Vantaggi:Gratuito, open source e stabile.
2. Strumenti di sviluppo del browser​
   • Uso: ​\n​ ​Il sito web “Microscopio”Nella navigatore (Chrome/Firefox), premere <. F12Basta fare clic sul pulsante per aprirlo. Puoi visualizzare la struttura HTML della pagina, gli stili CSS e modificare l'anteprima in tempo reale.
   • App per principianti:Quando vuoi sapere quale è il colore, il tipo di carattere o il margine di un elemento, puoi controllarlo direttamente con questo strumento. È lo strumento definitivo per imparare e debuggare il CSS.
3. Code di Visual Studio​
   • Uso: ​\n​ ​Editore di codiceSe in futuro vorrai provare a modificare il codice del tema (come i file CSS o PHP), questo è un editor preferito dagli sviluppatori di tutto il mondo.
   • Vantaggi:È gratuito, potente e ha un'ampia gamma di plugin che ne estendono le funzionalità. Anche senza scrivere codice, è possibile utilizzarlo per modificare i file di testo in modo elegante.

​IV. Contenuti e strumenti di efficienza​

1. Grammarly​
   • Uso: ​\n​ ​Strumenti di controllo della grammatica e dell'ortografia dell'ingleseSe hai bisogno di scrivere contenuti in inglese, può aiutarti a evitare errori banali e a rendere l'articolo più professionale.
   • Vantaggi:Controlli onnipresenti sotto forma di plug-in del browser.
2. Todoist o Microsoft To Do.​
   • Uso: ​\n​ ​Strumento di gestione delle attivitàLa creazione di un sito web è un progetto che può essere suddiviso in piccoli compiti (come ad esempio acquistare un dominio, installare un tema, scrivere la pagina "Chi siamo") e completarli uno per uno offre un maggiore senso di realizzazione e rende meno probabile che qualcosa venga trascurato.
   • Vantaggi:È semplice da usare e sincronizza su più piattaforme.

​Riassunto e consigli per i kit per principianti​

Non è necessario installare tutti gli strumenti in una sola volta. Si consiglia di selezionarli gradualmente in base alla tua fase attuale:

• Fase di pianificazione:\n​ ​NotionOppureXMind​ + ​Papel e matita。
• ​Fase di progettazione e creazione dei contenuti:\n​ ​Canva(Fare una grafica) +Snipaste(Screenshot) +TinyPNG(Comprimi l'immagine).
• Fase di sviluppo e implementazione:\n​ ​FileZilla(Trasferimento di file) + ​Strumenti per sviluppatori di Chrome(Vediamo il risultato).
• Accompagnamento durante tutto il percorso:\n​ ​La barra dei segnalibri del browser.(Salva i link importanti come quelli del pannello di amministrazione di WordPress, del pannello di amministrazione del provider di hosting, del pannello di amministrazione del registrar di domini, ecc.)

Questi strumenti sono come il tuo coltellino svizzero, sempre pronti a essere usati in diversi scenari durante la creazione di un sito Web con WordPress. Con un uso esperto di questi strumenti, non sarai più un principiante, ma un “amministratore di siti web” efficiente.