Manejo de Librerías en WordPress

Manejo de Librerías en WordPress

Las librerías en WordPress las podemos manejar de diferentes tipos y para cada uno de ellos los vamos a utilizar de manera diferente.

Para los archivos CSS vamos a usar dos funciones, estas están basadas en dos tipos de formas para manejar la información en WordPress:
wp_register_style(): En esta es el registro. Nos sirve para registrarnos en librería y que la tengamos a disposición con una dependencia pero no las va a ejecutar en nuestro HTML. Recibe 5 argumentos:
$handle string: el nombre que va a tener nuestra librería para wordpress
$src string or $src boll: Determinar de donde es la fuente de nuestro archivo. En source Podemos recibir bool porque podemos llamar todas las dependencias que nosotros necesitamos sin crear una nueva, es decir, si nosotros tenemos registrado Bootstrap, podemos llamar a boottrap, pasar bool en vez de string en el source y recibir solamente Bootstrap. Estos es como un alias para hacer un conjunto de librerías sin llamar una nueva
$deps=array()array: las dependencias van a ser un array de strings que vamos a poner los nombres o handeles que fuimos registrando previamente, si tenemos alguno o directamente a registrarlo si tenemos uno nuevo
$ver=string or $ver=bool or $ver=null: estos son importantes si tenemos una versión de cache para poder decirle a nuestro navegador que regenere el pedido en caso de querer hacer modificaciones
$media=’all’string: Nos permite que nuestro ccs se pueda ejecutar en todos lados o en una resolución especifica o en un dispositivo especifico

wp_enqueque_style(): En esta es el poner en cola. Nos va a ejecutar directamente la librería que nosotros le digamos, pero va a llamar las referencias sin necesitar alguna que tengamos registradas. Esta también va a recibir los mismos argumentos pero la ejecución va a ser directamente en vez de registrarlos, dejarla a disposición ya ejecutado en nuestro HTML.

En Javascrip:
wp_register_style(): En esta es el registro. Nos sirve para registrarnos en librería y que la tengamos a disposición con una dependencia pero no las va a ejecutar en nuestro HTML. Recibe 5 argumentos:
$handle string: el nombre que va a tener nuestra librería para wordpress
$src string or $src boll: Determinar de donde es la fuente de nuestro archivo. En source Podemos recibir bool porque podemos llamar todas las dependencias que nosotros necesitamos sin crear una nueva, es decir, si nosotros tenemos registrado Bootstrap, podemos llamar a boottrap, pasar bool en vez de string en el source y recibir solamente Bootstrap. Estos son como un alias para hacer un conjunto de librerías sin llamar una nueva
$deps=array()array: las dependencias van a ser un array de strings que vamos a poner los nombres o handeles que fuimos registrando previamente, si tenemos alguno o directamente a registrarlo si tenemos uno nuevo. (Las dependencias que necesita ejecutarse antes de ejecutar ese archivo JavaScrip)
$ver=string or $ver=bool or $ver=null: estos son importantes si tenemos una versión de cache para poder decirle a nuestro navegador que regenere el pedido en caso de querer hacer modificaciones
$in_footer=falsebool: Este es el único argumento diferente que podemos de cirle que se ejecute en el footer o que se ejecute en el head.

¿Por qué manejar las librerías de forma dinámica?
Nos van a permitir utilizar nuestros templates en diferentes sitios, diferentes urls, en las cuales nosotros tengamos nuestras propias librerías en ellas. En el momento en que nosotros cambiamos de sitio esas urls se van a generar automáticamente y van a llamar a ese archivo. Además el uso de registro de dependencias nos permite controlar con PHP el flujo en las cuales se cargan las diferentes librerías y evita problemas como generar librerías duplicadas

No me esta agradando pura teoría al principio sin siquiera haber instalado algo. Creo que es mas difícil recordar o entender los conceptos que explicarlos con un ejemplo práctico

Librerías

wp_register_style() => registra el estilo
wp_enqueue_style() => ejecuta el estilo

wp_register_script() => registra el script
wp_enqueue_script() => ejecuta el script

Hay un error cuando presenta las librerias de Js que muestra la wp_enqueue_style en vez de wp_enqueue_script.

Entiendase por libreria a bootstrap, materialize, jquery y los diferentes que se usan en el desarrollo de una web normal?

Manejo de Librerías en WordPress

Vamos a usar dos funciones, estas están basadas en dos tipos de formas de manejar la información de wordPress, una es el registro y la otra es poner en cola.

• wp_register_style() → Nos sirve para registrar la librería y que tengamos a disposición una dependencia, pero no la va a ejecutar en nuestro HTML.

Argumentos:
- $handle string → El nombre que va a tener nuestra librería para WP
- $src string|bool
- $deps = array() array → Aquí pondremos los nombre(handles) que fuimos registrando previamente o registrar uno nuevo.
- $ver = string|bool|null → Aquí pondremos nuestra versión de cache para decirle al navegador que nos regenere el pedido en el caso de hacer modificaciones
- $media = 'all’ string → Nos permitirá que nuestro CSS se pueda ejecutar en todas las pantallas o en una especifica.

• wp_enqueue_style() → Nos va a ejecutar directamente la librería que nosotros le digamos, pero va a llamar las referencias que tenemos registradas.

Argumentos:
- $handle string → El nombre que va a tener nuestra librería para WP
- $src string|bool
- $deps = array() array → Aquí pondremos los nombre(handles) que fuimos registrando previamente o registrar uno nuevo.
- $ver = string|bool|null → Aquí pondremos nuestra versión de cache para decirle al navegador que nos regenere el pedido en el caso de hacer modificaciones
- $media = 'all’ string → Nos permitirá que nuestro CSS se pueda ejecutar en todas las pantallas o en una especifica.

Aquí las funciones son muy similares a los CSS.

• wp_register_style()

Argumentos:
- $handle string
- $src string|bool
- $deps = array() array
- $ver = string|bool|null
- $in_footer = false bool → Esto le indica que se ejecute en el footer o en head.

• wp_enqueue_style()

Argumentos:
- $handle string
- $src string|bool
- $deps = array() array
- $ver = string|bool|null
- $in_footer = false bool

Gracias por la clase. Clarísimo

https://gwst.eu

Todo es PHP 😮

Estaría bueno que en vez de explicar que hace cada función, que vieramos el código en acción. Me imaginó que lo veremo más adelante en el curso, pero siento que no era necesario ver esto hasta entonces.

Si no entiendo de código estaría bien que siga este curso?

Funciones
wp_register_style()

wp_enqueque_style()

…es como si quisiera explicarme algo…

Cristian, sin duda este curso debe ir antes del curso de Creacion de Themes, creo que el orden esta invertido, hay aqui informacion muy buena que me hizo falta en el curso de themes

Librerías en WordPress
Tipos de Librerias
Manejar las librebrias de forma dinámica nos va a permitir usar nuestros templates en diferentes sitios, es decir, en diferentes URL
en las cuales tengamos nuestras propias lobrerias en ellas; en el momento en que cambiemos de sitio esas url’ se van a generar
automáticamente y van a llamar a ese archivo. A demás el uso de registro de dependencias permite controlar con php el flujo
en las cuales se cargan las librerias y evitar problemas como la de generar librerias repetidas.
|------------------ CSS -------------------|
| - wp_register_style() => registra el estilo |
| - wp_enqueue_style() => ejecuta el estilo |
| |
|---------------- JavaScript ----------------|
| - wp_register_script() => registra el script |
| - wp_enqueue_script() => ejecuta el script |
|----------------------------------------------|

CSS
	wp_register_style() -> Nos sirve para registrar la librería y que tengamos a disposición una dependencia, pero no la va a ejecutar en nuestro HTML.
	    Argumentos:
		- $handle string -> El nombre que va a tener nuestra librería para WP
		- $src string|bool
		- $deps = array() array -> Aquí pondremos los nombre(handles) que fuimos registrando previamente o registrar uno nuevo.
		- $ver = string|bool|null -> Aquí pondremos nuestra versión de cache para decirle al navegador que nos regenere el pedido en el caso de hacer modificaciones
		- $media = 'all’ string -> Nos permitirá que nuestro CSS se pueda ejecutar en todas las pantallas o en una especifica.

	wp_enqueue_style() -> Nos va a ejecutar directamente la librería que nosotros le digamos, pero va a llamar las referencias que tenemos registradas.
	    Argumentos:
		- $handle string -> El nombre que va a tener nuestra librería para WP
		- $src string|bool
		- $deps = array() array -> Aquí pondremos los nombre(handles) que fuimos registrando previamente o registrar uno nuevo.
		- $ver = string|bool|null -> Aquí pondremos nuestra versión de cache para decirle al navegador que nos regenere el pedido en el caso de hacer modificaciones
		- $media = 'all’ string -> Nos permitirá que nuestro CSS se pueda ejecutar en todas las pantallas o en una especifica.

JS
  Aquí las funciones son muy similares a los CSS.
	wp_register_style()
	    Argumentos:
		- $handle string
		- $src string|bool
		- $deps = array() array
		- $ver = string|bool|null
		- $in_footer = false bool -> Esto le indica que se ejecute en el footer o en head.

	wp_enqueue_style()
	    Argumentos:
		- $handle string
		- $src string|bool
		- $deps = array() array
		- $ver = string|bool|null
		- $in_footer = false bool

En Javascrip:
wp_register_style(): En esta es el registro. Nos sirve para registrarnos en librería y que la tengamos a disposición con una dependencia pero no las va a ejecutar en nuestro HTML. Recibe 5 argumentos:
$handle string: el nombre que va a tener nuestra librería para wordpress
$src string or $src boll: Determinar de donde es la fuente de nuestro archivo. En source Podemos recibir bool porque podemos llamar todas las dependencias que nosotros necesitamos sin crear una nueva, es decir, si nosotros tenemos registrado Bootstrap, podemos llamar a boottrap, pasar bool en vez de string en el source y recibir solamente Bootstrap. Estos son como un alias para hacer un conjunto de librerías sin llamar una nueva
$deps=array()array: las dependencias van a ser un array de strings que vamos a poner los nombres o handeles que fuimos registrando previamente, si tenemos alguno o directamente a registrarlo si tenemos uno nuevo. (Las dependencias que necesita ejecutarse antes de ejecutar ese archivo JavaScrip)
$ver=string or $ver=bool or $ver=null: estos son importantes si tenemos una versión de cache para poder decirle a nuestro navegador que regenere el pedido en caso de querer hacer modificaciones
$in_footer=falsebool: Este es el único argumento diferente que podemos de cirle que se ejecute en el footer o que se ejecute en el head.

Parce pensé que los temas eran monolitos inmodificables… y veo esto?

Manejo de Librerías en WordPress

Las librerías en WordPress las podemos manejar de diferentes tipos y para cada uno de ellos los vamos a utilizar de manera diferente.

Para los archivos CSS vamos a usar dos funciones, estas están basadas en dos tipos de formas para manejar la información en WordPress:
wp_register_style(): En esta es el registro. Nos sirve para registrarnos en librería y que la tengamos a disposición con una dependencia pero no las va a ejecutar en nuestro HTML. Recibe 5 argumentos:
$handle string: el nombre que va a tener nuestra librería para wordpress
$src string or $src boll: Determinar de donde es la fuente de nuestro archivo. En source Podemos recibir bool porque podemos llamar todas las dependencias que nosotros necesitamos sin crear una nueva, es decir, si nosotros tenemos registrado Bootstrap, podemos llamar a boottrap, pasar bool en vez de string en el source y recibir solamente Bootstrap. Estos es como un alias para hacer un conjunto de librerías sin llamar una nueva
$deps=array()array: las dependencias van a ser un array de strings que vamos a poner los nombres o handeles que fuimos registrando previamente, si tenemos alguno o directamente a registrarlo si tenemos uno nuevo
$ver=string or $ver=bool or $ver=null: estos son importantes si tenemos una versión de cache para poder decirle a nuestro navegador que regenere el pedido en caso de querer hacer modificaciones
$media=’all’string: Nos permite que nuestro ccs se pueda ejecutar en todos lados o en una resolución especifica o en un dispositivo especifico

wp_enqueque_style(): En esta es el poner en cola. Nos va a ejecutar directamente la librería que nosotros le digamos, pero va a llamar las referencias sin necesitar alguna que tengamos registradas. Esta también va a recibir los mismos argumentos pero la ejecución va a ser directamente en vez de registrarlos, dejarla a disposición ya ejecutado en nuestro HTML.

En Javascrip:
wp_register_style(): En esta es el registro. Nos sirve para registrarnos en librería y que la tengamos a disposición con una dependencia pero no las va a ejecutar en nuestro HTML. Recibe 5 argumentos:
$handle string: el nombre que va a tener nuestra librería para wordpress
$src string or $src boll: Determinar de donde es la fuente de nuestro archivo. En source Podemos recibir bool porque podemos llamar todas las dependencias que nosotros necesitamos sin crear una nueva, es decir, si nosotros tenemos registrado Bootstrap, podemos llamar a boottrap, pasar bool en vez de string en el source y recibir solamente Bootstrap. Estos son como un alias para hacer un conjunto de librerías sin llamar una nueva
$deps=array()array: las dependencias van a ser un array de strings que vamos a poner los nombres o handeles que fuimos registrando previamente, si tenemos alguno o directamente a registrarlo si tenemos uno nuevo. (Las dependencias que necesita ejecutarse antes de ejecutar ese archivo JavaScrip)
$ver=string or $ver=bool or $ver=null: estos son importantes si tenemos una versión de cache para poder decirle a nuestro navegador que regenere el pedido en caso de querer hacer modificaciones
$in_footer=falsebool: Este es el único argumento diferente que podemos de cirle que se ejecute en el footer o que se ejecute en el head.

¿Por qué manejar las librerías de forma dinámica?
Nos van a permitir utilizar nuestros templates en diferentes sitios, diferentes urls, en las cuales nosotros tengamos nuestras propias librerías en ellas. En el momento en que nosotros cambiamos de sitio esas urls se van a generar automáticamente y van a llamar a ese archivo. Además el uso de registro de dependencias nos permite controlar con PHP el flujo en las cuales se cargan las diferentes librerías y evita problemas como generar librerías duplicadas

Al principio pareciera que es mucha teoría, pero, se debe tener en cuenta que recomiendan tener conocimientos de PHP, y algo de CSS, y JS. Ya que aunque según entiendo WordPress no requiere usar código, es claro se vuelve mas potente si puedes utilizar las librerías para personalizar más de lo que te lo permiten las herramientas de interfaz que tenga. Por otro lado esta teoría inconscientemente me ayudo a entender un poco mas el concepto de las líbrerías. Creo que estoy aumentando mi Ki. (jjee)

Excelente introducción al curso. Muy motivado con toda la información que desconocía del mundo WordPress.

Manejo de Librerías en WordPress
________________________________________<h3>Archivos CSS</h3>
Vamos a usar dos funciones, estas están basadas en dos tipos de formas de manejar la información de wordPress, una es el registro y la otra es poner en cola.
• wp_register_style() → Nos sirve para registrar la librería y que tengamos a disposición una dependencia, pero no la va a ejecutar en nuestro HTML.
Argumentos:

• $handle string → El nombre que va a tener nuestra librería para WP
• $src string|bool
• $deps = array() array → Aquí pondremos los nombre(handles) que fuimos registrando previamente o registrar uno nuevo.
• $ver = string|bool|null → Aquí pondremos nuestra versión de cache para decirle al navegador que nos regenere el pedido en el caso de hacer modificaciones
• $media = 'all’ string → Nos permitirá que nuestro CSS se pueda ejecutar en todas las pantallas o en una especifica.
  • wp_enqueue_style() → Nos va a ejecutar directamente la librería que nosotros le digamos, pero va a llamar las referencias que tenemos registradas.
  Argumentos:
• $handle string → El nombre que va a tener nuestra librería para WP
• $src string|bool
• $deps = array() array → Aquí pondremos los nombre(handles) que fuimos registrando previamente o registrar uno nuevo.
• $ver = string|bool|null → Aquí pondremos nuestra versión de cache para decirle al navegador que nos regenere el pedido en el caso de hacer modificaciones
• $media = 'all’ string → Nos permitirá que nuestro CSS se pueda ejecutar en todas las pantallas o en una especifica.
  <h3>JS</h3>
  Aquí las funciones son muy similares a los CSS.
  • wp_register_style()
  Argumentos:
• $handle string
• $src string|bool
• $deps = array() array
• $ver = string|bool|null
• $in_footer = false bool → Esto le indica que se ejecute en el footer o en head.
  • wp_enqueue_style()
  Argumentos:
• $handle string
• $src string|bool
• $deps = array() array
• $ver = string|bool|null
• $in_footer = false bool

se ve que cristian sabe mucho y seria bueno que usemos estos conceptos en el codigo

php ❤️

Excelente explicación @Cristian Ramanzin para iniciar con todo el desarrollo!!!

Maravillosa información.

wp_register_style()

wp_enqueue_style()

Interesante el tema

genial

Muy buena clase.

valgame Dios hehehhe

El uso de librerías de forma dinámica permite utilizar templates en diferentes sitios (URL) en los cuales podremos albergar nuestras propias librerías.
Cuando se cambia de sitio, las URLs se generaran automáticamente y llamarán al archivo.
El uso de registro de dependencias permite controlar mediante PHP el flujo en el que cargan las diferentes librerías, evitando así librerías duplicadas.

muy buena clase, tengo conocimientos basicos de programacion 😃

Pequeño error en wp.enqueue.(style) y era (Script) min 2:55, Pero de resto muy interesante!