02.- Crear una Plantilla en WordPress [Plantilla basica]

INTRODUCCIÓN

Ahora que ya sabemos de que trata este curso de wordpress vamos a crear una plantilla muy basica desde cero, en donde vamos a crear tres archivos y unas cuantas funciones.
Para esto ya debemos tener nuestro wordpress instalado.

PROCEDIMIENTOS

En “wp-content/themes” creamos la carpeta “temapn” (o cualruier nombre). Dentro de temapn creamos estos archivos:
index.php
style.css
screenshot.png

wp-content/themes/index.php

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Curso programadornovato</title>
        <!-- Llamamos la hoja de estilos style.css -->
        <link rel="stylesheet" href="<?php bloginfo("stylesheet_url"); ?>">
    </head>
    <body>
        <?php
        //Si hay posts publicados
        if (have_posts()):
            //Ciclo de todos los posts publicados
            while (have_posts()):
                //Llamamos al post
                the_post();
                ?>
                <!-- Escribimos el titulo dentro de un h2 -->
                <h2 class="titulo"> <?php the_title(); ?> </h2>
                <!-- Escribimos el contenido dentro de un div -->
                <div class="parrafo"><?php the_content(); ?></div>
                <?php
            // Fin del ciclo que llama todos los posts
            endwhile;
        // Fin del if si hay post publicados
        endif;
        ?>
    </body>
</html>
wp-content/themes/style.css

/*
Theme Name: Tema de la plantilla de https://www.programadornovato.com
Theme URI: https://www.programadornovato.com
Description: Esta es una descripcion del tema Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, recusandae, officia fuga labore dolor mollitia voluptate beatae magnam aliquam quaerat accusantium harum odit magni ut at aspernatur incidunt possimus obcaecati.
Version: 1.0
Author: Eugenio
Author URI: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/
.titulo{    
    color: red;
}
.parrafo{
    color: blue;
}
wp-content/themes/screenshot.png

Eugenio Chaparro

Compartir
Publicado por
Eugenio Chaparro

Entradas recientes

🟢Editar código de un módulo en Dolibarr [04]

🟢Editar código de un módulo en Dolibarr [04]

En este tutorial vamos editar el código de nuestro módulo personas para poder personalizar algunas…

2 meses hace
🟢Crear un sub_módulo en Dolibarr [03]

🟢Crear un sub_módulo en Dolibarr [03]

En este tutorial vamos a crear un sub módulo llamado seguridad que será muy parecido…

2 meses hace
🟢Modificar un módulo en Dolibarr [02]

🟢Modificar un módulo en Dolibarr [02]

En este tutorial aprenderemos a editar el objeto personas del modulo persona que creamos en…

2 meses hace
🟢Constructor de módulos en Dolibarr

🟢Constructor de módulos en Dolibarr

Como mencionamos anteriormente Dolibarr es un proyecto realizado sobre la base de una política clara:…

2 meses hace
🟢Tickets en Dolibarr [19]

🟢Tickets en Dolibarr [19]

Los ticket en dolibarr nos ayudan a comunicar inconveniente en nuestros productos y servicios dentro…

2 meses hace
🟢Agenda en Dolibarr [18]

🟢Agenda en Dolibarr [18]

Las agendas en dolibarr nos ayudan a ver las actividades realizadas en proceso y por…

2 meses hace