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

Plugin Developer para hacer depuración del tema

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Otro plugin de WordPress muy importante es el Developer, que facilita la instalación de plugins relacionados con el desarrollo y la depuración. También vamos a modificar la configuración del sitio para activar la depuración.

Transcripción

Desarrollar un tema de WordPress implica muchas tareas diferentes y es aconsejable tener algún tipo de ayuda para poder hacerlas. Por ejemplo, poder detectar errores que vayan surgiendo, etc. Vamos a tener varios plugins que nos van a ayudar. En principio, todos ellos se pueden descargar directamente instalando el plugin Developer, así que me voy a ir al apartado Plugins Añadir nuevo y dentro de este apartado voy a buscar por... Developer. Este Developer Plugin consiste en un instalador de otros plugins que van a servir para trabajar en desarrollo. Cuando termine su instalación, puedo pulsar en Activar y una vez que está activado, me permite elegir el modo de trabajo que quiero. Puedo hacer que me entienda como un desarrollador de plugins, como un desarrollador de temas o como un desarrollador de temas específico para WordPress.com VIP. En mi caso, voy a seleccionar y voy a crear temas, pulsaré en Guardar cambios y esto me va a pasar a una segunda pantalla, en la cual me va a dar las distintas opciones posibles de plugins que puedo instalar. Aquí los tenemos. Puedo instalarlos todos o puedo instalar ninguno de ellos; para instalar cualquiera, por ejemplo, a mi me interesa mucho el Debug Bar, bueno, pues voy a pulsar Install me lo va a instalar. Una vez que ha terminado, bueno, puedo moverme más abajo, tengo el Monster Widget, que este tambíen está muy bien. Sirve para, cómodamente, añadir un montón de widgets, luego un poco más abajo también voy añadir el Theme Check que va a servir para chequear la calidad del tema que estoy creando, para asegurarme de que va a seguir los estándares de WordPress y podría añadir, bueno, pues todos los que queramos. Hay muchos más. De hecho, a veces puede ser buena idea instalar y probar algún plugin y luego desinstalarlo, en caso de que no nos interese. Pulso en Get Developing! y ese plugin ya estaría instalado. Ahora, otra cosa que también es interesante, dentro de las herramientas, ahora me va a aparecer la entrada Developer. En esta entrada Developer, tengo las mismas opciones que tenía previamente y así las puedo cambiar en cualquier momento, o sea que puedo pasar del desarrollo de temas al desarrollo de plugins, por ejemplo. Una vez que haya hecho el cambio, pulso en Guardar cambios y me los guardaría, además también me aparecen los plugins que he instalado. Me aparece este Debug Bar, me aparece el Monster y me aparece más abajo el Theme Check, pero podría instalar cualquiera de los demás utilizando sus enlaces. Un poco más abajo, en la parte del final, también me está diciendo si los Settings que necesito están correctamente configurados o no. En concreto, a mí me interesa este WP_DEBUG que realmente me pone que no está instalado, que no está marcado. Eso es debido a que yo tengo que cambiar tambíen una variable de la configuración de WordPress que va a servir precisamente para que sepa si tiene que mostrar mi información de depuración o no. Para ello, tendré que venirme de nuevo al sitio de WordPress, moverme por todo el árbol de archivos y dentro de la raíz, seleccionar wp-config.php. En este wp-config.php, en la parte del final, tengo la variable WP_DEBUG definida. Bueno, pues en vez de false voy a ponerlo como true, verdadero. Lo guardaré y si ahora vuelvo de nuevo a mi sitio y recargo esta página, vemos que ya aparece como marcado, aparece como verde y como set. Y aparte de estos temas, que como digo, hay algunos muy útiles, por ejemplo, el Regenerate Thumbnails bien, aparte de estos, digo, también hay otros plugins que podemos instalar. En el apartado Plugins Añadir nuevo, y dentro de él, voy a añadir uno que considero que es imprescindible cuando estamos haciendo temas, que es el Show Current Template. Este plugin me va a devolver información sobre las plantillas que se están utilizando en este tema en un momento dado. Voy a pulsar en Activar y una vez activado, me iré a mi nuevo tema, voy a recargar, y vamos a ver todo lo que he añadido. Por un lado, tenemos aquí en la parte superior, podemos ver este Template index.php que me está indicando realmente cuál es el template principal que se está cargando, que es el index.php. Y, además de eso, también me está dando la ruta relativa al template, a la plantilla que se está utilizando en este momento. Por otro lado, me dice el tipo de tema qué es, y por último, me añade, aquí los podemos ver, los distintos templates que está usando para pintar las distintas partes de la página. Así podemos ver que tenemos el footer, el header, el custom header, customizer, etc. Y también me indica que se está utilizando functions.php. Si yo entro dentro de otra página, pues veremos cómo aquí el template cambia, está utilizando como plantilla principal el single.php y luego ya, los distintos elementos que más o menos son los mismos que teníamos antes. Como se puede uno imaginar, esto es fundamental, porque gracias a ello, voy a saber fácilmente qué elemento tengo que cambiar en qué plantilla para poder hacer modificaciones de aspecto. Y otra de las cosas que habíamos añadido era la posibilidad de la depuración, el plugin que añade el botón Debug en la barra superior. Y en él tengo la posibilidad de, haciendo clic sobre Request, que me devuelva información sobre todas las llamadas que se están haciendo a la base de datos. Entonces, aquí veo cuáles serían los requests y después cuál es el query string que se está utilizando para recuperar esa información. Aquí podemos verlo. Esa información es muy útil muchas veces, sobre todo cuando trabajamos con plugins. Y no solo eso, también si tuviese cualquier tipo de error relacionado con PHP o con JavaScript, también me los estaría pintando aquí, me estaría dando información sobre ellos. Así que, cuando tengamos cualquier tipo de error, tenemos que, primero venir a la parte de depuración, a Debug a ver exactamente qué ocurre. Y, por supuesto, también tengo un enlace Developer, que me manda directamente a la página que se ocupa de la configuración de este plugin Developer, para poder hacer cambios rápidamente sobre él.

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.