CSS Hero recensioni, uno dei più popolari editori CSS a WordPress. Personalizza il tuo WordPress sito come un professionista senza alcuna conoscenza di programmazione.
Uno dei motivi principali dietro l'enorme popolarità di WordPress CMS sarebbe il suo potenziale di personalizzazione completo.
Tuttavia, alcuni dei WordPress temi, con le sue opzioni di temi limitate, rende difficile progettare correttamente secondo i tuoi gusti.
È possibile la personalizzazione manuale dei file del tema principale, ma può essere un po' complicata e può causare problemi se non si presta attenzione. Ma questo non dovrebbe essere un problema con il CSS Hero WordPress .
Una volta installato, il plug-in ti darà accesso a un'interfaccia punta e clicca che consente all'utente di regolare l'aspetto del tuo sito Web in tempo reale.
La maggior parte delle personalizzazioni di base come la regolazione del colore, l'allineamento e la dimensione del carattere possono essere gestite tramite la normale GUI.
Tuttavia, per una configurazione più avanzata, avrai accesso a un editor di codice dedicato che ti consente di inserire il tuo CSS personalizzato.
Per farla breve, questo è il sogno di uno sviluppatore web se si considera quanto potenziale di design e personalizzazione ha in serbo il plugin.
Ma detto questo, vale la pena ricordare che il plug-in è a pagamento e, quindi, le persone potrebbero considerare se si tratta o meno di un buon investimento per loro.
Questo è il motivo per cui, ai fini di questa lettura, abbiamo messo insieme una lettura completa che ripercorre tutti i campanelli e i fischietti CSS Hero ha da offrire, in modo da poter prendere una decisione informata in merito al plug-in.
Quindi, senza ulteriori indugi, iniziamo:
CSS Hero - Caratteristiche
Per iniziare la recensione, esaminiamo rapidamente tutte le caratteristiche e le funzionalità che il plugin ha da offrire:
Personalizzazione per diverse dimensioni dello schermo
CSS Hero ti offre le opzioni per modificare e visualizzare in anteprima l'aspetto del tuo sito su schermi di dimensioni diverse come desktop, tablet e dispositivi mobili.
Ciò consente di ottimizzare il design in modo tale che gli utenti provenienti da telefoni con schermo piccolo e monitor con schermo grande possano tutti godere della migliore esperienza utente possibile.
Avrai accesso a una schermata di modifica dal vivo che ti consente di apportare modifiche in tempo reale.
Inoltre, il plug-in ti consente di creare design diversi per dimensioni dello schermo diverse, offrendoti una totale libertà di personalizzazione.
Accesso a proprietà CSS complesse
Il plugin ti dà accesso a proprietà CSS complesse che puoi aggiungere o modificare nel design del tuo sito con una semplice interfaccia punta e clicca.
Tutto quello che devi fare è inserire un numero o spostare un cursore e le modifiche verranno apportate a questi elementi CSS specifici nel design come gradienti, box-ombre, testo-ombre, E così via.
E non è tutto, avrai accesso alla vasta collezione di Google Fonts così come Typekit caratteri per aiutarti con tutti i tuoi tipografia esigenze.
Seleziona semplicemente il carattere tipografico che desideri utilizzare dal menu a discesa e sei a posto.
Personalizzazione del colore è anche super conveniente con l'inclusione di un selettore colore dedicato e l'opzione per provare le modifiche al colore e le modifiche allo sfondo in tempo reale.
Il plug-in ti consente anche di memorizzare/salvare le tue scelte di colore per aiutarti a creare e applicare facilmente una combinazione di colori.
Inoltre, con un'interfaccia di scorrimento fluida, sarai in grado di regolare il riempimento e margini dato a diversi elementi e moduli di design, fornendoti un controllo extra sul layout e sull'aspetto generale del tuo sito web.
Editor di codice integrato
Il plug-in ti dà accesso a un'interfaccia editor CSS/LESSCSS avanzata con supporto per il rendering live, soprannominata Inspector.
La funzionalità ti consente di aggiungere regole extra, copiare/incollare determinate righe di codice e persino esportare il tuo lavoro con un solo clic.
Questa è una manna dal cielo per gli sviluppatori in quanto saranno in grado di apportare modifiche e regolazioni direttamente al livello principale.
È pienamente in grado di aiutarti a rivedere, modificare e perfezionare la codifica CSS generata e può anche aiutarti a eseguire il debug di eventuali problemi se si presentano.
Frammenti di codice pronti per l'uso
L'editor di codice integrato ti consente di inserire direttamente codici personalizzati per apportare le modifiche desiderate al design del tuo sito.
Tuttavia, se stai cercando di apportare alcune modifiche generiche utilizzando frammenti di codice standard, allora sei fortunato.
Il plug-in racchiude una bella raccolta di frammenti di codice pronti per l'uso per aiutarti a semplificare il processo.
Possibilità di annullare/ripristinare la cronologia
Tutte le modifiche e le modifiche apportate utilizzando il plug-in possono essere annullate/rifatte se ritieni di aver commesso un errore durante la modifica. Tutte le modifiche apportate utilizzando il plug-in vengono archiviate all'interno di una cronologia dedicata.
Tutto è molto ben dettagliato, quindi andare avanti o indietro nel processo di modifica è semplice come fare clic sulla versione a cui desideri ripristinare. Questo rende la sperimentazione molto più semplice!
Salva i checkpoint
Il plug-in consente inoltre di creare e memorizzare checkpoint per il processo di modifica del tema. Qui puoi scattare istantanee delle tue modifiche e salvarle come versioni diverse.
Successivamente, puoi rivedere queste versioni, scegliere quella che ti piace di più e fare clic su un solo pulsante per attivarla.
Naturalmente, puoi anche utilizzare la funzione checkpoint per salvare i tuoi progressi di modifica in modo da potervi tornare in un secondo momento.
E questa non è la metà
Ecco alcune delle altre caratteristiche degne di nota che il plugin porta in tavola:
CSS Hero - Interfaccia utente
CSS Hero ti dà accesso a esperienza di editing WYSIWYG front-end che sarà simile a quanto mostrato nell'immagine qui sotto:
Come puoi vedere, otterrai una barra degli strumenti in alto che ti dà accesso a tutte le opzioni di base, come la dimensione dello schermo che desideri modificare, le opzioni di annullamento/ripristino, la creazione di checkpoint e molto altro.
Il principale Ispettore Editore è posizionato come barra laterale sul lato sinistro dello schermo.
A seconda dell'elemento o del modulo che stai modificando, l'interfaccia mostrerà diverse opzioni a cui puoi accedere per avviare il processo di modifica.
Questo è anche il punto in cui avrai accesso all'interfaccia dell'editor di codice. Una volta completata la personalizzazione, puoi premere il pulsante Salva e pubblica.
In alternativa, se non desideri pubblicare il tuo lavoro in questo momento, puoi utilizzare l'opzione Checkpoint nella barra degli strumenti in alto per salvare il tuo lavoro ma non pubblicarlo.
Avrai anche accesso a una barra degli strumenti in basso che ti consentirà di passare rapidamente tra le diverse sezioni del layout, in modo da poterle personalizzare rapidamente.
Tuttavia, puoi anche selezionare in modo specifico l'elemento HTML che desideri modificare e non dovrai effettuare la personalizzazione in blocchi.
Dovresti usare CSS Hero?
Tutto sommato, CSS Hero è un eccellente plug-in di personalizzazione che racchiude tutta una serie di potenti funzionalità racchiuse in un'interfaccia utente intuitiva.
Gli sviluppatori troveranno sicuramente questo strumento prezioso nel loro arsenale. Lo stesso vale per i webmaster che sono stanchi di cercare il giusto design del tema e desiderano solo un potente strumento di modifica che li aiuti a personalizzare correttamente il layout del loro sito web.
Inoltre, ricorda che il plug-in non include blocchi e puoi facilmente esportare tutti i tuoi fogli di stile da un sito Web e importarli su un altro.
Quindi, se puoi sacrificare la comodità di apportare modifiche direttamente all'interfaccia del tuo sito Web, puoi ottenere il loro piano base di $ 29 all'anno, che è praticamente un furto se ci pensi.
