WordPress: Style.css

El archivo style.css es, además de un fichero de presentación y aspecto, es el que utiliza WordPress para reconocer un tema y es el único fichero obligatorio (Aunque tendríamos un tema en blanco).

Información del tema

Al crear el archivo, las primeras líneas son fundamentales ya que en ellas incluiremos información que WordPress utiliza para mostrar información del tema en el panel de control de cada usuario, en la sección temas, y otros datos de identificación del tema.

• Theme Name: Es el nombre del tema y es necesario que sea un nombre exclusivo. No puede existir otro tema igual, ya que de ser así, tendrá que renombrarlo para poder subirlo al repositorio de WordPress o para minimizar posibles conflictos con otros temas o plugins.
• Theme URI: La URL en donde se explica o se ofrece ayuda, sobre el tema. No es obligatorio pero si recomendable, porque genera confianza.
• Description: Descripción breve del tema.
• Author: Autor del tema.
• Author URI: URL del autor.
• Version: Versión del tema, es importante para las futuras actualizaciones.
• Tags: Etiquetas relacionadas con el tema.
• Template: Este campo solo se usa si es un tema hijo, y hace referencia al nombre del tema padre.
• License: Licencia GPL del tema.
• License URI: URL de la licencia.
• Debajo de estas etiquetas se pone una explicación un poco más extensa del tema.

Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange

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.
*/

Puedes ver todas las etiquetas en: https://codex.wordpress.org/Theme_Development

CSS

Debajo de esta cabecera se comienza con el css, que como hemos comentado arriba se encarga de la presentación y aspecto, pero también es clave en la usabilidad ya que con este fichero y las media Querys se consigue crear diferentes visualizaciones en función del tamaño de la pantalla (ese concepto se conoce como responsive).