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.
- Categoria: web_development
- URL: https://boluda.com/tutorial/plantillas-de-wordpress-plantillas-de-pagina/
- YouTube: https://www.youtube.com/watch?v=T_rrG_a7nHI&ab_channel=DecodeCMS
- Etiquetes: wordpress, config
- Data de creació: 20/05/2023
- Última actualització: 20/12/2024