Blog

18
OCT

Creando un Theme WordPress. Cabecera de la Hoja de estilos.

Wordpess Tutorial

Hola, en esta ocasion voy a tratar un algo muy importante dentro de WordPress, y mas específicamente dentro del desarrollo de themes para WordPress. Todo theme WordPress contiene una serie de archivos entre los que destacan las css, las plantillas php y los javascript. De todos estos el único esencial para para que nuestra instalación de WordPress detecte nuestro theme es el archivo style.css, y es que en este archivo se debe encontrar una cabecera que le proporciona a WordPress información sobre el theme en cuestión.

De hay la vital importancia de conocer muy bien esta cabecera, llamada en ingles ‘stylesheet header’, lo que vendría a ser en español algo como Cabecera de la hoja de estilos. Como comente antes esta contiene información referente al theme, entre estos datos podemos destacar el nombre del theme, el cual es el único obligatorio, también el autor del theme, urls del theme y el autor entre otras cosas.

Veamos mas a fondo todas los campos disponibles para dar una descripción mas detallada de nuestro theme, por suerte son tan solo 11 campos:

– Author: Nombre del Creador del theme.

– Author URI: Dirección Web del creador del theme.

– Description: Descripción del theme.

– Domain Path: Este valor contiene la ruta de los archivos de idioma .mo para nuestro theme, es utilizada cuando queremos que nuestro theme este traducido a diferentes idiomas.

– Status: Indicamos el estado de desarrollo del theme.

– Tags: Lista de etiquetas para describir el theme, estas serán utilizadas en el filtrado de búsqueda en caso de que quieras distribuir tu theme a través de WordPress.

– Template: Indicamos el nombre de la carpeta del theme padre para este theme, es como se configura un child-theme en wordpress.

– Text Domain: Indicamos un identificador para el theme, para ser utilizado en las funciones de traducción en nuestro theme, usualmente se coloca el nombre de la carpeta de nuestro theme.

– Theme Name: Nombre del Theme.

– Theme URI: Dirección Web del theme. (De donde descargar, soporte, etc…).

– Version: Version del theme.

Es importante acotar que estas están dentro de un bloque de comentarios de css, es decir entre los caracteres /* — */.

Aquí están escritas en orden alfabético pero no existe ninguna regla sobre el orden que deben llevar, puedes tomar como ejemplo de referencia en cuanto al orden la que contiene la hoja style.css del theme twentyseventeen que viene por defecto en wordpress.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*
  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 header video and immersive featured images.
  Version: 1.3
  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
 
*/

Espero que con este articulo puedas entender las cabeceras en las hojas de estilos css de wordpress.

Te dejo unos enlaces interesantes para que los revises y sigas aprendiendo.

Listado de tags disponible para describir tu theme.
https://make.wordpress.org/themes/handbook/review/required/theme-tags/

Manual de WordPress para crear themes.
https://developer.wordpress.org/themes/

Guia de referencia de WordPress.
https://codex.wordpress.org

Espero tus comentarios…

Leave a Reply

Your email address will not be published. Required fields are marked *