Web
20/05/2023
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
- 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.
- Afegeix el capçal necessari: Inclou el següent comentari al principi del fitxer per informar WordPress que és una plantilla de pàgina:
- <?php /* Template Name: Plantilla Personalitzada */ ?>
- Codi base per a la plantilla: Pots començar amb el següent codi base:
- <?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
- Accedeix a l'administrador de WordPress.
- Ves a Pàgines > Afegeix nova o edita una pàgina existent.
- A la barra lateral dreta, a la secció Atributs de la pàgina, selecciona la plantilla que has creat ("Plantilla Personalitzada").
- 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.
