Come creare una pagina personalizzata in WordPress

Vuoi creare una pagina personalizzata in WordPress? Potresti notare che molti siti WordPress hanno layout diversi per pagine diverse. Una pagina personalizzata ti consente di avere un aspetto diverso nell’aspetto rispetto alle normali pagine di WordPress. In questa guida, ti mostreremo come creare una pagina personalizzata in WordPress.

Che cos’è una pagina personalizzata in WordPress

Per impostazione predefinita, WordPress ti consente di creare post e pagine . Il tuo tema WordPress controlla l’aspetto delle tue pagine utilizzando un file modello (template) chiamato page.php.

Questo file modello ha effetto su tutte le singole pagine create in WordPress. Tuttavia, non tutte le pagine sono uguali. Piccoli cambiamenti nel layout e nell’aspetto possono renderli unici e molto più utili.

La creazione di un modello (template) di pagina personalizzato in WordPress richiede una conoscenza di base di HTML, CSS e PHP .

Detto questo, passiamo alla creazione della tua prima pagina personalizzata in WordPress.

Creazione di una pagina personalizzata in WordPress

Innanzitutto, è necessario aprire un editor di testo semplice come Blocco note sul computer. Nel file vuoto aggiungi questa riga di codice in alto:

<?php /* Template Name: CustomPageT1 */ ?>

Questo codice dice semplicemente a WordPress che questo è un file modello (template) e dovrebbe essere riconosciuto come CustomPageT1. Puoi assegnare un nome al template come desideri purché abbia senso per te.

Dopo aver aggiunto il codice, salvare il file sul desktop come, custompaget1.php. Puoi salvare il file con qualsiasi nome, assicurati solo che termini con l’estensione .php

Per questo passaggio successivo, dovrai connetterti al tuo sito Web utilizzando un client FTP .

Una volta connesso, vai alla cartella del tuo attuale tema o tema child. Lo troverai nella /wp-content/themes/directory. Successivamente, carica il file del template di pagina personalizzato sul tema.

Ora devi accedere all’area di amministrazione di WordPress per creare una nuova pagina o modificarne una esistente.

Nella schermata di modifica della pagina, scorri verso il basso fino alla sezione “Attributi di pagina (Page Attributes)” e troverai un menu a discesa con presente il modello (template) da te creato. Cliccandoci sopra potrai selezionare il modello che hai appena creato.

Ora se cambi modello e selezioni la tua pagina personalizzata, vedrai una pagina vuota. Questo perché il tuo template personalizzato WordPress è vuoto e non dice a WordPress cosa visualizzare.

Non ti preoccupare, ti mostreremo come modificare facilmente il tuo modello di pagina personalizzato.

Modificare il template di pagina personalizzato WordPress

Il tuo modello di pagina personalizzato WordPress è come qualsiasi altro file di temi in WordPress. È possibile aggiungere qualsiasi codice HTML, tag template o codice PHP in questo file.

Il modo più semplice per iniziare a creare una pagina personalizzata in WordPress è copiare il modello di pagina esistente fornito dal tuo tema.

Apri il tuo client FTP e vai alla cartella del tuo tema. Lì troverai un file chiamato page.php. Devi scaricare questo file sul tuo computer.

Apri il file page.php appena scaricato in un editor di testo semplice come Blocco note e copia tutto il suo contenuto tranne la parte dell’header.

La parte dell’header è la parte commentata nella parte superiore del file. Non lo stiamo copiando, perché il nostro modello di pagina personalizzato ne ha già uno.

Ora devi aprire il file del tuo modello di pagina personalizzato e incollarlo alla fine.

Il tuo file di pagina personalizzato ora assomiglierà a questo:

<?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(); ?>

Ora puoi visitare la pagina che hai creato utilizzando il template di pagina personalizzato. Essa sembrerà esattamente come le altre tue pagine in WordPress (in quanto hai copiato il template del tuo tema).

Puoi però continuare a modificare il tuo file template di pagina personalizzato. Puoi personalizzarlo come preferisci. Ad esempio, puoi rimuovere la barra laterale, aggiungere un codice PHP personalizzato, aggiungere qualsiasi altro HTML che desideri.

Puoi aggiungere il contenuto modificando la pagina nella schermata dell’editor di pagine di WordPress. Puoi anche lasciare l’area del contenuto nell’editor di pagine completamente vuota e aggiungere contenuti personalizzati direttamente nel modello di pagina.

E’ tutto! Speriamo che questo articolo ti abbia aiutato ad imparare come creare una pagina personalizzata in WordPress.

Related Posts