¿Cómo pasar un tema HTML a un tema de WordPress? – Configuración básica


El día de hoy comienzo una serie de tutoriales que te llevarán a transformar un sitio HTML a un tema de WordPress conoceremos temas como crear un footer, header, menu, Widgets, introducción al Customizer.

En esta primera lección aprenderemos a configurar el archivo style.css y index.php elementos básicos para que WordPress detecte un tema.

Antes de comenzar deberemos crear una carpeta en la siguiente ubicación:

 

Ruta: wp-content/themes/nombre-carpeta

Donde nombre-carpeta se refiere al nombre que tu decidas darle al tema.

Nota: Para efectos de este manual yo trabajare sobre la carpeta: perrihijo y el tema html STUFF

 

1.- Configurando el archivo style.css (ver más información)

/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

El código anterior es un ejemplo en el cual vamos a modificar los valores para creas nustra configuración

Configuración básica de un archivo style.css

 

 

La imagen anterior es un ejemplo de como luceria nuestro carpeta con los archivos index.php y style.css configuración básica de cualquier tema.

 

Agregar un comentario:

AUTOR DEL BLOG

Manuel Caudillo Web Developer y Estratega Digital en CDMX, 26 años, SEO, Traveller

Contacto: 5539000734 / cacvmanu@gmail.com




Proyección Digital.