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






Comentarios

Facebook Like

Entri Populer

hackear wifi con kali linux 📡

Instalar Netbeans 10 en Windows 10

Instalar netbeans 10 en ubuntu 18.04