Modifica il design del tuo tema WordPress con la matita gialla

Come personalizzare il design del tuo tema WordPress

Se stai cercando di personalizzare il design del tuo tema WordPress nel modo più semplice, allora il Plugin WordPress a matita gialla potrebbe essere solo il componente aggiuntivo necessario per il tuo sito. Questo editor di stile visivo ti permetterà di modificare l’aspetto del tuo sito, senza dover toccare una riga di codice.


L’uso di Yellow Pencil ti insegnerà la gioia del web design, creando al contempo un bellissimo sito per stupire i tuoi visitatori. Modifica qualsiasi elemento del tuo sito Web, tutto sul front-end e in tempo reale. L’unico limite alla progettazione del tuo sito sarà la tua immaginazione.

Questa guida approfondita all’utilizzo della versione premium di Yellow Pencil tratterà le sue caratteristiche principali, tra cui le funzionalità di modifica CSS live point and click e la sua compatibilità con qualsiasi tema WordPress. Daremo quindi un’occhiata all’esperienza utente offerta, consentendoti di impostare e progettare in pochissimo tempo.

Per chi è la matita gialla?

Matita gialla Who

Se stai cercando un modo più veloce per personalizzare il tuo sito o non hai familiarità con i CSS, Yellow Pencil può aiutarti. Questo plug-in include strumenti avanzati e opzioni di personalizzazione, perfetti per i professionisti che desiderano creare nuovi siti per i clienti.

Tuttavia, la mancanza di codifica necessaria, la facilità d’uso, l’interfaccia intuitiva e la documentazione di supporto dettagliata, significa che anche quelli con esperienza di progettazione limitata possono accedere a questo plugin. In breve, se vuoi personalizzare l’aspetto del tuo sito Web WordPress, Yellow Pencil è l’editor di stile visivo per te.

In breve, se vuoi personalizzare l’aspetto del tuo sito Web WordPress, Yellow Pencil è l’editor di stile visivo per te.

Caratteristiche principali di Yellow Pencil

Caratteristiche della matita gialla

Yellow Pencil è uno strumento di progettazione davvero impressionante. Le funzionalità e gli strumenti disponibili consentono il pieno controllo dell’aspetto del tuo sito. Può essere utilizzato su qualsiasi tema o plugin di WordPress e ti consentirà di creare pagine Web eleganti e reattive.

Element Inspector ti consente di selezionare e personalizzare ogni elemento visivo sul tuo sito Web WordPress. Modifica colori, sfondi, bordi e molto altro. Tutto questo viene fatto in tempo reale, sul front-end del tuo sito, in modo da poter visualizzare le modifiche mentre le apporti. Yellow Pencil genererà il codice in background, quindi a meno che tu non lo voglia, non dovrai guardare tu stesso alcun codice. Altre caratteristiche includono:

  • Trascina e rilascia per riposizionare gli elementi
  • Ridimensiona gli elementi con il semplice tocco del mouse
  • Scegli tra oltre 600 caratteri, oltre 300 motivi di sfondo, oltre 50 animazioni e molto altro ancora
  • Colori illimitati disponibili o selezionare dalle moderne tavolozze di colori di Yellow Pencil
  • Usa un editor CSS live

È inoltre disponibile un’ampia documentazione e supporto per aiutarti a ottenere il massimo da questo editor di stili visivi di WordPress.

Quindi, ora sappiamo cosa ha da offrire la matita gialla. Ma come iniziare e l’esperienza dell’utente è impressionante quanto le funzionalità che offre?

Come installare la matita gialla

Yellow Pencil è estremamente veloce e facile da installare. Dopo aver acquistato il plug-in da CodeCanyon (o acquistato un tema premium come New York che include il plug-in gratuitamente), scaricare il “Solo file WordPress installabile” dalla pagina dei download di Envato (oppure è possibile utilizzare la versione gratuita disponibile su WordPress.org).

Quindi apri la dashboard di WordPress. Seleziona “Plugin”> “Aggiungi nuovo”.

Matita gialla Aggiungi nuovo

Nella pagina Aggiungi plug-in, fai clic su “Carica plug-in”> “Scegli file”.

Caricamento matita gialla

Da dove l’hai scaricato, seleziona “waspthemes-yellow-pencil.zip”. Fai clic su “Installa ora”.

Installazione a matita gialla

Una volta installato il plug-in, fai clic su “Attiva”. Inserisci il codice di attivazione che ti è stato fornito al momento dell’acquisto del plug-in. Ciò fornirà l’accesso agli aggiornamenti dei plug-in man mano che vengono rilasciati.

Dopo l’attivazione, sul pannello di controllo verrà visualizzata la pagina di benvenuto della Pagina gialla. Sotto “Risorse” troverai la documentazione, i tutorial e il supporto e il supporto di cui potresti aver bisogno per iniziare.

Benvenuto a matita gialla

Quando sei pronto, fai clic su “Cominciamo”. Questo ti porterà direttamente in modalità di modifica.

Comprensione dell’interfaccia della matita gialla

L’interfaccia Yellow Pencil è molto chiara e intuitiva da usare. La barra che scorre lungo il lato sinistro della pagina mostra gli strumenti disponibili.

Barra sinistra matita gialla

Il pannello che si trova sul lato destro della pagina è il pannello dell’editor. Quando non viene selezionato alcun elemento nella pagina, verranno visualizzati i tre tipi di personalizzazione in cui è possibile modificarli.

Pannello dell'editor di matita gialla

Quando si fa clic su un elemento nella pagina, il pannello dell’editor cambierà per contenere le proprietà dello stile.

Elemento matita gialla selezionato

Una casella blu apparirà intorno a un elemento selezionato, mostrando ulteriori opzioni di personalizzazione.

Elemento matita gialla selezionato

Strumenti importanti di cui avrai bisogno

La barra degli strumenti, sul lato sinistro, mostra numerosi strumenti, ma alcuni sono immediatamente importanti per aiutarti a iniziare …

Strumenti della barra degli strumenti matita gialla

  • Ispettore elemento: consente di selezionare qualsiasi elemento della pagina da personalizzare.
  • Annulla e ripristina: prova diversi progetti sulla tua pagina in modo sicuro sapendo che puoi annullare o ripetere le modifiche.
  • Schermo intero: lavora a schermo intero, offrendoti una visione chiara delle tue personalizzazioni mentre le esegui.

Il pannello dell’editor incorpora tre pulsanti cruciali …

Pulsanti pannello dell'editor di matita gialla

  • Anteprima dal vivo – Visualizza l’anteprima delle modifiche senza l’interfaccia di Yellow Pencil sul display.
  • Ripristina modifiche – Non ti piacciono le tue modifiche? Ripristina semplicemente le modifiche che hai apportato.
  • Salva: dopo aver visualizzato l’anteprima del tuo lavoro e sei soddisfatto dei risultati, premi semplicemente il pulsante Salva.

Selezione di un tipo di personalizzazione

Tipo di personalizzazione matita gialla

Prima di selezionare un elemento sulla tua pagina e iniziare a modificarlo, devi prima scegliere un tipo di personalizzazione. Questi vengono visualizzati sul pannello dell’editor, quando non è selezionato alcun elemento. Ci sono tre tipi tra cui scegliere; Personalizza globale, personalizza una pagina e personalizza i modelli.

Ciascuno dei tipi è relativamente autoesplicativo. Selezionando “Personalizza globale” significa che le modifiche apportate saranno applicabili a tutte le pagine del tuo sito. Se scegli “Personalizza una pagina”, tutte le modifiche avranno effetto solo sulla pagina su cui stai lavorando. “Personalizza modelli” si applica al tipo di post corrente, una buona opzione se desideri configurare tutte le pagine di prodotti o blog.

Il tipo di personalizzazione che hai scelto verrà visualizzato nella parte superiore del pannello dell’editor. Assicurati di verificare che stai modificando nel tipo giusto prima di salvare il tuo lavoro.

Cosa puoi fare con la matita gialla?

Dopo aver acquisito familiarità con l’interfaccia, è il momento di iniziare. Di seguito è riportato un esempio di alcuni dei numerosi strumenti e funzionalità di personalizzazione offerti da questo plugin. Questi ti aiuteranno a creare un sito Web bello e professionale.

Cambia la tipografia

Tipografia a matita gialla

La scelta di un carattere appropriato per il tuo sito Web è un’attività importante. Yellow Pencil offre una varietà di opzioni per aiutarti a modellare il tuo testo in modo che si adatti al design del tuo sito Web e attiri l’attenzione del tuo lettore.

Fai clic su una sezione di testo che desideri modificare, quindi seleziona “Testo” dal pannello dell’editor. Questo farà apparire le opzioni di personalizzazione per la tipografia. Scegli tra oltre 600 tipi di carattere, modifica la dimensione del carattere, modifica l’altezza della linea, controlla la spaziatura di lettere e parole e molto altro ancora. Puoi anche modificare il colore del testo selezionando una delle moderne tavolozze di colori di Yellow Pencil o optare per la tua scelta di colore.

Aggiungi un bordo

Bordo a matita gialla

L’aggiunta di un bordo a determinati elementi di una pagina può aiutare a evidenziare informazioni importanti e creare effetti visivi efficaci. Dopo aver selezionato l’immagine o il testo a cui desideri aggiungere un bordo, seleziona “Bordo” dal pannello dell’editor. Esistono quattro stili di

Dopo aver selezionato l’immagine o il testo a cui desideri aggiungere un bordo, seleziona “Bordo” dal pannello dell’editor. Esistono quattro stili di bordo tra cui scegliere; solido, punteggiato, tratteggiato o nascosto. Puoi anche modificare la larghezza del bordo per renderlo più definito e cambiare il colore.

Una caratteristica impressionante è che puoi personalizzare ciascun lato del bordo separatamente. Ciò significa che a ciascuno dei quattro lati può essere assegnato un colore, uno stile e uno spessore diversi, ottenendo un aspetto unico e accattivante.

Modifica lo sfondo

Sfondo giallo matita

Uno sfondo sorprendente può far risaltare un elemento. Yellow Pencil ti consente di modificare lo sfondo di ogni singolo elemento del tuo sito.

Per fare ciò, fai clic sull’elemento scelto e seleziona “Sfondo” dal pannello dell’editor.

Qui puoi cambiare il colore di sfondo, selezionare uno dei modelli 300+ di matite gialle o scegliere una sfumatura CSS. Hai anche la possibilità di caricare le tue immagini personalizzate. Dopo aver deciso su uno sfondo, puoi regolare le dimensioni dello sfondo, la posizione e, se hai aggiunto un’immagine, scegli se è statica o scorre con il resto della pagina.

Usa animazioni

Animazione a matita gialla

L’uso delle animazioni è un altro ottimo modo per aiutare i tuoi contenuti ad avere un impatto. In “Animazione” nel Pannello dell’editor, puoi aggiungere un effetto di animazione all’elemento scelto.

Scegli una delle oltre 50 animazioni nel gestore delle animazioni dal vivo, dallo zoom in avanti o in dissolvenza, al rimbalzo, alla rotazione e molto altro. Se lo desideri, puoi controllare la durata e il ritardo, nonché eseguire più animazioni contemporaneamente. Ciò darà originalità al tuo sito, oltre a richiamare l’attenzione sugli aspetti importanti della tua pagina. Puoi anche provare a creare le tue animazioni personalizzate selezionando Animation Generator sulla barra degli strumenti.

Ridimensiona e riposiziona qualsiasi elemento

Ridimensionare e riposizionare qualsiasi elemento è molto semplice con Yellow Pencil.

Per ridimensionare, fai clic direttamente su un elemento in modo che la casella evidenziata in blu appaia attorno ad esso. Quindi trascina semplicemente le linee orizzontali e verticali della casella blu per modificare le dimensioni.

Ridimensiona matita gialla

Per riposizionare un elemento, fai clic su di esso e quindi tieni premuto il pulsante del mouse. Trascina e rilascia nella posizione appropriata sulla pagina.

Matita gialla Dragon Drop

Il rovescio della medaglia di questa funzione di trascinamento della selezione è che può causare problemi con la visualizzazione su dispositivi mobili. Utilizza lo strumento Responsive, che si trova nella barra degli strumenti, per vedere come apparirà la tua pagina web su tutte le dimensioni dello schermo. Potrebbe essere necessario modificare il design di conseguenza.

Prezzi

Prezzi della matita gialla

Il plugin Yellow Pencil WordPress è disponibile da CodeCanyon per $ 26. Ciò include un supporto di 6 mesi, ma hai la possibilità di pagare un extra di $ 7,88 per estendere il supporto fino a 12 mesi.

Pensieri finali

Yellow Pencil è un ottimo strumento da utilizzare se desideri personalizzare l’aspetto del tuo sito WordPress. Le funzionalità e la facilità d’uso ti offrono tutto ciò di cui hai bisogno per creare un sito Web WordPress personalizzato. Per risultati ottimali, assicurati di avere una visione chiara di come desideri che il tuo sito appaia.

Yellow Pencil ha le funzionalità necessarie per personalizzare il tuo sito Web WordPress? Per favore, condividi i tuoi pensieri qui sotto …

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map