Creare una pagina personalizzata con WordPress per il Template

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

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

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.