wordpress plantilla de pagina

wordpress plantilla de pagina

<?php /* Template Name: gallery */
get_header(); 
?>


<?php
get_sidebar();
get_footer();

Crear una plantilla de pàgina en WordPress permet personalitzar el disseny o funcionalitat d'una pàgina específica. A continuació, t'explico com fer-ho pas a pas.

1. Què és una plantilla de pàgina a WordPress?

És un fitxer PHP personalitzat dins del teu tema que pots assignar a una pàgina concreta. Això et permet tenir diferents dissenys o funcionalitats només per a algunes pàgines.

2. Crear una plantilla de pàgina

  1. Crea un fitxer PHP nou:
    • A la carpeta del teu tema (normalment a wp-content/themes/nometema), crea un fitxer nou, per exemple: plantilla-personalitzada.php.
  2. Afegeix el capçal necessari: Inclou el següent comentari al principi del fitxer per informar WordPress que és una plantilla de pàgina:
  3. <?php
    /*
    Template Name: Plantilla Personalitzada
    */
    ?>
  4. Codi base per a la plantilla: Pots començar amb el següent codi base:
  5. <?php
    /*
    Template Name: Plantilla Personalitzada
    */
    get_header(); // Inclou el capçal del tema
    ?>
    
    <main class="container">
        <h1><?php the_title(); ?></h1>
        <div class="content">
            <?php
            // Contingut de la pàgina
            while (have_posts()) : the_post();
                the_content();
            endwhile;
            ?>
        </div>
    </main>
    
    <?php get_footer(); // Inclou el peu del tema ?>
    

3. Assignar la plantilla a una pàgina

  1. Accedeix a l'administrador de WordPress.
  2. Ves a Pàgines > Afegeix nova o edita una pàgina existent.
  3. A la barra lateral dreta, a la secció Atributs de la pàgina, selecciona la plantilla que has creat ("Plantilla Personalitzada").
  4. Desa els canvis.

4. Personalitza la plantilla

Pots afegir HTML, CSS i JavaScript personalitzats per adaptar la plantilla a les teves necessitats.

Exemple:

Afegir un formulari de contacte només per a aquesta pàgina:

php
Copia el codi<div class="contact-form">
   <h2>Contacta'ns</h2>
   <form action="" method="post">
       <label for="name">Nom:</label>
       <input type="text" id="name" name="name" required>
       <label for="email">Email:</label>
       <input type="email" id="email" name="email" required>
       <label for="message">Missatge:</label>
       <textarea id="message" name="message" required></textarea>
       <button type="submit">Envia</button>
   </form>
</div>

5. Publica i comprova

Accedeix a la pàgina assignada per veure com s'aplica la plantilla personalitzada.