Vai al contenuto principale

Come migliorare la progettazione degli elementi di WordPress con questi codici brevi liberi

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

L'esplosione di plugin che generano codici brevi ben progettati è arrivata in ritardo. Questi plugin mostrano facilmente i tuoi post o le tue pagine rendendo molto professionali le cose come colonne, schede, tabelle dei prezzi, intestazioni speciali e molto altro ancora.

A causa del miglioramento tardivo di questi plugin, altri plugin che non si sono evoluti nel tempo sono stati abbandonati. E anche se hanno aggiunto funzionalità alla libreria "bootstrap" (Come alcuni di seguito), non sono migliorati in altre aree.

In questo tutorial, invece di includere un mucchio di plugin che non hanno funzionato molto bene, ci limiteremo a quelli che lo hanno fatto.

Ma prima di iniziare, prenditi il ​​tempo per dare un'occhiata Come installare un tema WordPressQuanti plugin dovrei installare su WordPress.

Allora mettiamoci al lavoro!

1. Codici brevi di Boostrap facili

Le plug-in Codici brevi Bootstrap facili è ottimo per elementi di base come colonne, pulsanti, scatole colorate, barre di avanzamento, per dare effetti diversi alle immagini, ecc ...

facile-bootstrap-optional

Una delle cose migliori di questo plugin è che ha tonnellate di icone che puoi mettere ovunque - su pulsanti, caselle, intestazioni, ecc ... puoi facilmente modificare la dimensione e il colore delle icone per ottenere esattamente l'aspetto che desideri. Questo plugin ha idealmente i pulsanti del shortcode nell'editor visivo come terza riga.

facile-bootstrap-visivo-editore

Quando uno di questi pulsanti è attivato, viene visualizzato un popup con molte opzioni (a seconda del pulsante, ovviamente). Quando l'ordine è appropriato, spesso c'è un'ampia selezione di icone attraenti. E puoi persino cambiare il colore di queste icone.

Ecco un'anteprima parziale del pop-up quando si inserisce un pulsante.

Leggi anche: Come aggiungere pulsanti a WordPress senza utilizzare i codici brevi

facile-bootstrap-popup

Esistono tutti i tipi di codici brevi che è possibile inserire. E, naturalmente, puoi anche combinarli.

Ecco un breve esempio di alcuni codici brevi combinati: una casella (sfondo blu), un'icona per il titolo (colore e dimensione che volevo), quindi un pulsante con un'altra icona (colorato come volevo).

facile bootstrap-box

Ecco un elenco di diversi codici brevi:

  • Fisarmonica
  • Progress Bar con le etichette
  • Tabs
  • icone
  • Lista
  • Etichette
  • Notifica
  • Bottoni
  • popover
  • IconHeading
  • tooltip
  • tavoli
  • Pannello
  • Immagine reattiva
  • effetti immagine
  • gruppo di pulsanti della barra degli strumenti
  • Bene
  • lista Descrizione
  • ButtonDropdown
  • Service Box
  • pulsante Gruppo
  • Cursore reattivo

Ecco un video degli shortcode in azione fornito dall'autore del plugin qui.

DownloadDemoWeb hosting

2. Ultimo shortcode

Le plug-in ultimo shortcode ha una vasta gamma di codici brevi da utilizzare, oltre a un numero impressionante di icone da aggiungere a diversi elementi. Inoltre, la possibilità di controllare i codici brevi o le icone (cambia taglia, colore, posizione, ecc.) è anche impressionante.

shortcode-ultimate-optional

In breve, è stato il plug-in shortcode più impressionante che abbia mai visto. Inizi facendo clic sul pulsante posizionato nell'editor visivo.

shortcode-ultimate-button

Si raggiunge quindi un elenco di codici brevi possibili nel pop-up.

shortcode-Ultimate-selezioni

Come noterai senza dubbio, non solo ce ne sono diversi (51 per l'esattezza), puoi anche filtrarli per tipo dalla parte superiore della pagina o persino cercare quello che desideri.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Vedi anche: Come aggiungere uno stile visivo per l'editor di WordPress

Oltre alla quantità di codici brevi e controllo che hai, ti consente anche di visualizzare in anteprima il tuo codice breve prima di inserirlo.

Un'altra cosa positiva di questo plugin è che fornisce alcuni esempi di codici brevi e il loro codice per coloro che hanno meno esperienza.

Ecco un video degli shortcode in azione fornito dall'autore del plugin qui.

Ed ecco un elenco di codici funzione disponibili.

  • Titolo
  • Divisore
  • Pullquote
  • Lista
  • Lightbox
  • Vimeo
  • tavoli
  • Menu
  • Slider
  • Immagine fittizio
  • Modello
  • Tabs
  • distanziatore
  • dropcap
  • Pulsante
  • tooltip
  • Screenr
  • Permalink
  • sottopagine
  • giostra
  • Animazione
  • Linguetta
  • Highlight
  • Telaio
  • Assistenza
  • Privati
  • Dailymotion
  • Utenti
  • fratelli
  • Galleria
  • Meta
  • Spoiler
  • Discografica
  • Riga
  • Box
  • Youtube
  • audio
  • Gli ospiti
  • funzionalità di
  • Messaggi
  • Utente
  • Fisarmonica
  • Quote
  • Colonna
  • Note:
  • YouTube avanzata
  • Video
  • RSS feed
  • gmap
  • testo fittizio
  • Inviare

DownloadDemoWeb hosting

3. Olevmedia

Questo plugin è davvero molto semplice rispetto ai due precedenti su molti elementi. Allo stesso tempo brilla con alcuni elementi che altri plugin non hanno.

olevmedia-optional

Ad esempio, questo plugin ti consente di eseguire molto bene determinati stili per le aree di testo. Notare l'icona posizionata professionalmente al centro. Nessun altro plugin che ho visto ti permette di fare lo stesso.

Vedi anche: Come distinguere i link esterni su un blog WordPress

olevmedia-box

Ha un contatore animato che parte da zero fino al numero inserito.

Numero-counter

Questo plugin ti permette anche di fare molto stile con i pulsanti. Puoi anche facilmente aggiungi post recenti ai tuoi contenuti e il tuo piacevole listino prezzi.

Uno svantaggio di questo plugin è che quando ti dà icone da usare, ti mostra solo un elenco di nomi e non le rappresentazioni grafiche delle icone. Alcuni di loro sono abbastanza facili da indovinare dai loro nomi. E altri no.

Ma anche se puoi trovare l'icona per nome, non significa che ti piacerà l'aspetto. Ma lo saprai solo dopo aver inserito e salvato il progetto e visualizza l'anteprima del post.

Poiché alcuni plugin funzionano così bene, potresti non adottare questo come plugin principale; Tuttavia, nulla ti impedisce di utilizzare questo in aggiunta a un altro.

Ecco un elenco dei principali codici brevi che offre.

<

  • Fisarmonica
  • Toogle
  • Tabs
  • blockquote
  • Box
  • Bottoni
  • colonne
  • contatore
  • Divisore
  • Dropcaps
  • icone
  • infobox
  • elenchi
  • loghi
  • Mappa
  • Marcatore
  • Post Recenti
  • tavolo
  • Tabelle dei prezzi
  • Video

DownloadDemoWeb hosting

4. Codici brevi CPO

Questo plugin ha un numero di codici brevi di base che potresti aspettarti di trovare, come colonne e caselle.

Detto questo, è un po 'frustrante lavorarci. Spesso inserisce codici brevi nel tuo post senza consentirti di fare alcuna scelta, come scegliere un colore o una taglia.

cpo-optional

Come utilizzare i codici brevi nei widget WordPress è un must leggere.

Gli stessi codici brevi a volte vengono forniti con spazi per queste cose, ma non c'è spiegazione per tutto questo. Sarebbe molto facile togliere questo plugin dalla lista; Tuttavia, è arrivato con alcune cose che lo rendono diverso. Quindi, per questi articoli, prenditi il ​​tempo per esaminarli.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Uno di questi elementi è la "sezione di sfondo" che va mettere uno sfondo colorato a scelta in tutta la pagina. Nota che se hai una barra laterale coprirà anche quella (il che non è piacevole ovviamente), se vuoi usarla solo nella visualizzazione completa delle pagine.

Ecco un'anteprima di un elemento con uno sfondo blu.

cpo-background

Ha anche uno shortcode per una sezione dei membri del team. Fondamentalmente ti permette di farlo metti una foto, un nome, un titolo, del testo che può quindi essere collegato ai social network.

CPO-membri del team

Include anche la graziosa griglia dei prezzi.

cpo-pricing

DownloadDemoWeb hosting

Panoramica

  • Shortcode definitivo: 5/5
  • Codici brevi di Easy Boostrap: 4/5
  • Olevmedia: 3,5 / 5
  • Codici brevi CPO: 2,5 / 5

Secondo me, il plugin Ultimate Shortcode era il migliore che avevo tra le mani. Anche se alcuni degli altri plugin erano molto buoni, va davvero avanti e indietro per quello che offre.

Tuttavia, se stavo cercando shortcode da abbinare a Shortcode Ultimate, sceglierei di installare Olevmedia come plugin complementare.

Leggi anche Perchè WordPress e il tuo nome di dominio deve essere separato

L'unica cosa a cui devi fare attenzione quando installi due plug-in è assicurarti che i due non utilizzino gli stessi nomi di shortcode.

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. TPlayer

Il plug-in reattivo tPlayer di WordPress ti aiuta a integrare un lettore audio e radio sul tuo sito web. È molto funzionale e supporta molte possibilità di personalizzazione. Può anche visualizzare dettagli sullo streaming audio e radio, nonché statistiche sulle abitudini di ascolto audio degli utenti.

I plugin premium wordpress di tPlaye Audio Player aggiungono un lettore audio

Questo plugin supporta playlist illimitate e numero illimitato di tracce su ciascuna playlist. Avrai la possibilità di recuperare le sue canzoni da sistemi di archiviazione esterni come Google Drive, Amazon S3, ecc ...

Leggi anche il nostro articolo su 10 WordPress plugin per proteggere il vostro blog

C'è anche la funzione di riproduzione automatica che avvierà la radio o un particolare file audio non appena un visitatore visita una pagina o un post. Offre anche altre opzioni di personalizzazione per aiutare a cambiare l'aspetto del lettore audio.

Download | Demo | Web hosting

2. Xili lingua

xili-language è un potente plugin di traduzione di WordPress disponibile nella directory ufficiale dei plugin di WordPress. Per poter utilizzare correttamente la lingua xili, è necessario utilizzare un tema WordPress pronto per essere tradotto sul tuo sito Web.

lingua xili

Poiché non tutti i temi di WordPress supportano il multilingue, si consiglia vivamente di assicurarsi che il proprio supporti questa funzione prima di installare questo plugin.

Leggi anche il nostro articolo su Come tradurre il tuo blog WordPress in diverse lingue

Xili-language non solo ti consente di creare contenuti multilingue, ma anche di cambiare i file di lingua del tuo tema WordPress in base alla lingua del contenuto. È intuitivo per gli sviluppatori e viene fornito con un elenco di punti di ancoraggio e API che ti consentono di personalizzare il comportamento del tuo sito web.

Download Demo | Web hosting

3. Plugin di spedizione di velocità della tabella di WooCommerce

Le plug-in Tabella Tasso di trasporto per WooCommerce ha la capacità di aggiungere più tariffe per un dato cliente in base a una varietà di condizioni stabilite dall'amministratore. Questi possono includere la destinazione della spedizione, il totale parziale del carrello, la categoria dell'articolo spedito, il prezzo, il peso e altro.

Tabella delle tariffe di spedizione per WooCommerce 2

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Questo plugin per WordPress aggiungerà un nuovo metodo di spedizione direttamente alle impostazioni di WooCommerce.

Scopri anche 7 WordPress plugin per migliorare il vostro sistema di consegna

Il è utile per chiunque abbia bisogno di calcolare i costi di spedizione relativi a destinazione, peso e / o l'intero carrello.

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di migliorare il design dei tuoi post WordPress con questi codici brevi gratuiti. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.

... 

Questo articolo contiene i commenti 2

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
2 azioni
quota
Tweet
Enregistrer2