Una delle maggiori difficoltà nel creare un sito su WordPress è scegliere il miglior tema. Dopo 5 anni di continuo cambio di temi, ho trovato il miglior tema di WordPress chiamato GeneratePress e voglio parlare di tutto ciò in questo articolo.
Durante il mio lungo viaggio per rendere bello il mio sito, stavo cercando di trovare temi gratuiti che fossero facili da usare e che consentissero molte personalizzazioni. Sfortunatamente la maggior parte dei temi gratuiti offre una versione a pagamento migliore.
GeneratePress lo fa anche, esiste una versione gratuita che può essere scaricata direttamente dal tuo pannello wordpress, ma in questo articolo voglio dare totale enfasi alla versione premium di questo tema, che vale completamente il tuo investimento.
Oltre ai temi gratuiti, ho già speso più di 500$ dollari acquistando temi, usandoli per un po' e rimanendo insoddisfatto dei risultati e delle configurazioni. L'unico tema che ha soddisfatto tutte le mie esigenze senza dare alcun problema è stato il GeneratePress.
Perché GeneratePress è il tema wordpress più pagato?
I temi WordPress più decenti che si trovano sul mercato evanto di solito costano circa $ 60. Ho già comprato i migliori e più votati come Bimber, Rehub e Socialize, ma tutti mi hanno dato qualche problema che mi ha fatto arrabbiare.
Il supporto dei temi è enorme, la base di siti attivi supera i 100.000, quindi il forum è sempre in attività costante, pieno di domande e risposte per risolvere i tuoi problemi e personalizzare il sito come desideri.
Il tema è inoltre progettato per essere il più leggero possibile, pesa meno di 30 kbps e consente di caricare il tuo sito più velocemente e ottenere un buon punteggio nelle metriche di caricamento. È sicuro, non ha dipendenze da script esterni ed è molto facile da usare per chi è nuovo ai temi di wordpress.
Esistono altri temi simili con la stessa proposta come Astra; se desideri vedere un confronto, abbiamo questo articolo in inglese che parla di Astra Pro x GeneratePress.
Fino alla data di questo articolo, il GeneratePress costa 49,95$ dollari senza promozione, il suo principale vantaggio è che la licenza può essere utilizzata su più siti invece che solo su uno. Puoi acquistare e utilizzare questo meraviglioso tema su tutti i tuoi siti e persino condividerlo con gli amici.
Il tema premium di GeneratePress funziona tramite un plugin che ti consente di attivare e disattivare completamente i moduli che non utilizzerai, rendendo il tema ancora più leggero. Di seguito vedremo tutti i moduli di WordPress, i loro vantaggi e le loro funzionalità.
GeneratePress è un tema WordPress gratuito creato da Tom Usborne che si concentra su velocità e usabilità. Il plugin chiamato GP-Premium permette la completa personalizzazione del tema aprendo le porte a innumerevoli possibilità per qualsiasi tipo di sito web.
I vantaggi e le caratteristiche di GeneratePress
Il miglior tema wordpress ti consente di disabilitare tutte le funzionalità che non utilizzi per rendere il sito più leggero e non visualizzare migliaia di opzioni durante la personalizzazione. Anche con tutti attivi, il tuo sito sarà super leggero. Vedi le caratteristiche qui sotto:
Controllo del layout – Puoi attivare e disattivare i colori, la tipografia, le barre di navigazione e il layout del sito quando vuoi. Ci sono numerose possibilità con il controllo del layout, il plugin permette anche di scegliere un layout predefinito da personalizzare in un clic.
Creazione di pagine e intestazioni – Con GeneratePress puoi creare sezioni e layout di pagina. Inoltre l'opzione Intestazioni di pagina ti consente di creare intestazioni complete e flessibili come questo sito. Dì addio ai plugin non necessari.
Elementi e WooCommerce – Un altro vantaggio di GeneratePress è il supporto per i plugin Elements e WooCommerco, che abilitano numerose cose. La stampa generata è compatibile con 99% dei plugin e la maggior parte delle volte è pronta per fornire una fusione di layout con altri plugin.
barre di navigazione – Oltre alla tradizionale barra di navigazione, puoi posizionarne una secondaria e un'altra in stile slideout. Puoi scegliere di impostare il menu, oltre ai colori, alle dimensioni, al tipo di carattere, alla posizione, al logo e così via.
ganci – Questa funzione consente di aggiungere codici in determinate posizioni delle pagine globali come Intestazione e Piè di pagina. Perfetto per aggiungere Google Analytics, adsense, codici ADX e altri tag che di solito utilizzi sul tuo sito web.
Barre laterali e piè di pagina – GeneratePress permette di configurare la dimensione delle barre laterali che sono il widget, attivare e disattivare le barre laterali e anche la completa personalizzazione del Footer.
Gutenberg – Il tema Genera stampa ha la piena compatibilità con l'editor Gutenberg e mostra le cose come appaiono sulla pagina. Ci sono numerose funzioni aggiunte con ogni aggiornamento di GeneratePress.
Queste erano solo alcune delle caratteristiche del miglior tema WordPress che ho incontrato finora. Puoi fare tutto con questo tema con questo tema, personalizzarlo come vuoi, senza limiti o avere un'esperienza di programmazione gigantesca.
GeneraPress ha attualmente ricevuto oltre 700 recensioni wordpress a 5 stelle.
Fare clic qui e visitare il sito Web GeneratePress per saperne di più e acquistare il tema.
LE MIE PERSONALIZZAZIONI – Come utilizzo Generate Press
Nonostante le innumerevoli possibilità, il mio obiettivo è rendere l'argomento pulito e diretto, perfetto per la lettura. Quindi ho eliminato tutte le barre laterali e mi sono concentrato solo sull'intestazione e sul piè di pagina per catturare l'attenzione del lettore per argomenti al di là del testo dell'articolo.
Nel'intestazione utilizzo Page Headers per inserire l'immagine di sfondo dell'articolo, il titolo, la categoria e una casella per la cattura delle email per i visitatori. Posso cambiare l'ora che voglio e aggiungere o rimuovere link o altri pulsanti nell'intestazione di tutti gli articoli.
Per creare questo PageHeader ho usato il seguente codice:
<h1> <span class="titulo-artigo">{{post_title}}</span></h1>
<span class="titulo-artigo2">{{post_terms.category}}</span>
<span class="titulo-artigo3">ESCRITO POR <strong>{{post_author}}</strong> // [autor-imagem]</span>
<span class="titulo-artigo4"><a href="https://skdesu.com/pjosb" >MATRÍCULAS ABERTAS - PJO - CLIQUE AQUI</a></span>
<style> .container.grid-container {margin-top: -50px;} .titulo-artigo { margin: 0;
padding: 0; background-color: #c90202; padding:5px; text-transform: uppercase;} .titulo-artigo2 { background-color: #9e0101; padding:5px; text-transform: uppercase; font-size: 18px;} .titulo-artigo3 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} .titulo-artigo4 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} @media(max-width: 768px) {.page-header-content-container {max-height:200px; padding-top: 100px;} } .semana-japonesa { background-color: #000000; padding:5px; text-transform: uppercase; font-size: 22px; border: 2px; border-color: #bf0000; border-style: solid;} </style>
FORMULARIO DE E-MAIL AQUINel blog e negli archivi utilizzo l'opzione che permette di mostrare 3 colonne di griglie di articoli con la miniatura nella dimensione di 375×175, il titolo dell'articolo e la categoria di appartenenza dell'articolo.
Di seguito condividerò alcuni codici che utilizzo per personalizzare Generate Press nel modo in cui volevo, forse questo ti aiuterà anche a risolvere alcuni problemi.
Ho centrato le immagini utilizzando il seguente codice in un contenitore da 1200px:
.wp-block-image img {
width: 100%;
}
.myphoto {
padding-bottom:20px!important;
}Questo fa sì che tutte le immagini centrate che inserisco nell'articolo siano carine e senza problemi. Ho anche inserito una div in tutte le immagini dell'articolo utilizzando il seguente codice all'interno del functions.php:
function breezer_addDivToImage( $content ) {
// A regular expression of what to look for.
$pattern = '/(<img([^>]*)>)/i';
// What to replace it with. $1 refers to the content in the first 'capture group', in parentheses above
$replacement = '<div class="myphoto">$1</div>';
// run preg_replace() on the $content
$content = preg_replace( $pattern, $replacement, $content );
// return the processed content
return $content;
}
add_filter( 'the_content', 'breezer_addDivToImage' );Ho dovuto utilizzare il seguente filtro nel functions.php affinché le immagini dell'elenco articoli (blog e archivi) di GeneratePress ospitassero le miniature su Photon di Jetpack:
add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );Ho anche utilizzato il seguente codice per escludere la visualizzazione di articoli di determinate categorie dalla pagina iniziale di WordPress, funziona con qualsiasi tema:
function excludeCat($query) {
if ( $query->is_home ) {
$query->set('cat', '-675');
}
return $query;
}
add_filter('pre_get_posts', 'excludeCat');Il 675 è l'ID della categoria che vuoi eliminare, puoi trovarlo nel link nella pagina di modifica della categoria in wp-admin.
Infine, ho anche utilizzato un codice in functions.php che consente l'aggiunta di tag ai video e di correggere alcuni problemi di css relativi alla posizione del video:
function alx_embed_html( $html ) {
return '<div class="video-container">' . $html . '</div>';
}
add_filter( 'embed_oembed_html', 'alx_embed_html', 10, 3 );
add_filter( 'video_embed_html', 'alx_embed_html' );Colori diversi per la categoria wordpress – Ho anche personalizzato per ogni categoria di sito la visualizzazione di colori diversi nei menu e nei sottotitoli di H2. Lascerò il foglio CSS di seguito per consentirti di apportare modifiche se desideri fare lo stesso sul tuo sito:
body.nome-da-categoria .secondary-navigation {background-color: #690077;}
body.nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria ::-webkit-scrollbar-thumb {background: #8900bf;}
body.category-nome-da-categoria .secondary-navigation {background-color: #690077;}
body.category-nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria .inside-article a {color:#8900bf;}Non ci sono problemi con il tema GeneratePress, questi codici che ho presentato sono opzionali e possono essere utili se decidi di acquistare il miglior tema wordpress sulla faccia della terra.
Spero che questo articolo sul miglior tema wordpress ti sia piaciuto e lo apprezzo se decidi di acquistare il tema tramite il nostro sito web. Se l'articolo ti è piaciuto, lascia i tuoi commenti e condividi il miglior tema wordpress con gli amici.
Fare clic qui e visitare il sito Web GeneratePress per saperne di più e acquistare il tema.