\u00a1No se preocupe si la imagen parece demasiado confusa al principio! A medida que avanzamos en el tutorial, volver\u00e1 a consultar esta imagen para encontrar las plantillas que desea implementar en su tema.<\/p>\n
La forma de leer la imagen es yendo de izquierda a derecha. Seg\u00fan la p\u00e1gina en la que se encuentre, las plantillas son muy espec\u00edficas, y cuanto m\u00e1s avanza hacia el lado derecho, m\u00e1s generales se vuelven las plantillas. El respaldo final es el m\u00e1s a la derecha; Todos los archivos de plantilla enumerados en la imagen de arriba deben residir en la carpeta ra\u00edz de su tema y ser nombrados exactamente como se indica. \u00a1No puede colocar sus plantillas en subcarpetas con fines organizativos porque WordPress no podr\u00e1 encontrarlas!<\/p>\n \u00a1Empezaremos de forma sencilla! Hoy crearemos los \u00fanicos pocos archivos necesarios para que WordPress lo reconozca como un tema y luego expandiremos desde all\u00ed.<\/p>\n Solo necesita dos archivos para crear un tema de WordPress v\u00e1lido.<\/p>\n En la ilustraci\u00f3n de la jerarqu\u00eda de plantillas, \u00bfobserv\u00f3 la que est\u00e1 m\u00e1s a la derecha? llamado \u00a1Creemos nuestro tema creando estos dos archivos!<\/p>\n Todos los temas deben estar en cada una de sus carpetas separadas dentro de la subcarpeta En Ingrese a la carpeta de su tema y cree un nuevo archivo vac\u00edo llamado \u00a1Ya estamos a mitad de camino! Vamos a crear el segundo archivo requerido. Dentro de la carpeta de su tema, cree un nuevo archivo vac\u00edo llamado Abra el En este tutorial lo mantendremos simple; agregaremos el nombre del tema y escribir\u00e1s tu propio nombre como autor. Puede continuar y usar cualquier nombre que desee, esto es lo que ingres\u00e9 en mi Guarde y cierre el archivo (este tutorial no volver\u00e1 a tocar este archivo), a menos que desee escribir CSS para su tema a medida que avanza.<\/p>\n \u00a1Felicidades! \u00a1Ya ha creado un tema de WordPress v\u00e1lido!<\/p>\n Vayamos al panel de administraci\u00f3n de WordPress y vayamos a "Apariencia > Temas", y veamos si podemos encontrar nuestro tema all\u00ed.<\/p>\nindex.php<\/code>, que se cargar\u00e1 si no se encontraron otras plantillas de ajuste.<\/p>\nAnatom\u00eda de un tema de WordPress<\/h2>\n
index.php<\/code>? Esta es la plantilla alternativa final si WordPress no encuentra ninguna plantilla. Ese es uno de los archivos requeridos. El otro archivo es un archivo de hoja de estilo (.css<\/code>). No necesariamente necesita tener CSS, pero debe contener un bloque de comentarios que proporcione informaci\u00f3n de WordPress sobre su tema. Esas dos cosas son todo lo que necesitas para un tema v\u00e1lido de WordPress.<\/p>\nCreando tu primer tema<\/h2>\n
\/wp-content\/themes\/<\/code>. Si navega a esta carpeta en su navegador de archivos, probablemente ya ver\u00e1 algunas carpetas de temas aqu\u00ed; veintinueve, veinte y siete, etc. Esos son temas que vienen incluidos con WordPress por defecto.<\/p>\n\/wp-content\/themes\/<\/code>, crea una nueva carpeta. N\u00f3mbrelo apropiadamente (en min\u00fasculas, sin espacios, no es lo mismo que cualquier otra carpeta). Por lo general, el nombre de la carpeta es una versi\u00f3n slug del nombre de su tema. Para este tutorial, nombrar\u00e9 mi carpeta de temas " wptutorial<\/code>".<\/p>\n![\"Tutorial](\"https:\/\/codex.wordpress.org\/File:Template_Hierarchy.png#file\")
<\/a><\/p>\nindex.php<\/code>. Edit\u00e9 el archivo y solo agregu\u00e9 un texto aleatorio, para que podamos ver m\u00e1s f\u00e1cilmente cu\u00e1ndo est\u00e1 en uso:<\/p>\n<\/a><\/p>\nstyle.css<\/code>.<\/p>\nstyle.css<\/code>archivo e inmediatamente inicie un bloque de comentarios (\/*<\/code>y ci\u00e9rrelo con *\/<\/code>). Dentro de este bloque de comentarios, debemos seguir algunas reglas de WordPress sobre c\u00f3mo definir nuestro tema. Como m\u00ednimo necesitamos definir el nombre de nuestro tema. Pero tambi\u00e9n podemos agregar informaci\u00f3n sobre qui\u00e9n es el autor, p\u00e1gina de inicio, n\u00famero de versi\u00f3n, informaci\u00f3n de licencia y mucho m\u00e1s. Consulte la documentaci\u00f3n de WordPress sobre lo que puede agregar<\/a>.<\/p>\nstyle.css<\/code>:<\/p>\n\/* \nTheme Name: A White Pixel Theme \nAuthor: Alex White \n*\/<\/code><\/pre>\nActivando tu tema<\/h2>\n