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
Ave que vuela, a la cazuela.