¿Cómo hacer un tema de WordPress?

Hola si estás leyendo esto, es porque tienes intención de crear el propio tema para tu web en WordPress. Para poder llevar a cabo este objetivo tienes que tener conocimientos avanzados sobre desarrollo web ( HTML, CSS, PHP , JS …).

Para crear un tema desde cero es necesario que dentro del directorio wp-content/themes de tu WordPress generes la carpeta del tema a desarrollar, por ejemplo:

MiWordPress/wp-content/themes/nuevoTema

A continuación dentro de la carpeta /nuevoTema crearás los ficheros style.css e index.php, ya que son necesarios para el desarrollo del tema.

En el fichero style.css, incluiremos la información de nuestro tema, es decir las cabeceras del tema. Aquí os dejo un enlace al core de WordPress dónde se explica en detalle esto.

/*
Theme Name: first Theme
Theme URI: https://www.nadiaprd.com/
Author: Nadia Prida
Author URI: https://www.nadiaprd.com/
Description: Primera versión del tema de la web
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

En el fichero index.php, incluiremos el bucle que pintará las entradas de nuestro WordPress. Aquí te dejo toda la información a cerca del loop de WordPress.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <?php get_header();?>
 
    <?php if (have_posts()) :
 
        while (have_posts()) : the_post();?>
 
           
            <article id="post-<?php the_ID();?>" <?php post_class();?>>
                <h1><?php the_title();?></h1>

                <div class="entry-content">
                    <?php the_content();?>
                </div><!-- entry-content -->
            </article>
        
            <aside class="sidebar">
                <?php get_sidebar();?>
            </aside>
                    
 
        <?php endwhile;
    endif;?>
 
<?php get_footer();?>
</body>
</html>

Con estos dos ficheros ya puedes tener el “desarrollo de tu tema para WordPress”.

Con esto ya puedes activar tu tema, pero verás que el resultado todavía está bastante verde eso es por varias cosas:

Con estos ficheros hemos creado la estructura base para poder empezar a desarrollar nuestro tema, pero no significa que hayamos terminado o completado el proceso, quedan unos cuantos pasos más que iremos viendo más adelante.

Para poder seguir desarrollando el tema es importante que sigas las guías del core de WordPress, ya que son de gran ayuda.

En los siguientes post iré explicando más acerca de cómo desarrollar un tema de WordPress y poco a poco con cada post iremos dando vida al nuevo theme de nuestra web.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *