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.