wordpress plantilla de pagina

Created at: 2023-05-20 07:17:24 | Updated at: 2024-12-20 17:17:13

<?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.

No valid image directory found or the category is not valid for the gallery.

Back to Posts
wordpress plantilla de pagina

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.