OceanWP: il tema personalizzabile n. 1 per WordPress

oceanwp Tema Wordpress Immagine del blog
  • Autore dell'articolo:
  • Tempo di lettura:26 minuti di lettura
  • Categoria dell'articolo:Temi Wordpress

Il tema OceanWP offre molte funzionalità pronte all’uso. Ma le sue caratteristiche possono essere migliorate anche da una moltitudine di estensioni gratuite o a pagamento. Quindi non sorprende che il tema OceanWP sia diventato estremamente popolare, con oltre 700.000 installazioni attive. Ha anche ottenuto un punteggio di 4,9/5 sul sito Web WordPress.org, per oltre 5.000 recensioni.

Esempi di demo di Oceanwp
Demo di OceanWP

Grazie a Tema OceanWP , puoi senza dubbio creare un sito Web dall’aspetto professionale. Ma per questo dovrai usare il pacchetto a pagamento (chiamato Pacchetto Estensione Core by OceanWP) per avere tutti i modelli e tutti i plugin. E’ anche possibile acquistare le extension una per una ma questo non mi sembra molto interessante vista la piccola differenza di prezzo rispetto all’intera confezione.

Esempi di demo di Oceanwp
Demo di OceanWP

Ci sono un totale di 225 modelli (di cui 15 gratuiti) e 20 estensioni (di cui 7 gratuiti).

OceanWP Cloudways
Demo di OceanWP

La maggior parte è stata progettata per uno scopo specifico, come un negozio online o un sito Web di piccole imprese. Detto questo, tutti i template possono essere utilizzati per tutti i tipi di siti web: con OceanWP puoi modificare non solo i colori e i caratteri ma anche la struttura complessiva del tuo sito.

Esempi di demo OceanWp

I modelli (chiamati demo da OceanWP) sono suddivisi in diverse categorie: bellezza, blog, fotografia, tecnologia, bar, salute, ristoranti, mediazione, coaching, religione, portfolio, affari, e-commerce, servizi, moda, sport, arte e design, Meditazione…

Esempi di demo di Oceanwp
Demo di OceanWP

L’integrazione di WooCommerce è fantastica, con molte modifiche integrate direttamente nel tuo sito WordPress grazie a una finestra pop-up e una barra mobile per il carrello. C’è anche una modalità di visualizzazione rapida che consente al cliente di visualizzare un prodotto senza dover lasciare la pagina corrente.

oceanwp-demo-esempi
Demo di OceanWP

Sempre in termini di compatibilità, il tema OceanWP funziona perfettamente con i menu e le funzionalità di WPML , il plugin che ti permette di rendere multilingue il tuo sito WordPress (66 lingue).

WPML-Wordpress-multilingue-plugin-banner
WPML WordPress Plugin

Il vantaggio del Premium Pack rispetto al Free Pack è che ti dà accesso a 12 mesi di supporto e aggiornamenti, inclusi nuovi modelli e nuove espansioni in arrivo al catalogo OceanWP.

Se vuoi dare un’occhiata ad alcuni modelli OceanWP di esempio, loro sono disponibili qui senza doverli installare.

Per quanto riguarda i piani disponibili, ci sono tre piani di licenza. Questi ti danno accesso allo stesso contenuto, la differenza sta nel numero di siti che è possibile creare: un unico sito per il piano ” Personale “, 3 siti per il piano” Affare “, 25 siti per il piano” Agenzia “. Ogni piano può essere annuale o a vita.

Installazione di un modello e delle sue estensioni

il Tema OceanWP può essere scaricato da WordPress.org o direttamente dalla pagina dei temi nella sezione Aspetto di WordPress.

Dopo aver abilitato OceanWP, vedrai un messaggio che consiglia di installare tre plugin WordPress: Ocean Extra, Elementor e WP Forms. Ocean extra è infatti impensabile, altrimenti le funzionalità essenziali del tema, come ad esempio il pannello di controllo OceanWP, non verranno visualizzate se Ocean Extra non è attivato.

Una volta attivato Ocean Extra, il menu del pannello tematico per OceanWP verrà visualizzato nel menu di amministrazione.

pannello del tema oceanwp
Pannello tematico OceanWP

Successivamente, OceanWP consiglia all’utente di avviare la procedura guidata di installazione, quindi installare le estensioni necessarie per il modello scelto.

Nella pagina successiva, puoi personalizzare i parametri essenziali del tuo sito Web, come logo, titolo del sito e slogan. Questa pagina ti consente anche di selezionare i colori predefiniti per il design e i collegamenti del tuo sito web.

È anche possibile importare demo con un clic grazie alla partnership di OceanWP con Cloudways.

Personalizza OceanWP

Nella pagina principale del pannello dei temi, puoi attivare e disattivare le sezioni dello strumento di personalizzazione dei temi di OceanWP.

pannello del tema oceanwp
Pannello tematico OceanWP

Di seguito troverai i collegamenti a importanti impostazioni di personalizzazione, come il caricamento del tuo logo e la modifica dell’intestazione o del piè di pagina.

La procedura guidata di configurazione può essere riavviata anche da questa pagina.

Nuove schede e opzioni

Nel menu principale di WordPress possiamo vedere che sono apparse quattro schede: il menu “Slider dei messaggi “, il menu “Elementor “se non hai ancora questa estensione, il menu”Aspetto “(che sarà il più fornito nelle opzioni) e infine il menu “Pannello dei temi “.

Tutte le impostazioni del tema possono essere esportate in un file “.dat”, utile se si desidera salvare le impostazioni, utile prima di installare un altro tema o estensione.

Puoi disattivare alcune parti del tuo sito web come l’intestazione, il piè di pagina e le barre laterali. Puoi anche modificare lo stile dell’intestazione.

Gli shortcode possono essere aggiunti prima e dopo parti chiave delle tue pagine e puoi modificare il logo e il menu di navigazione utilizzati.

I titoli possono essere completamente modificati. Puoi modificare il titolo, il sottotitolo e lo stile del titolo. Puoi anche disattivarli completamente.

Nella pagina Script e stili, puoi abilitare e disabilitare decine di elementi JavaScript e CSS. La disabilitazione degli elementi che non stai utilizzando contribuirà a ridurre le dimensioni complessive della pagina, velocizzando i tempi di caricamento della pagina.

pannello del tema oceanwp
Script e stili OceanWP

Chiarimento importante: qualsiasi modifica effettuata dal menu “Aspetto” può essere visualizzata in anteprima in tempo reale, il che rende la configurazione delle pagine molto più piacevole rispetto alla chiusura dei menu prima di scoprire il risultato.

Personalizza il tema oceanwp
Personalizza tema OceanWP

Ma dove ci rendiamo davvero conto che le possibilità di personalizzazione di questo tema OceanWP sono quasi infinite è quando vediamo che le pagine possono, inoltre, essere personalizzate in modo indipendente per desktop, tablet e smartphone! Non si tratta di una semplice consultazione o verifica dell’aspetto del sito in base alle dimensioni degli schermi. La possibilità di effettuare impostazioni indipendenti su diversi tipi di dispositivi rende OceanWP molto potente, e permette di beneficiare di un ottimo ranking agli occhi di Google.

tema oceanwp reattivo
Reattivo al tema OceanWP

In questo menu “Aspetto“, la sezione “Opzioni generali” contiene 9 sottomenu ed è qui che puoi trovare la maggior parte dei parametri di base per regolare l’aspetto del tuo sito WordPress.

Opzioni generali del tema oceanwp
Opzioni generali di OceanWP

Puoi facilmente modificare:

  1. lo stile del design del tuo sito (stile e colori dell’intestazione, colore o immagine di sfondo, colore del link),
  2. lo stile del layout (scheda “Impostazioni generali“), con opzioni specifiche per la pagina di ricerca,
  3. le opzioni relative al titolo delle pagine (visibilità, tag, stile, margine interno, testo e colori di sfondo) nonché al percorso breadcrumb (separatore, tassonomia, ecc.),
  4. le opzioni per lo scorrimento verso l’alto (stile, posizione, colori),
  5. opzioni di impaginazione (allineamento, carattere, bordo, colori),
  6. impostazioni del modulo (stili del bordo, colori, caratteri, ecc.),
  7. gli stili dei pulsanti (margine, bordo, colori, ecc.),
  8. definire un modello di pagina di errore 404 o il suo layout,
  9. le icone (scelta tra “Icone di linea semplice” e “Icone fantastiche per i caratteri”),
  10. alcune impostazioni relative alla SEO (immagini),
  11. Impostazioni CSS per velocizzare la velocità di visualizzazione delle tue pagine.

La sezione “Tipografia” può essere modificata per ogni elemento del tuo sito web, inclusi i titoli dei blog in modo indipendente.

Viene fornita anche la sezione ” intestazione “: colori, dimensioni, margini e altre opzioni per la tua intestazione possono essere facilmente modificati. È possibile caricare immagini di grandi dimensioni e banner video per apparire nell’intestazione.

Infine, la sezione “piè di pagina” ti consente, tra le altre opzioni, di definire il tuo messaggio di copyright.

Le estensioni offerte da OceanWP

plug-in oceanwp
Componenti aggiuntivi di OceanWP

Estensioni gratuito sono: Stick Anything, Modal Window, Posts Slider, Demo import, Custom Sidebar, Product Sharing, Social Sharing e, soprattutto, Ocean Extra. Tutti questi plugin possono essere scaricati dal sito wordpress.org o direttamente dalla tua area di amministrazione di WordPress.

Estensioni Premium sono: Schermo intero, Avviso sui cookie, Accesso popup, Etichetta bianca, Portafoglio, Popup Woo, Piè di pagina appiccicoso, Ganci oceanici, Widget Elementor, Pannello laterale, Intestazione adesiva e Callout del piè di pagina.

Estensioni gratuite OceanWP

  • Attacca qualsiasi cosa è un semplice plugin che ti permette di incollare un particolare elemento CSS nella tua pagina. Può essere utilizzato per loghi, moduli…

  • Finestra modale può essere utilizzato per aggiungere contenuto a una finestra modale e visualizzare il pulsante dove vuoi.

  • Post Slider ti consente di visualizzare i post del tuo blog come bellissime diapositive. Hai il pieno controllo sulla dimensione delle miniature utilizzate, sul numero di diapositive e sulla loro velocità. Puoi anche limitare le slide agli articoli di una singola categoria, o al contrario scegliere l’opzione “random”.

  • Importazione demo consente l’importazione con un clic di demo, widget e impostazioni personalizzate dell’utente. Piuttosto pratico per risparmiare tempo.

  • Il plugin Prodotto Condivisione consente agli utenti di WooCommerce di visualizzare i pulsanti di condivisione dei social media sotto i prodotti.

  • Se desideri aggiungere pulsanti di condivisione sotto i post del blog, devi utilizzare l’estensione Condivisione sociale . Il plug-in supporta diversi servizi di social media, tra cui Twitter, Facebook, LinkedIn, Pinterest, nonché Telegram e Vkontakte, tra gli altri.

  • E infine Oceano Extra , che abbiamo già visto: questa estensione è necessaria per il pannello temi, script e stili e molto altro.

Estensioni Premium OceanWP

  • Estensione A schermo intero consente di creare un sito Web a scorrimento a schermo intero. Puoi regolare la velocità di scorrimento, aggiungere una barra di navigazione laterale e regolare il colore di navigazione per aiutarti a visualizzare il contenuto desiderato. Devi attivare Elementor per utilizzare questa estensione.

  • Estensione Informativa sui cookie consentire ai visitatori di visualizzare l’avviso che il sito utilizza cookie, al fine di conformarsi alla normativa europea in materia di cookie e al regolamento GDPR. Il contenuto e il pulsante sono completamente personalizzabili e c’è una scelta tra due stili di messaggi.

  • Estensione Accesso popup consente di creare un modulo per la creazione dell’account e la connessione degli utenti del sito, nonché la reimpostazione della password. Puoi configurare l’immagine di sfondo, il contenuto, i titoli, la descrizione e lo stile del tuo modulo.

  • Estensione Etichetta bianca consente di sostituire il marchio OceanWP con il proprio marchio, un’opzione utile per sviluppatori freelance e agenzie web. Puoi anche aggiungere la tua descrizione, la tua immagine, così come il nome e l’URL dell’autore.

  • L’estensione Portfolio sarà particolarmente gradita a tutti coloro che desiderano personalizzare al massimo la visualizzazione delle foto sul proprio sito di presentazione. È inoltre possibile configurare i margini, l’imbottitura, i colori, la tipografia.

  • Estensione Woo Popup visualizzerà un messaggio agli acquirenti quando fanno clic per acquistare un articolo e notificherà loro che il prodotto è stato aggiunto al carrello. Puoi configurare i tuoi testi, così come le dimensioni, l’imbottitura e i bordi del tuo messaggio.

  • Estensione Piè di pagina appiccicoso ti permetterà di visualizzare e configurare il menu, il testo e i colori del tuo piè di pagina. Puoi anche scegliere di non visualizzare questo piè di pagina solo sui desktop e non sugli schermi di tablet o smartphone.

  • Estensione Ami oceanici consentirà di visualizzare i propri contenuti personalizzati nelle diverse aree di un sito senza dover utilizzare un tema figlio, grazie a semplici shortcode e codici PHP. Puoi differenziare i tuoi contenuti a seconda che i visitatori siano collegati o meno al tuo sito. Questi codici possono essere aggiunti a una pagina, un post di blog o una tassonomia.

  • Estensione Widget Elementor ti permetterà di configurare il layout del sito, oltre alla nota estensione Elementor. Avrai accesso a un impressionante elenco di widget molto utili: pulsanti, WooCommerce, gestione delle password, Google Maps, animazioni, titoli, collegamenti, moduli, barre di navigazione, …

  • Estensione Pannello laterale aggiungerà un pannello laterale. Questo pannello è responsive: non verrà visualizzato su tablet o smartphone, a seconda delle impostazioni che hai definito. Il pannello è completamente personalizzabile: è possibile definire i widget che ne faranno parte, il lato in cui verrà visualizzato, la sua larghezza, i colori, …

  • Estensione Intestazione adesiva verrà utilizzato per mantenere l’intestazione fissa nella parte superiore della pagina, consentendo di determinare l’altezza dell’intestazione e le configurazioni specifiche per tablet e smartphone. È ancora possibile aggiungere un elemento tra la parte superiore della pagina e l’intestazione fissa.

  • L’ultima estensione del catalogo OceanWP, Callout piè di pagina , servirà per visualizzare una specifica barra sopra il piè di pagina, che potrà essere attivata o disattivata a seconda delle pagine desiderate.

In conclusione, OceanWP è un tema molto interessante per il numero di demo disponibili, la sua possibilità di personalizzazione, la sua affidabilità e la sua velocità di visualizzazione. Questo è quello che ho usato per il mio sito web, nella categoria Blog : il modello Tecnologia .

oceanwp-demo-esempi
Demo di OceanWP

Puoi consultare questo articolo sulle ultime demo e sulla partnership con Cloudways per installare le tue demo in 1 clic.

oceanwp-demo-esempi
Demo di OceanWP

Philippe

Have a Passion about Technology, Photography and Writing. Codetahiche.com is my personal blog about WordPress Plugins, WordPress Themes, VPN and Web Hosting.

Lascia un commento