Vuoi creare una pagina personalizzata in WordPress? Sicuramente avrai fatto caso che molti siti realizzati in WordPress hanno layout diversi per pagine diverse. Una pagina personalizzata ti consente di avere un layout diverso nell’aspetto dalle normali pagine in WordPress. E come avrete capito in questo articolo vedremo tutto questo.
Il file php che controlla il modello delle pagine in wordpress si chiama page.php. e si trova dentro la cartella del tuo tema. Ogni tema ha il suo personale.
Premetto che per creare layout personalizzati avrete bisogno di conoscere PHP, HTML e CSS
Detto questo, passiamo alla creazione della prima pagina personalizzata in WordPress.
Creazione di una pagina personalizzata in WordPress
Aprite con un file editor di testo qualunque anche notepad va benissimo e iniziate ad aggiungere
<?php /* Template Name: CustomPageT1 */ ?>
Questo codice indica semplicemente a WordPress che questo è un file modello e dovrebbe essere riconosciuto come CustomPageT1. Puoi nominare il tuo modello tutto ciò che vuoi purché abbia senso per te.
Dopo aver aggiunto il codice, salvare il file sul desktop come, custompaget1.php. Importante è che salviate come file php.
A questo punto avrete bisogno di client FTP come sempre vi consiglia Filezilla
Effettuate quindi la connessione FTP e andate nella cartella corrente del vostro tema o di quello figlio, nel caso di tema child. La cartella è la directory /wp-content/themes/.
A questo punto dal backend di WordPress andate in add page. O Nuova pagina a seconda della lingua in cui avete il CMS WP. Nella schermata di modifica della pagina, scorrete fino a quando non trovate la sezione chiamata “Attributi della pagina” e nel seguente menu’ a tendina potrete trovare il file CustomPageT1 che abbiamo creato sopra.
Ovviamente se utilizziamo la pagina da noi creata avremo una pagina completamente bianca per il momento.
Modifica del modello di pagina personalizzata
Ora ovviamente noi non possiamo sapere che cosa state cercando di realizzare in particolare., Sicuramente sarete preoccupati in quanto non conoscete bene il codice WordPress e avrete paura di procedere. Ma non vi preoccupate ci viene in aiuto la pagina page.php . Ossia il modello standard di pagina del WordPress. Qualunque cosa vogliamo andare a fare dovremo necessariamente seguire le direttive espresse dal CMS in questa pagina e effettuare le opportune modifiche desiderate. Vediamo come fare. Scarichiamo quindi tramite ftp il file page.php
Lo apriamo con un blocco note va comunque benissimo.
Quindi copia incolliamo il suo conenuto nel file CustomPageT1.php creato prima dovremo ottenere qualcosa del genere alla fine
<?php /* Template Name: CustomPageT1 */?>
<?php get_header(); ?>
<div id="primary"class="content-area">
<main id="main"class="site-main"role="main">
<?php
// Start the loop.
while( have_posts() ) : the_post();
// Include the page content template.
get_template_part( 'template-parts/content', 'page');
// If comments are open or we have at least one comment, load up the comment template.
if( comments_open() || get_comments_number() ) {
comments_template();
}
// End of the loop.
endwhile;
?>
</main><!-- .site-main -->
<?php get_sidebar( 'content-bottom'); ?>
</div><!-- .content-area -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Dove si evidenzia, un richiamo alle funzioni header, sidebar, footer e una parte centrale iterativa. Questo un una pagina WordPress non dove mai mancare. A questo punto lo potete già salvare ricaricare e vedrete che il tutto funziona.
Ovviamente a questo punto dovrete fare le modifiche che vi servono. Inserimento di una pagina, di codice html, di jquery, ajax, accesso a un database. Insomma tutto quello che vi serve di personalizzare lo potete fare qui.
Spero di esservi stato utile, come sempre per qualsiasi problema non esitate a contattarmi.