WordPress práctico: Creación básica de temas

Instalación de Underscores

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
No tiene sentido hacer un tema desde cero cuando tenemos temas pensados para dar la estructura básica de archivos sobre la cual trabajar. Underscores tiene esta estructura básica, pero montando un aspecto complemente limpio, así que lo vamos a usar como base para, a partir de él, crear el tema.

Transcripción

Realmente, nuestros temas podemos crearlos desde cero. Podríamos hacer el archivo "index.php", el archivo "style.css", y a partir de ahí, seguir añadiendo cosas. Pero, claro, se puede imaginar uno, que eso es una tarea ardua. Hay otras formas distintas de crear nuevos temas, y a mi gusto, la mejor, es utilizar Underscores. Underscores es un tema, creado por los desarrolladores de WordPress, que está siempre actualizado, está siempre en la última versión, y que nos deja generar un tema, que en realidad está prácticamente vacío, pero que está hecho desde cero, que está completamente limpio, y que nos da la estructura básica sobre la que nosotros podremos trabajar. Es muy buena idea, utilizar, entonces, este tema en concreto, y para usarlo, pues, podemos ir a Underscores.me y dentro de él, tenemos la opción de "Create your Underscores based theme", que es básicamente, crear nuestro propio tema, basado en Underscores. Le tendremos que poner un tema, por ejemplo... "mitema", y podría pulsar en Generate, pero también puede personalizarlo, que es mucho mejor, así que voy a hacer clic en Advanced options, y voy a ir modificando las configuraciones de este tema. Aparte de lo que es el tema, que de hecho, este podría llamarle, por ejemplo, "Mi tema", si quisiese; puedo poner lo que quiera. Lo segundo que voy a hacer, va a ser poner el Slug, este Slug, es el nombre que comprende la máquina, entonces, si yo he llamado a mi tema, "Mi tema", con espacio, el slug, para que lo entienda bien la máquina, debería de ser "Mi tema", con un guión bajo, debajo, o "mi tema" todo seguido, por ejemplo. El autor, bueno, pues aquí tendré que poner mi nombre. Por otro lado, la URL del autor, o sea, bueno, pues, dónde me pueden encontrar. Vale, pues, voy a poner una URL mía, y luego, por último, una descripción, entonces aquí puedo poner algo que describa a mi tema, por ejemplo, "Mi primer tema hecho desde cero", y una última opción, que es muy interesante, es el _sassify!, que básicamente consiste en añadir, o no, Sass a mi tema. Yo soy un firme defensor de la utilización de Sass, así que voy a marcar con el _sassify!. Bien, pues pulso en Generar, y esto me descarga un archivo, mitema.zip. Voy ahora a copiar este archivo, y me voy a ir a la carpeta de mi sitio web, el sitio basado en WordPress, dentro de él, voy a entrar en la carpeta wp-content, en la carpeta temas, voy a pegar este nuevo tema, y lo voy a descomprimir. Ya tengo aquí ese archivo "mitema", este otro lo puedo eliminar, y este "mitema" tiene muchas cosas importantes, como decía, me va a dar la estructura básica de mi sitio, en realidad, veremos, que prácticamente no hace nada, pero sí que es cierto que me da la organización para empezar a trabajar a partir de él. Para comprobar que todo funciona correctamente y cómo es este tema que acabó de instalar, me voy a ir a mi sitio web, y me voy a ir a Apariencia Temas. Aquí vemos este nuevo tema, Mi tema, que es el mío propio, de hecho cuando haga clic sobre él, veo que aparece, efectivamente, el nombre que le había puesto, mi nombre y demás, incluso la descripción. Pulso en Activar y ahora voy a irme a visitar el sitio, y vamos a ver que, efectivamente, son solo los contenidos que tiene el sitio, pero sin ningún tipo de formateo, colocados todos seguidos, pero eso sí, estructurados correctamente, para así, a partir de los archivos que tiene este tema, que podamos muy fácilmente crear ya, nuestros propios temas.

WordPress práctico: Creación básica de temas

Aprende a dar un nuevo aspecto a tu página de WordPress, creando un tema desde cero usando como base las plantillas Underscore y dándole aspecto a nuestro gusto.

4:16 horas (48 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:11/08/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.