Conceptos básicos de PHP y JavaScript para usuarios de WordPress

1. Promoción: A Bueno, hola, Dan. Bienvenido a mi curso muy especial, Aprender PHP para Watpress Y este es un curso diseñado específicamente para estudiantes que son usuarios de Wtpress, pero quieren convertirse en desarrolladores de Wat Press Ahora, es esencial aprender PHP porque PHP en realidad se utilizó para construir Watpress Como tal, si vas a convertirte en desarrollador de Watpress, desarrollando tus propios temas, plugins y funciones, es esencial que aprendas al menos los conceptos básicos de PHP, y eso es exactamente lo que te va a ofrecer este curso es exactamente lo que te va a ofrecer Así que en este curso vamos a echar un vistazo a PHP qué es exactamente PHP y en qué se diferencia de otros lenguajes de programación. Te mostraré cómo puedes escribir código PHP correctamente y también cómo puedes combinar código HTML con PHP. Y pasaremos a la sección principal del curso donde te mostraré cómo puedes comenzar a escribir tus propias funciones, tus propias funciones de WordPress usando PHP. Te voy a mostrar cómo trabajar con declaraciones condicionales como la declaración EL. Te presentaré ganchos, acciones y filtros que son funciones de WordPress. También hablaremos de variables y arrays. Y por último, te hablaré sobre la única función más importante en todo WordPress, que es el bucle de WordPress. Al final de este curso, habrás ganado los fundamentos básicos de PHP y cómo podrías usar PHP para convertirte en un desarrollador de WordPress Entonces, si sientes que este curso va a ser ideal para ti, te animo a que te apuntes al curso hoy, y espero verte por dentro, tiene. 2. Lo primero: Antes de comenzar oficialmente con el curso, hay algunas cosas que debo mencionar y aclarar. En primer lugar, este es puramente un curso básico introductorio a PHP. No va a ser un nivel intermedio ni un nivel avanzado ni nada por el estilo. Esto es puramente para principiantes. Entonces, si eres nuevo en PHP, este curso va a ser perfecto para ti. Segundo, para WordPress, idealmente, deberías ser un usuario de nivel intermedio de WordPress. No puedes ser un principiante completo. Necesitas tener un conocimiento de nivel intermedio de Wtpress, debes sentirte cómodo trabajando con Watpress para poder tomar este curso Ahora, hay dos sitios web principales que vamos a utilizar. Uno es phb.net, que es el principal sitio web oficial de En segundo lugar sería el Codex Watpress, que es el repositorio principal para todas las funciones y todo lo relacionado con el desarrollo de Watpress Para que puedas marcar estas dos páginas como marcador. Ahora, si estás trabajando localmente en tu computadora o en tu Mac, no necesitas acceso FTP, estás bien. Sin embargo, si estás intentando trabajar en un sitio web que esté en vivo en Internet, vas a necesitar acceso FTP porque vamos a estar trabajando con nuestros archivos temáticos. Estaremos usando el tema de WordPress 2021, pero el tema oficial 2021. Entonces, para poder acceder a los archivos de tema en el sofá, vas a necesitar acceso FTP. Si no sabes cómo crear una cuenta FTP o cómo obtener acceso FTP, tengo un tutorial completo aquí en YouTube que te muestra cómo puedes hacerlo. Ahora, también voy a estar usando Notepad plus plus como mi editor de texto Voy a hacer cambios en nuestros archivos y luego reproducirlos. Entonces estaré usando Notepad plus plus para eso. De nuevo, sí tengo un tutorial completo aquí en YouTube, mostrándote cómo puedes trabajar con Notepad plus plus Pero si tienes otro editor de texto con el que estás trabajando tal vez como sublime por ejemplo, no tienes que usar Notepad plus plus No es obligatorio en absoluto. Y luego por último pero no menos importante, sí tengo un curso completo sobre qué tema de prensa desarrollo está disponible en webmonkcadem.com También está disponible en Demi. De hecho, mi principal propósito de hacer este breve curso gratuito es presentarte a Whatpress Development Y luego con la esperanza de que si estás convencido de que, oye, realmente quiero convertirme en un desarrollador de temas de Watpress, entonces puedes inscribirte en el curso más avanzado que profundiza mucho en el desarrollo del tema Watpress Para que puedas comprobarlo si te interesa. Y luego hay una cosa que olvidé mencionar cuando estaba haciendo el curso, y eso es porque lo di por sentado, y no quiero dar nada por sentado, ¿de acuerdo? Archivos PHP, los terminas con PHP punto. Por ejemplo, aquí mismo, puedes ver todos estos archivos ahora mismo, cuatro food dot PHP, archive dot PhP, foot dot PHP, y así sucesivamente estos son archivos PHP. Entonces terminas tus archivos, tus archivos pH puntean PHP. Y luego, finalmente, abres un código PHB con el símbolo less than, el interrogación y luego PHP Entonces ahora mismo, esta sería la apertura de cualquier declaración de PHB Y luego aquí abajo donde tienes el interrogación y luego el símbolo mayor que, ahí es cuando estás cerrando el código PHP. Entonces tienes que abrir tu código PHP y luego cerrarlo para evitar cualquier rotura delgada. Entonces olvidé mencionar esto durante el curso, y fue solo cuando estaba revisando los videos, me di cuenta de eso, olvidé mencionar este hecho muy, muy simple, pero es importante que tenga que mencionarlo porque es algo que la gente puede dar por sentado. Entonces eso es todo. Espero que disfrutes el curso. Ahora comencemos oficialmente con el curso aprendido de PHP forward Press. 3. ¿Qué es PhP?: Bien, así que comencemos hablando sobre qué es realmente PHP y qué hace. Y PHP significa el preprocesador de hipertexto, y lo que hace es que en realidad recupera datos de una base de datos Entonces básicamente, es un lenguaje de scripting del lado del servidor. Y eso es lo que separa PHP de otros lenguajes como por ejemplo, Javascript. La mayoría de los otros idiomas harán su trabajo en tu computadora o en tu navegador, pero PHP hace su trabajo en el lado del servidor. Entonces, si estás intentando acceder a los datos desde un servidor, tal vez sea un servidor web o un servidor de base de datos, usarías PHP. Si estás intentando enviar información o datos a un servidor, PHP también estará involucrado. Ahora, te animaría mucho a marcar este sitio web en particular. Se llama php.net, y es el sitio web principal para todo lo relacionado con PHP, puedes echar un vistazo a la documentación y mucha más información allí sobre PHP Entonces, ¿cómo interactúa PHP realmente con Wat press? ¿Cuál es la relación? No sé si te has dado cuenta de esto antes, pero cada vez que instalas Watpress, normalmente, también crearías una base de datos también Depende de cómo instales Qué prensa o qué panel de hosting utilices. Pero en mi caso, uso tierra lateral y cuando intento instalar Lo que presiona desde el back end, siempre tengo la oportunidad de nombrar la tabla de base de datos y hacer cosas así. Entonces, cuando instalas What press, también estás creando una base de datos también. Ahora, es en tu base de datos donde la mayoría de tus archivos se almacenan en tus páginas, tus publicaciones, tus datos de usuario, contraseñas, todo ese tipo de información se almacena en tu base de datos. Ahora voy a darte un ejemplo en vivo aquí dentro. Tengo uno de mis sitios web de demostración, la película characters.com Es solo un blog de muestra con alguna publicación de muestra y cosas así. Estoy por aquí en Tierra lateral, la parte de atrás para Tierra lateral. Se puede ver que sí tengo el sitio web película characters.com. Ahora, he accedido a la base de datos, y esta es la base de datos aquí mismo. El nombre es Área 618 en la partitura, WP 329. Bien, voy a ampliar la base de datos, y ahora mismo pueden ver que tengo acceso a diferentes tipos de tablas. E incluso por el nombre, se puede decir de qué se trata. Aquí abajo como ejemplo, se puede ver que tengo el todo el camino aquí abajo. Bien. Oh, lo siento. Yo estaba justo aquí arriba. Bien, WPDeUnderscore, Posts, ¿verdad? Ves la mesa ahí mismo. Voy a abrirla, y voy a mostrarte algunas cosas. Si voy a mi sitio web aquí mismo, puedes ver que tengo publicaciones relacionadas con películas y juegos Titanfall review Se puede ver que tengo caja de canguro que llega a la web. Legión Hace 900. Tengo etiquetas como action o terminator two. Tengo un post sobre Terminator dos como ejemplo. Si tuviera que ir ahora mismo a mi base de datos, ¿ pueden ver los títulos de las publicaciones aquí? Tienes números de taquilla subiendo, terminator dos revisión, adquirir revisión de lugar Aquí hay otro, Terminator dos por su cuenta. Y así sucesivamente así ahora mismo, se puede empezar a ver los títulos de las publicaciones que tengo. Puedes ver la fecha de publicación, el contenido real de la publicación en sí. Y luego si me desplace por aquí a la derecha, se puede ver otra información como el estado publicado, ya sea publicado o en modo borrador, el estado de comentario, si los comentarios están permitidos o no. Si el post tiene una contraseña que necesitas usar para acceder a la publicación, el nombre de la publicación, y así sucesivamente post modificado y mucha más información. Por lo que ahora mismo se puede ver que toda esta información está en la base de datos. Si vuelvo a mi base de datos y abrí otra tabla, solo para darte otro ejemplo, aquí abajo, usuarios, usuarios de subrayado WPDE Eso debería decirte que esta tabla contiene la información del usuario, personas que tienen cuentas en el sitio web. Ahora mismo, puedes ver que sí tengo que iniciar sesión en identificaciones, película y desarrollador. Puedes ver los correos electrónicos y también puedes ver alguna otra información sobre la cuenta de usuario en particular. Entonces el punto aquí es que cada vez que trato de hacer algo en mi sitio web o alguien intenta hacer algo en mi sitio web. Digamos por ejemplo, hicieron clic en Bruce Willis Words por quinta vez Para que el lugar de trabajo pueda mostrar esta publicación, mostrar la imagen destacada, el título, el contenido, etc., tiene que ir a mi base de datos y sacar la información de ahí usando PHP. Ahora, cómo Qué prensa sabe qué contenido pertenece a Qué post es a través del ID. Todas tus publicaciones tienen identificaciones. No estoy seguro del ID de publicación para esta publicación en particular, pero échale un vistazo. Y en realidad averigua si iba a volver a la tabla de correos y busqué Bruce Willis Words por novena vez, déjame desplazarme hacia abajo y ver Bien, es aquí abajo. Se puede ver que la identificación es en realidad 59. Entonces cuando hago clic en el enlace para ese post, Wordpress sabe que, Oh, el ID para este post es 59. Déjame ir a la base de datos usando PHP y buscar el contenido para el post con el ID de 59. Esa es básicamente la relación entre PHP y WordPress. Entonces, una vez más, PHP se utiliza principalmente para sacar información o enviar información a un servidor. Es del lado del servidor, lenguaje de scripting. Hace su trabajo en el lado del servidor. Y eso es lo que lo separa de otros lenguajes como JavaScript. La mayoría de los otros idiomas harán su trabajo en tu navegador. PHB hace su trabajo en el lado del servidor. Entonces, en el siguiente video, voy a mostrarte mucho más sobre la relación entre PHP y Wordpress y cómo PHP se usa realmente para crear diferentes tipos de funciones en WordPress. 4. Php en wordpress: Ahora hablemos un poco más sobre cómo se usa PHP en WordPress. Ahora, he cambiado un poco las cosas. Tengo otro sitio web aquí, otro sitio web de muestra. Y aquí mismo, déjame mostrarte rápidamente que tengo una publicación, y se titula PHP para What Press. Y es una típica publicación de What Press con título, imagen destacada y algún contenido. ¿Bien? Y luego aquí abajo, se puede ver que tenemos la categoría de tutorial de Def y alguna otra información Volvamos a la parte de atrás. También tengo una página llamada recetas. Vamos a ver la página, y esa es la página de ahí. Bien, estoy usando el tema predeterminado Wat press 2021, por cierto. Ahora, voy a ir a mi editor de texto aquí, no a PAD plus plus, sino que estoy conectado vía FTP a mi tema 2021, y puedes ver que tenemos los archivos aquí mismo. Y el primer archivo que he abierto aquí es el punto de funciones PHPfle Aquí es básicamente donde se encuentran la gran mayoría de las funciones utilizadas en tu tema. Ahora, si te desplazas hacia abajo aquí, comenzarás a ver diferentes tipos de cosas como array. Verás nombres o funciones. Verás si se usa mucho. Yo mientras, todos estos son PHP, bien puedes sentarte aquí array, array, array. Aquí, tenemos otra función. Es vista previa personalizada, hacer algo. Aquí mismo, sí tienes la función para crear y registrar una barra lateral. Puedes ver aquí mismo, dice barra lateral de registro, y luego la matriz básicamente tiene diferentes tipos de información sobre esa barra lateral, como el nombre, el ID , la descripción, etc. Bien, sigamos adelante. Ahora tienes el punto índice PhP y este es fácilmente muy posiblemente el archivo más importante en cualquier sitio web de Watpress o cualquier tema de What press La razón es que este suele ser el archivo de plantilla principal que Watpress usa para mostrar contenido en una página Ahora bien, ¿qué prensa va a utilizar este archivo en particular si no hay ningún otro archivo que sea más alto en la jerarquía de plantillas, lo que estoy tratando de decir aquí es que cómo sabe qué prensa cómo muestra el contenido de una página y luego cómo mostrar los contenidos para un post? Ya sabes, esos son dos tipos de post diferentes, ¿ verdad? Bueno, aquí está la cosa. Tienes un archivo o un archivo de plantilla aquí llamado page dot PhP. Esto se usa normalmente para mostrar páginas, ¿de acuerdo? Ahora, para demostrártelo, voy a hacer algo aquí mismo, justo aquí en la parte superior. Voy a decir que esta es una página. Y voy a guardar este cambio. Nota, lo estoy guardando en el archivo PHP de punto de página. Ahora bien, si tuviera que volver a mi sitio web, este justo aquí es un post. Recuerda página Wordpress es un post. Si refresco este post, puedes ver ahora mismo no vemos que esta es una declaración de página, ¿verdad? Pero si iba a ir a mi back end y vi la página de recetas, veamos la página. Aquí mismo, se puede ver ahora mismo dice que esta es una página. Eso es porque lo que la prensa que usa la jerarquía de plantillas sabe que, Bien, esta es una página. Compruebo para ver ¿hay un archivo llamado page dot PhP? Oh, hay un archivo llamado page dot PHP. Permítanme ahora usar esa plantilla para mostrar el contenido de la página. Y porque fui a mi archivo aquí mismo y agregué esto como una página, salidas de Workplace, esta es una página. ¿Bien? Entonces, volviendo a todo lo de la jerarquía de plantillas, si el punto de página PhB no existiera en mi tema, ¿qué prensa usaría index dot PHB Es como la opción alternativa. Siempre es la opción alternativa, ya sea que estés mostrando publicaciones, páginas o incluso contenido de otros tipos de publicaciones personalizadas Punto índice pGb es siempre la última opción si no hay ningún archivo más específico Ahora, has visto page dot PHb mostrando contenido para páginas, ¿verdad Déjame eliminar este comentario aquí mismo muy rápido. Vamos a cortar eso. quitar mi espacio. Déjame guardar esto. Ahora bien, el archivo que se está utilizando para mostrar el contenido mis publicaciones es el archivo de plantilla PHP de un solo punto de contenido. Ahora, aquí mismo, voy a hacer exactamente lo mismo. Voy a pegar el mismo contenido, y ahora decir esto como post. Vamos a guardar esto y como se puede imaginar, voy a volver a la parte de atrás aquí mismo. Ahora voy a refrescar mi página. Se ve que no aparece nada. Pero si tuviera que ir a mi post aquí mismo y refrescar la página o el post más bien, verán que eso no se mostró, déjame volver y ver qué pasó. Esta es una publicación. Bien. Déjame hacer un cambio rápido una vez más. No estoy muy seguro de lo que pasó ahí. Bien, entonces definitivamente ahorrado ahora mismo. Entonces, si tuviera que volver y refrescarme, creo que debería estar aquí abajo en realidad. Debería estar por aquí. Oh, esta no es la principal , lo siento. Soy un idiota. Esta es la página principal. Esta no es en realidad la página de publicación en sí misma. Esta es la página de inicio del sitio web. Entonces si ahora voy a la página cuatro, presiono la página real en sí, ahora puedes ver que dice que este es un post. Lo siento, sí perdí mi tren de vitrocerámica y estoy grabando. No es fácil. Bien, para que puedan ver dice que este es un post específicamente para este post aquí mismo. Bien. Vaya, eso estuvo cerca. Voy a regresar y voy a quitar esto, ¿de acuerdo? Y una vez más, Wtpress está, por supuesto, usando PHP para extraer toda esta información Ahora bien, hay algo más que debes tener cuenta cuando se trata de PHP y Wtpress Ahí está esta cosa llamada etiquetas de plantilla. Las etiquetas de plantilla son como funciones PHP preconstruidas que se utilizan para mostrar ciertos tipos de información Uno de los mejores ejemplos que puedo darte está aquí mismo en este archivo de plantilla, el contenido single dot PHP. Entonces aquí está la cosa. Lo que la prensa está mostrando permítanme reformular esta página. ¿Qué prensa está mostrando el título de mi post, verdad? Está mostrando la imagen destacada. Está mostrando el contenido. Y luego aquí abajo, incluso se muestra la fecha de publicación, el autor, e incluso la categoría del post. ¿Cómo sabe qué prensa hacer esto? Eso es por algo conocido como las etiquetas de plantilla. Las etiquetas de plantilla son funciones preconstruidas que muestran ciertos tipos de contenido dinámicamente Te lo voy a demostrar. Si tuviera que volver al archivo de plantilla aquí mismo para nuestras publicaciones, ¿ves esta cosa de aquí llamada el título PHP, el guion bajo Título Esta de aquí es una etiqueta de plantilla utilizada específicamente para mostrar el título de nuestras publicaciones. Por eso tenemos el título apareciendo. Si tuviera que ir justo aquí ahora mismo y me quite esto, vamos a cortarlo y guardo. Si tuviera que volver a mi post y refrescarme, se puede ver ahora mismo el título ya no está ahí. Se ha ido. Eso es porque eliminamos la etiqueta de plantilla. Déjame regresar y voy a deshacer lo que hice. Agreguemos otra etiqueta de plantilla aquí mismo. Vamos a mostrar la categoría del post justo debajo del título. ¿Y cómo puedo hacer eso? Puedo hacer uso de otra etiqueta conocida como la categoría. Realmente es así de sencillo. Entonces si iba a salir aquí y cambié el título a la categoría y guardé Bien, voy a volver al archivo post aquí mismo, refrescar la página. Y ahora mismo puedes ver que tenemos la categoría Dev Tutorial. Eso es básicamente lo que son las etiquetas de plantilla. Hay muchas, muchas, muchas etiquetas de plantilla, y de hecho, debería haber abierto una página para mostrarte cuáles son las diferentes etiquetas de plantilla de Wat Press. Y los he abierto, y no quería hacerlo en vivo porque mi Internet aquí es bastante, bastante malo, así que tuve que pausar el video, abrir la página, y aquí está. Entonces, si vas a códice o wtpres.org, forward slash template llamada Tags, aquí mismo, puedes ver tantos Tienes las etiquetas generales. Obtener encabezado, G Futa. Déjame mostrarte esos por cierto. Si tuviera que volver aquí mismo y voy a la página punto PhP en realidad, vamos al índice punto PhP. Este es el archivo principal de la plantilla aquí mismo. Lo siento, no índice ni phpage punto página B. Tomemos la página punto p HB Se puede ver aquí mismo dice, encabezado G. Obtener encabezado. Y luego aquí abajo, también dice obtener FUTA Estas son funciones que tiran en el encabezado del sitio web y también el pie de página del sitio web. Ahora bien, si miras por aquí a la derecha, en mi carpeta de temas, sí tengo el archivo llamado header dot PhP. Es un archivo allí mismo utilizado específicamente para mostrar contenidos en el encabezado, que normalmente será su logotipo así como su menú principal. Ahora bien, si iba a subir aquí e hice lo mismo y le dije, Este es el encabezado. Y guardé este archivo. Como puedes imaginar, si tuviera que volver a mi página, ahora, porque el encabezado es global, el encabezado está en cada página de cada post. Si refresco esta página ahora mismo, se puede ver ahí arriba, dice, Este es el encabezado. Si tuviera que ir a mi post y refrescarme, también dice que este es el encabezado y así sucesivamente. Ahora, de igual manera, también tienes exactamente lo mismo para el Puta dot PhP también. Entonces estas son funciones que sacarán páginas hea punto php, fred punto phB Los encuentras mucho más a medida que avanzamos. Bien, volvamos a las etiquetas de plantilla aquí. Entonces tienes otros como, obtener la barra lateral, el formulario de inicio de sesión, archivos, información del autor, información de categoría, etiquetas de comentarios, y así sucesivamente y así sucesivamente. Eres más que bienvenido a pasar tiempo revisando todas estas etiquetas si quisieras. Pero eso es básicamente para WordPress y PHP. Nuevamente, a medida que avanzas en este curso, empezarás a entender más de la relación entre PHP y Board press. Espero que hayas disfrutado el video. Te veré en la siguiente. 5. Cómo escribir código php correctamente: Hablemos ahora de cómo escribir código PHP correctamente. En otras palabras, estamos hablando de estándares de codificación PHP. Y sí tengo toda una lista delante de mí, así que comencemos. Lo primero de lo que vamos a hablar sería cómo nombrar tus funciones y tus variables. Y aquí dentro, tenemos un ejemplo clásico. Tenemos la función 2021 o widgets sobre la partitura en ella. El trabajo de esta función es registrar una barra lateral, pero observe que el nombre real de la función son widgets en la partitura en ella. Pero empiezan primero diciendo función. Entonces tenemos función, y luego quieres agregar un prefijo antes del nombre. El prefijo en este caso es 2021. Y la razón por la que quieres agregar prefijos a tus nombres de funciones es porque podría haber otro complemento en algún lugar del sitio web que use la misma función Y si tanto tu tema como tu plug in están usando exactamente el mismo nombre para la función, podrías terminar teniendo un conflicto. Entonces, para evitar eso, lo mejor es simplemente usar tu propio prefijo único. Podría ser el nombre de tu tema. Podría ser tu propio nombre, podría ser cualquier cosa. Solo tiene un prefijo antes del nombre de la función real. A continuación sería el uso de guiones y guiones bajos. ¿Cuándo los usas? Normalmente, usarías tus guiones bajos siempre que estés nombrando tus funciones o tus variables En este caso, ahora mismo, pero el prefijo, tenemos 20 subrayado 20 subrayado uno subrayado Widgets subrayado Entonces usarías guiones bajos para separar palabras cada vez que estés nombrando tus variables o tus funciones Usarías guiones cuando intentas agregar una clase CSS En este caso, ahora mismo, aquí abajo, se puede ver que dice H dos clase que llama widget. Título de Dash. Entonces, cuando estás agregando clases o ID, usarías el guión. También usarías el guión cada vez que estés nombrando tus archivos Aquí en la carpeta de contenido, puedes ver que tenemos archivos llamados content dash Excepto content dann content page, content dash single Ahí es cuando usarías tus guiones. No te preocupes, a medida que trabajes más con PHP, te acostumbrarás a cuándo usar el guión bajo y cuándo usar el guión Bien, a continuación, sería el uso de comillas simples y comillas dobles Ahora, aquí mismo, tengo el ejemplo. Básicamente nos estamos haciendo eco de una declaración, lo siento este es el encabezado de la página Ahora bien, una forma en que podría reescribir esto sería simplemente decir, lo siento Este es el encabezado de la página, ¿de acuerdo? Sin embargo, en la mayoría de los casos, normalmente usaría la cotización única. Las comillas simples se usan mucho más a menudo que las comillas dobles. Ahora bien, este es el ideal donde escribirías este tipo de código, eco, sola capa y luego el código tamal, lo siento, este es el encabezado de la página Pero y si quisieras usar la forma corta de IM. Entonces ahora mismo, digo, yo sin la A. No se puede tener un solo código dentro de otra sola capa. Se romperá todo el código. Entonces, lo que podrías hacer en este caso en este momento sería envolver la sola capa dentro de los anuncios dobles. Entonces ahora mismo ya puedes ver, Oh, perdón por eso. Ahora mismo, pueden ver que estoy usando las capas dobles envuelven el código único dentro de él. Ahora el código funcionaría. No puedes tener un solo código dentro de otro solo código, y no puedes tener una comilla doble dentro de otra comilla doble. En la mayoría de los casos, las comillas dobles están realmente dentro del código único. La razón por la cual es al revés aquí donde tienes el código único dentro del código doble es porque esto es inglés. Cuando escribes, lo siento, no usas comillas dobles. Normalmente usarías el código único. Sin embargo, si tuviera que volver a mi función punto ph p aquí mismo, Observe, cuando estamos agregando el título, la clase H dos es igual al título de Wizara, el nombre del título está entre comillas dobles mientras que el código HML real está envuelto en comillas simples Entonces, una vez más, no puedes tener comillas simples en lugar de des simples no puedes tener comillas dobles en lugar de comillas dobles. Y en la mayoría de los casos, las comillas dobles estarían dentro de la cita simple. Solo usarías una sola cita dentro de una cita doble cuando intentes escribir frases como esta en inglés. Lo siento, eso no me gustó. Bien, lo siguiente sería la etiqueta PHP de cierre. Ahora, en la mayoría de los casos, cuando abres tu etiqueta PHP, deberías cerrarla, bien. Sin embargo, no se sorprenda de que pueda ver algunos archivos donde todo lo que ve es la etiqueta PageB de apertura, pero nunca vea una etiqueta PAgB de cierre Aquí, por ejemplo, en la página de PHB, tenemos la etiqueta B de la página de apertura, pero ahí no hay una etiqueta de cierre de la páginaB Eso es porque no hay necesidad de hacerlo. De hecho, PagB es un idioma donde puedes abrirlo, agregar código, agregar código, agregar código, y nunca tienes que cerrar la etiqueta PHP Solo podrías cerrar la etiqueta PHP si dentro de ese bloque de código, quieres agregar código de otro idioma, tal vez como HTML o JavaScript. En este caso, ahora mismo, todo lo que hay aquí es puro código PHP. No hay HTML, no hay Javascript. De hecho, si vas a tu función en archivo PHP, al final, tal vez algunos temas podrían no hacer esto, pero la gran mayoría de los temas, las funciones del archivo PTR, nunca verás la etiqueta de cierre de la páginaB No, sólo va a estar ahí, vacío. Ahora bien, esta fue la etiqueta de apertura PageB justo aquí arriba, y se puede ver ahora mismo que hemos tenido varias funciones. Aquí hay una función. Ahí hay otra función. Toda otra función, otra función todo el camino hacia abajo hasta que quisimos agregar un código JavaScript. Por eso cerramos esa etiqueta PHP de apertura ahí mismo. Agregamos nuestro código JavaScript. Una vez que eso estuvo cerrado, luego abrimos la etiqueta PHP nuevamente hasta aquí abajo una vez más. Entonces, en la mayoría de los casos, es más seguro simplemente abrir y cerrar tus etiquetas PHB, bien. Pero no se sorprenda si ve archivos donde no hay cierre o etiqueta PHB Bien, los dos últimos serían la identación y los comunes. Entonces, si has trabajado con código HTML antes que tu código CSS, ya estás familiarizado con este concepto, asegúrate de que tu código esté bien sangrado para que sea muy, muy fácil de leer Como ejemplo ahora mismo, puedes ver esta función para registrar la barra lateral. Se puede ver como está todo sangría. Sé que esto de aquí mismo, este es un bloque de código para registrar una barra lateral. Y luego aquí mismo, por ejemplo, puedes ver cómo tienes la matriz principal aquí arriba, y luego dentro de la matriz, tienes las matrices secundarias con todas las propiedades y valores. Se puede ver cómo se presenta todo correctamente. Así que tenlo en mente. Y luego hablemos de los comentarios. ¿Cómo se agregan comentarios en PHP? Los comentarios son una excelente manera de agregar comentarios para describir lo que está haciendo una función. Entonces la manera ideal sería tener el slash forward y luego tus asterics y luego tienes tus comentarios, y luego para cerrar el comentario, tendrías tus asterics y luego el Otra vez, como aquí como ejemplo, ¿de acuerdo? Así es como normalmente escribirías tus comentarios. No es necesario usar el símbolo de un solo asterisco antes del comentario real No es necesario, pero mucho de qué ritmo prefieren los usuarios para hacerlo de esa manera. Entonces, si quieres apegarte a los estándares originales, por todos los medios, puedes hacerlo. Así que eso es más o menos. Todavía hay algunos otros estándares de codificación con los que te encontrarás, pero estos son los más importantes que he cubierto hasta ahora. Entonces espero que hayas disfrutado el video, y te veo en el siguiente. 6. Combinación de html y PHP: Ahora antes de comenzar a escribir código PHP adecuado, quiero cubrir rápidamente un tema muy, muy importante, y así es como combinar HTML y PHP exactamente en el mismo archivo. Ahora voy a usar la etiqueta de plantilla de título como ejemplo. Digamos que queremos mostrar el título de nuestro post, pero usando las etiquetas H one de HTML. La forma más fácil será simplemente abrir la etiqueta H one, antes que nada, y ahora abrir PHP y decir el título del guión bajo Ciérrala y ahora cierra la etiqueta H one. Bien, voy a seguir adelante, guardar esto y dejarme volver aquí, refrescar mi página. Y ahí está, PHP forward press, muy, muy sencillo. Déjame guiarte a través de lo que hice. Entonces el punto aquí es que queremos mostrar el título en el formato H one. Entonces abrimos HTML, antes que nada, con la etiqueta H one. Ahora abrimos PHP, agregamos una fecha, la etiqueta de plantilla, el título, luego lo cerramos, luego cerramos la etiqueta H one, y eso es exactamente lo que obtuvimos. Esta, con mucho, es la forma más fácil y directa de combinar HTML y PHP. Siempre que sea posible, asegúrese de tener su código PHB dentro de su código HTML Es muy, muy sencillo, y es la forma de sintaxis más fácil de trabajar. Podríamos hacer lo contrario, donde tienes el código HML dentro del código PHP, pero luego usarías eco o puntos que son funciones en el PHP Pero con toda honestidad, ni siquiera quería cubrir eso porque se pone un poco complicado y puede ser muy, muy desordenado Sin embargo, hay ciertas situaciones en las que no se puede evitar tener código ETMO dentro del código PHP Ahora, en realidad he creado una función aquí para mostrarte de lo que estoy hablando, y voy a guiarte a través lo que está pasando aquí. ¿Todo bien? Permítanme solo antes que nada, sancionar esto correctamente Bien, entonces todo el punto aquí es que queremos mostrar el texto, eres muy bienvenido. Pero usando las etiquetas P, en realidad, ¿sabes qué? Déjame cambiar esto a H uno, solo para que tengamos algo de consistencia, ¿verdad? Entonces queremos exhibir. Eres muy bienvenido, pero en un formato H uno, pero va a ser con el uso de una función. Entonces, aquí mismo, permítanme seguir adelante y guardar esto antes que nada, solo para confirmar que realmente funciona. Entonces déjame volver aquí, refrescar la página, y ahí está. Eres muy bienvenido. Bien, volvamos al código ahora mismo. ¿Qué está pasando aquí? He creado una función llamada print greeting. Es PHP, así que tengo mi función de etiqueta PHP abierta, y luego el nombre de la función ahora porque pretendemos introducir código HML, tenemos que indicar que, oye, el código HTML viene a continuación Ahí es donde entra este collbace de apertura. Es la señal de que siguiente va a ser el código HML Sin embargo, debido a que necesitamos cerrar la etiqueta PHP antes de poder introducir el código HML, por eso tuvimos que cerrarlo aquí mismo Se puede decir que hemos cerrado la etiqueta PHP, pero debido a este collbace la función sabe que, oye, el siguiente va a ser código HTML Ese es el código HML ahí mismo. Y ahora porque tenemos la rizada de apertura, necesitamos cerrarla. Y como ya terminamos PHB porque tuvimos que introducir nuestra etiqueta HTML, tenemos que volver a abrir PHB Ahora cierra la abrazadera rizada. Tenemos el corsé C de cierre, y ahora finalmente cerramos la función. Y luego aquí abajo, simplemente llamamos a la función. No te preocupes. World cover funciona más adelante en el curso. te preocupes por eso, pero ese es básicamente un escenario en el que tendrás código HML dentro de tu código PHB, y tienes que usar la abrazadera CE y las llaves de cierre para incluir HTML Hay tantas otras situaciones en las que tendrás que combinar HTML y PHB, pero estas dos son las habituales son las dos más comunes Entonces eso es todo, gracias por ver, y te veré en la siguiente clase. 7. Trabajar con etiquetas condicionales: Bien, así que primero que nada, echemos un vistazo a las declaraciones condicionales con PHP Y como desarrollador de WordPress, te encontrarás con declaraciones condicionales cada vez. Son muy, muy, muy comunes, y pensé que sería mejor antes de hablar de funciones hablar realmente de la L if y declaraciones condicionales. Entonces aquí mismo en PHP, tengo la documentación levantada y y así ahora mismo, es muy, muy simple, muy fácil de entender. Las declaraciones condicionales básicamente solo verifican para ver si se ha cumplido una condición, y luego si se ha cumplido esa condición, hacer algo. De lo contrario, si no se cumplió la condición, entonces puedes hacer otra cosa. En este caso, ahora mismo, se puede ver un ejemplo muy, muy sencillo. Tienes dos variables A y B, y hemos dicho la primera condición. Si A es mayor que B, si el valor de A es mayor que B, entonces echo, S A es mayor que B. Ahora estamos diciendo se si, lo que significa que ahora estamos proporcionando una segunda condición. Si A, el valor de A es igual al valor de B, entonces eco A es igual a B, y luego la tercera condición, L si no se cumplen estos dos primeros, lo que significa que si el valor de A no es mayor que el valor de B, y si el valor de A no es igual al valor de B, entonces obviamente, el valor de B debe ser mayor que el valor de A. Entonces eco A es menor que B. Muy, muy, muy sencillo de entender. Y permítanme recalcar ahora mismo que no necesita tener una declaración s if. Solo puedes ejecutar una sola condición. Si esto es esto, entonces hazlo. No tienes que establecer la alternativa para, Bien, pero ¿y si no se cumplió la primera condición? ¿Qué debería PHB? ¿Qué debe hacer la prensa? Si no lo pones, entonces ¿Qué prensa simplemente no hará nada? Entonces les voy a dar algunos ejemplos aquí directamente ahora desde Qué prensa. Tenemos algo llamado las etiquetas condicionales. Estas son etiquetas que han sido creadas por What press ya que ayudan a comprobar si se han cumplido ciertas condiciones. Entonces déjame darte algunas de ellas. Ligero ahora, puedes verlo comprueba para ver si es la página principal, si estamos en la portada, te desplazas hacia abajo, revisas para ver si es un administrador. Vamos a desplazarnos un poco más hacia abajo. Comprueba si una publicación es pegajosa, si los comentarios están activos, y así puedes verificar tantos tipos diferentes de condiciones. Si una página en particular está en la categoría con el número de identificación nueve y así sucesivamente, como, te animo a que eches un vistazo a la página porque tienes tantas condiciones. Sin embargo, quiero darte un ejemplo, y la etiqueta condicional con la que vamos a trabajar es la miniatura de la publicación H. Esto comprueba si una publicación tiene una imagen destacada adjunta. Ahora, por aquí, para mi post, sí tengo una imagen aquí mismo. Puedes ver la imagen destacada de PHP. Ahora, lo que voy a hacer es que voy a crear una función condicional que voy a comprobar para ver si mi post tiene una imagen destacada. Y si lo hace, vamos a cambiar el tamaño con el que realmente se muestra la imagen. Ahora bien, si voy a mi archivo de Bloc de notas aquí y voy al contenido teja punto PhP con el tema 2021, sí tenemos esta función aquí llamada la miniatura de la publicación 2021 Esta es la función que actualmente muestra mi imagen destacada y mi post. No obstante, vamos a cambiarlo. Voy a seguir adelante ahora para eliminar esta función. Ahora bien, si guardo esto, si volvemos al post y me refresco aquí mismo, puedes ver ahora mismo la imagen destacada ya no se muestra porque he eliminado la función. Fresco. Permítanme ahora seguir adelante y agarrar esta función que escribí antes. Déjame copiar eso. Ahora volvamos a mi archivo de parte de nota y aquí mismo, aquí mismo, voy a seguir adelante ahora y pegar esto. ¿Y qué tenemos aquí? Bien, mira esto. He creado mi declaración condicional o mi función condicional aquí que dice I. Y ahora la etiqueta condicional real tiene post thumbnail Entonces antes que nada, estoy comprobando para ver si mi post tiene una miniatura A continuación, muestra la miniatura. Etiqueta de condición esta etiqueta de plantilla escribir el guión bajo post guión bajo miniatura es lo que se usa para mostrar la imagen destacada de tu publicación, igual que el título del guión bajo se usa para mostrar el título , el guión bajo excepto se usa para mostrar el La miniatura de guión bajo post subrayado es la etiqueta de plantilla preconstruida en Wt press que mostrará tu Ahora, el post subrayado miniatura, etiqueta de plantilla puede aceptar el tamaño de la imagen que queremos usar En este caso, ahora mismo, he establecido el tamaño en mediano. Entonces ahora le estoy diciendo a Wat presione eso, oye, si mi post tiene una imagen destacada, mostrar la imagen destacada pero la talla mediana. Voy a seguir adelante ahora para salvar esto. Y si vuelves a mi sitio web actualiza la página, ahora puedes ver que tenemos la imagen que ahora se muestra en el tamaño mediano. Ahora, por favor, ten en cuenta que por el tamaño, no estamos necesariamente hablando de lo grande que va a ser la imagen. El motivo es porque con el tema 2021, se ha diseñado de tal manera que la imagen destacada va a ocupar un ajuste de ancho y alto. Como tal, el tamaño con el que estamos mostrando la imagen determinará qué tan clara o borrosa va a ser la imagen Ahora, debido a que estamos mostrando la imagen con el tamaño medio de 300 píxeles por 300 píxeles, que es el predeterminado con WordPress, WordPress ahora va a estirar la imagen para ocupar el ancho y alto inicial que ha sido establecido por el tema por eso se ve muy, muy borrosa, pero ¿adivina qué? Si vuelvo aquí y cambio medio a un tamaño aún más pequeño, que es uña del pulgar, que creo que es de 150 por 150. Ese suele ser el valor por defecto. Creo que escribí mal la miniatura, la miniatura, no la miniatura. Déjenme decir eso otra vez. Ahora si vuelvo, mira esto. Bien, voy a refrescar la página. Y ahora, puedes ver que es incluso mucho más blod, incluso es mucho más alto en este momento porque básicamente he obligado a WordPress a estirar la imagen Por eso se ve todo muy, muy borroso en estos momentos, pero ese no es el objetivo de este video El punto aquí es solo mostrarte que en realidad somos capaces de cambiar el tamaño de la imagen. Ahora bien, si vuelvo aquí y cambio esto ahora de miniatura a grande, ¿bien? Ahora la imagen va a ser mucho más clara porque estamos mostrando usando el tamaño grande que muy fresco. Ahora puedes ver que la imagen es ahora muy, muy clara porque ya no la estamos estirando con el uso del tamaño mediano o el tamaño de la miniatura Entonces eso es básicamente una declaración condicional ahí mismo. Los encontrarás en tantas situaciones. Y volviendo a mi archivo aquí mismo, como, incluso en el headatPHP, en realidad, no tienes ninguna declaración condicional Si vengo aquí abajo a mi single my con single dot ph file, ahora mismo puedes ver una declaración condicional aquí que dice si y entonces no es singular. Observe que tiene este letrero ahí mismo. ¿Bien? Esto de aquí mismo es el valor no nulo Entonces básicamente, estoy diciendo ahora mismo que si esta página no es una página singular, entonces haz algo, ¿de acuerdo? Entonces este es otro símbolo con el que te encuentras mucho con las declaraciones condicionales. Ahora, permítanme mencionar también una cosa muy rápida porque es importante. Te habrás dado cuenta de que con esta declaración if, ahí está el fin si condición aquí mismo. Entonces básicamente, estamos terminando la función condicional. No siempre tienes que usar el final si estás ejecutando la declaración If, ¿de acuerdo? No siempre es necesario. No obstante, por buenas prácticas, le recomendaría que siempre cierre su declaración I. Entonces en este caso, ahora mismo, aquí arriba, simplemente voy a volver aquí y decir PHP y luego terminar si y ahí está, tenía el punto y coma y luego cerraré la etiqueta PHP Es una buena práctica, pero permítanme mencionar que no siempre van a encontrar desarrolladores que siempre cerrarían cada una de sus declaraciones if. En mi caso, ahora mismo, la razón por la que no cerré esto inicialmente fue porque dentro de este bloque ahora mismo, no estoy ejecutando ninguna otra declaración condicional. Al igual que, esta es la única declaración if en este bloque. No obstante, si fuera a ejecutar otra declaración condicional dentro de este bloque, habría terminado la primera. Pero como dije, a menudo es una buena práctica terminar con todas sus declaraciones if y evitar posibles problemas con su código. Entonces eso es un agradecimiento por ver, y nos vemos en la próxima clase. 8. Funciones de Wordpress: Bien, así que comencemos a hablar funciones y cómo puedes escribir tus propias funciones usando PHP en WordPress. Ahora, anteriormente, vimos esta función en particular que creé llamada saludo de impresión, y todo el trabajo de esta función era simplemente mostrar el texto. Eres muy bienvenido, y es muy, muy sencillo. Tienes la función y luego tienes el nombre de la función. Tendrás tus corchetes, y luego tendrás los Colibrs abiertos para introducir HTML, lo cierras, y luego aquí mismo, aquí es donde se llama a la función Bien, déjame mostrarte algo más aquí mismo. Si voy a phb.net y luego le doy un vistazo a la referencia de función, aquí mismo, verá todas las funciones preconstruidas disponibles con PHP Ahora bien, esto se puede usar para hacer tantas cosas como, ya sabes, verificar la fecha de hoy, puede verificar si un usuario está conectado y así sucesivamente. Y luego aquí abajo, si te desplazas por ahí, comienzas a ver los diferentes tipos de extensiones. Aquí mismo, tiene la extensión relacionada con la fecha y hora. Entonces, si quieres hacer algo con el tiempo, aquí es donde tendrás las funciones disponibles. Ahora, una de ellas es la función de fecha. Muy, muy, muy directo. Simplemente muestra la fecha. Ahora hay diferentes formas de cómo podrías elegir mostrar la fecha. Entonces como ejemplo, aquí abajo, tienes acceso a los diferentes ejemplos. Entonces, si dijiste fecha de eco y luego entre paréntesis, tienes L, esto simplemente imprimiría algo como lunes, martes, miércoles. Si quisieras algo diferente, como, digamos, el lunes, ocho de agosto de 2005 y luego la hora, usarías algo como esto y así sucesivamente. Bien, voy a ir a mi archivo del Bloc de Notas aquí. Déjame agarrar esto muy rápido. Ve aquí mismo a mi encabezado punto Php. Y voy a seguir adelante ahora y abrir esto. Déjame pegar el código ahí mismo. Entonces lo que estoy haciendo ahora mismo es que simplemente me estoy eco de la fecha de hoy en mi cabecera Voy a seguir adelante ahora y guardar esto volvamos al navegador, vuelve aquí hace referencia a la página, y ahí tienes. Lunes, 31 de Mayo de 2021. Ahora fíjate que no tuve que crear una función ni nada por el estilo. Todo lo que simplemente necesito hacer era usar la función PHP real directamente date. Entonces esto es de Pat directamente, y simplemente usé Echo para imprimir la fecha en este formato en particular. Entonces esa es una manera de cómo puedes crear tus propias funciones. O utilizo funciones directamente desde PHP, pero ¿y si quisieras usar tus propias funciones, verdad? Aquí está la cosa. Con Wtpress, ya tenemos acceso a una muy amplia variedad de funciones PHP Ahora bien, si vas a desarrollador hacer wbpress.org, y luego las buscas funciones, ahí mismo, tendrás un poco más de explicación sobre las funciones del archivo PHP y cosas así Ahora, todo el trabajo de las funciones son como plugins. Los plugins se utilizan para realizar ciertos tipos de acciones en nuestro sitio web. Podrías tener un plugin que haga algo muy, muy simple, y por supuesto, podrías elegir instalar ese plugin. Pero ¿adivina qué? Incluso podrías escribir una función, tu propia función que haga exactamente lo que se supone que debe hacer ese complemento. Entonces, en otras palabras, si eres capaz de escribir tus propias funciones, no necesitarás ciertos tipos de complementos. Entonces, como ejemplo, échale un vistazo a esto, voy a abrir esto. Aquí mismo, tienes tu referencia funcional bajo Watpress Ahora, al igual que con PHP que tiene varias funciones preconstruidas, WatPress también tiene su propio conjunto de funciones preconstruidas que puedes usar para crear tu propio nuevo conjunto de funciones o simplemente puedes personalizarlas Entonces aquí mismo bajo la referencia funcional, tienes acceso a un montón de funciones. Tienes los que están debajo de las publicaciones o las páginas de tipos de publicaciones personalizadas. Entonces, cualquier cosa relacionada con una página o un post y así sucesivamente, tendrás todas las funciones aquí mismo, y luego las categorías y etiquetas, las tienes aquí también. Vamos a enfriar. Se pueden ver tantos. Y luego cualquier cosa relacionada con el usuario, dirección de correo electrónico, contraseña , cosas así, las tendrás aquí. Tienes tus funciones de feed, y luego tienes cualquier cosa relacionada con comentarios, pin back, funciones de seguimiento, etc. Te desplazas hasta aquí abajo. Usted tiene las funciones de la ulta y así sucesivamente y así sucesivamente. Bien, con eso dicho, vamos a crear una función muy, muy sencilla. Eso verificará para ver si un usuario ha iniciado sesión o desconectado. Ahora, aquí mismo, en realidad tenemos tal función que se llama I user logged in. Todo lo que hace es que comprueba si un usuario está bloqueado o bloqueado, y luego puedes hacer lo que quieras que haga la función. Así que déjame ir aquí a mi archivo, y voy a agarrar este código muy rápido. Volvamos a nuestro archivo de Bloc de notas aquí mismo. Voy a quitar esto. Déjame pegar esto aquí y déjame explicarte exactamente qué está pasando aquí. Entonces lo que tenemos aquí es un código PHP muy simple que comprueba para ver si un usuario está conectado. Y luego si el usuario está logueado, vamos a hacer eco de bienvenida al usuario registrado. De lo contrario, si el usuario no está conectado, solo diga bienvenido visitante. Entonces esto es a lo que nos referimos como una declaración condicional o una función condicional si lo prefieres. Básicamente, estamos ofreciendo dos alternativas. Es o bien el usuario está conectado y si el usuario está bloqueado, entonces solo di bienvenido usuario registrado. Pero si el usuario no está encerrado, entonces solo di bienvenido visitante. Voy a seguir adelante ahora para salvar esto y veamos qué va a hacer. Voy a ir a mi navegador Firefox aquí. Ahora, como pueden ver ahora mismo, estoy encerrado. No he iniciado sesión. Entonces déjame refrescarme, y puedes ver que dice bienvenido visitante porque no estoy encerrado. Sin embargo, si voy a mi navegador Chrome, derecho, puedes ver que en realidad estoy conectado ahora mismo como administrador. Si me refresco, ahora va a decir bienvenido usuario registrado. Entonces puedes ver ahora mismo que la función realmente funciona correctamente. Ahora, volviendo a WordPress aquí mismo, hay tantas funciones aquí que te permitirán hacer tantas cosas. Se puede verificar para ver si el usuario está usando un dispositivo móvil o no. Puedes imprimir el título de una publicación. Puedes verificar si una publicación tiene una imagen destacada y así sucesivamente. Entonces lo que hemos hecho en este video en particular es simplemente funciones muy, muy, muy simples para hacer ciertas cosas. Unirse al video de VNEx donde ahora echamos un vistazo a las funciones más avanzadas 9. Acciones y filtros: Ahora echemos un vistazo a algunas funciones más avanzadas y específicamente engancha acciones y filtros. ¿Qué son exactamente estos? Un gancho es un término muy genérico que se utiliza para describir una ubicación o un lugar donde una pieza de código puede interactuar con otra pieza de código. Ahora, no te preocupes, verás lo que estoy hablando en un momento. Ahora, cuando se trata de ganchos, generalmente hay dos tipos. Tienes acciones, y luego tienes filtros. Una acción literalmente hace algo. Entonces digamos, por ejemplo, querías crear un escenario en el que una vez que hayas publicado una nueva publicación en tu sitio web, quieras que Watpress envíe un tweet a todos tus suscriptores La acción de enviar ese tuit es una acción, ¿verdad? Entonces básicamente, eso es lo que son las acciones. Y aquí mismo, si vas al Códice Watpress y buscas la referencia de acción, aquí, verás una lista completa de diferentes acciones que ya han sido creadas por Watpress las cuales harán algo por ti en un momento determinado Entonces digamos, por ejemplo, querías hacer algo antes de que se cargue el tema. Esto, por supuesto, serían cosas avanzadas. Pero aquí mismo, tienes la acción llamada setup Underscore theme Cuando ejecutas esta acción, podrías hacer algo antes de que se cargue el tema. Puedes usar esta acción, registrar barra lateral para básicamente crear barras laterales y así sucesivamente. Pero ¿qué pasa con un filtro? utiliza un filtro para modificar los datos antes de que se usen o se muestren en su navegador. Eso es básicamente lo que son los filtros. Entonces filtros, cambian las cosas. Cambian cosas. De hecho, una manera muy fácil describir acciones sería que hagan cosas mientras los filtros cambian cosas. Otra diferencia importante entre acciones y filtros es que una acción no le proporcionaría ningún dato con el que trabajar. Las acciones solo actúan. Hacen su trabajo y luego salen. Los filtros, por otro lado, te darán algo, te darán un dato con el que trabajar antes de que ahora ejecuten la función. Un ejemplo clásico sería el típico excepto que tienes para wordpress. Por defecto, creo que son unas 50 palabras. De 55 palabras que wordpress usaría para tu extracto, si quisieras cambiar el número de palabras en tu extracto de publicación, necesitarás usar un filtro porque necesitas tener en tus manos el except primero y luego modificar el número de palabras, y luego pasarás tu modificación nuevamente al filtro, que Echemos un vistazo a algunos ejemplos aquí de una acción y un filtro. Y ahora mismo, ya escribí una función, así que permítanme agarrar rápidamente eso aquí mismo. Y claro, vamos a ir a nuestras funciones PHP, porque aquí es donde normalmente agregaríamos nuestras acciones y filtros. Entonces, ¿qué está pasando aquí? Por cierto, no estoy seguro si he mencionado esto, pero otra forma de agregar comentarios en tu pit paper solo sería agregar el slash hacia adelante dos veces, y luego puedes agregar tu texto o tus comentarios Entonces lo que estoy tratando de hacer aquí es que estoy tratando agregar una declaración que aparecerá en la portada. Pero entonces si no está en la portada, no hagas nada. Entonces esto es justo aquí. La función se llama añadir texto promocional. Ese es el nombre de mi función. Y ya puedes ver, he añadido el comentario que dice, Si no estamos en la página de inicio, no hagas nada. De lo contrario, si no es la portada, entonces quiero que regreses o impriman Hot promo está de vuelta otra vez. Entonces, para llevar esto un poco más lejos, estoy usando Echo para imprimir la declaración. Hot promo está de vuelta otra vez. Pero luego también estamos usando las etiquetas H dos para envolverlo y hacerlo un poco más grande. Entonces, una vez más, mira esto. Estoy diciendo que mi función se llama ad promo text, ¿verdad? De hecho, déjame ampliar esto solo un poco para que lo veas un poco más claro. Entonces, una vez más, el nombre de la función es Ad promo text, ¿de acuerdo? Y el trabajo de esta función es hacer eco Hot promo está de vuelta otra vez solo en la página principal porque ahora mismo dice, si no estamos en la página principal, no hagamos nada. De lo contrario, si estamos en la página de inicio, entonces haz eco de esto. Esa es la función. No obstante, ahora necesitamos agregarlo como una acción, y esa es la declaración aquí mismo. De hecho, en realidad incluso puedes tener esta acción de agregar en la parte inferior. Bien. Entonces a veces es posible que veas algunos desarrolladores agregando la acción primero y luego la función. En otros casos, tendrás primero la función y luego la acción. Entonces tenemos esta acción real o función misma llamada add action. Y para agregar acción, se requieren dos parámetros. El primero básicamente va a ser el nombre de la acción. En este caso, ahora mismo, es después encabezado y luego el nombre de la función, que en este caso es agregar texto promocional. Bien, hemos escrito la función. Hemos agregado la acción. Pero ahora, ¿cómo ejecutamos realmente esta acción? Tenga en cuenta que el simple hecho de crear una función por sí sola no significa necesariamente que se ejecutará. Es necesario llamar a la función. Necesitas ejecutar la función tú mismo. Entonces, ¿cómo vamos a ejecutar esto? Bueno, déjeme seguir adelante y guardar esto antes que nada. ¿Bien? Y luego déjame agarrar rápidamente el código aquí mismo muy rápido. Hacer acción. Voy a ir a mi cabecera punto PHP, y aquí mismo es donde queremos imprimir la declaración. Entonces voy a decir PHP. Voy a pegar el código. Agregar mi punto y coma y luego cerraré el código PHB. Esta función aquí mismo, hacer acción. Esta es ahora la función utilizada para llamar a una acción que ya hemos creado. Y en este caso, ahora mismo, el nombre de la acción, volviendo a la función punto PHB es ¿qué? Después de cabecera. Ese es el nombre de la acción. Entonces aquí mismo, ahora estamos diciendo qué prensa hacer la acción llamada Después de encabezado de subrayado Voy a seguir adelante ahora para salvar esto, y veamos cuáles son los resultados. Volvamos a Qué prensa a mi sitio. Voy a refrescar la página. Y, bien, entonces ahora mismo, bien, estamos en la página principal, así que dice Hot promo está de vuelta otra vez. No obstante, si iba a ir al post para Pat P para prensa, se puede ver en este momento no hay ninguna promoción caliente está de vuelta otra vez. Vamos a la página de archivo, por ejemplo, puedes ver que no aparece hasta que volvamos a la página principal, y luego dice Hot promo está de vuelta otra vez. Entonces, para darte un resumen rápido, esta de aquí es la acción que hemos creado llamada después de encabezado Y cada vez que estás agregando una acción, necesitas, primer lugar, nombrar la acción, que es después del encabezado, y luego necesitas proporcionar la función que quieres que la acción se ejecute realmente. Esa función es agregar texto promocional, y esta de aquí es la función real. Y luego yendo a la página de punto de encabezado aquí es donde queremos llamar a esa acción que hemos creado. Y tenemos que hacerlo necesitamos usar la función llamada do action, y luego el nombre de la acción. Esto de aquí es lo que podrías llamar un gancho porque ahora estamos enganchando nuestro header dot PhP a nuestras funciones dot phB a través de la acción llamada After Underscore Eso es básicamente una acción en el trabajo. Bien. Ahora, volvamos. Y hablemos de filtros, ¿verdad? Ahora, al igual que con las acciones, filtros básicamente lo siento, nadie acciones, filtros modifican datos. Cambian los datos antes de que realmente se usen o se muestren en el navegador. Y al igual que con las acciones, tienes acceso a una amplia variedad de diferentes tipos de filtros. Y aquí mismo, se puede ver que muchos de ellos tienen filtros para páginas, publicaciones, tamaños de imagen, y así sucesivamente. Déjame darte un ejemplo muy, muy rápido. Digamos que queríamos cambiar el número de palabras en nuestro extracto Ahora mismo, el valor por defecto, creo que es de 55 caracteres. Pero digamos que queríamos hacer los excepto sólo cuatro personajes. ¿Cómo vamos a hacer eso? Quiero que se den cuenta, en primer lugar, de que existe una función llamada el extracto Esto de aquí mismo mostrará el extracto de la publicación por su cuenta, Téngalo en mente. Ahora, lo que voy a hacer es que voy a presentarles un filtro llamado extracto Longitud Este filtro aquí mismo ha sido creado por Lo pre específicamente para que podamos usar para modificar la longitud del extracto Puedes ver ahora mismo, yo filtra el número máximo de palabras en un extracto de post Echa un vistazo a esto. Voy a seguir adelante y agarrar mi código aquí mismo. Bien, vamos a nuestras funciones punto PHP. Y luego aquí abajo, voy a pegar eso. ¿Qué está pasando aquí? Tengo mi función llamada My Custom excepto Length. Y mira esto. Estoy devolviendo 30 caracteres, 30 palabras. Ahora, al igual que con agregar acción, estoy agregando mi filtro, y al igual que cuando usas la acción add, primero que nada necesitas proporcionar el nombre del filtro con el que estamos trabajando, que es lo que excepto longitud. Este es el filtro de qué prensa que estamos usando llamado except length. Y luego al igual que hacemos acción, ahora necesitas proporcionar el nombre de la función que estás usando para modificar el except, que es mi costumbre, excepto la longitud. No obstante, a diferencia de la acción donde teníamos que decir hacer acción y luego proporcionar el nombre de la acción porque ya tenemos una función llamada extracto No necesitamos hacer nada de eso. Todo lo que tenemos que hacer es llamar al extracto. Hemos escrito la función para modificar el except, así que todo lo que tenemos que hacer ahora mismo es simplemente llamar al extracto. ¿Y cómo lo hacemos? Vamos a nuestro contenido que está señalado PHP y aquí mismo, justo debajo del título Voy a decir PHP, el guión bajo Excepto Pip jo semi colon y cerrar Sigamos ahora, guarda el archivo. Y volvamos a nuestro navegador. Vamos a la página aquí mismo. Pasemos ahora a la página de una sola página aquí mismo. Y ahí está. Ese es nuestro excepto ahí mismo en 30 palabras. De hecho, confirmemos que es verdad. Voy a volver al cambio 324. Bien, solo para estar seguro de que en realidad es exacto. Vamos a guardar eso. Cuatro es mucho más fácil de contar que 30, así que vamos a refrescarnos. Y ahí tienes, uno, dos, tres, cuatro. Ese es un filtro en acción. Volvemos a usar el filtro porque necesitábamos tener en nuestras manos el except primero, y luego modificamos el número, y luego lo enviamos de vuelta. Otra cosa que quiero mencionar es que a hora de usar acciones o filtros, hacemos acciones, ¿verdad? Haces una acción. Esta es la función. Se llama hacer acción. Pero para los filtros, aplicamos filtros. Cuando estés revisando tus archivos de Watpress, verás aplicar filtros en algunas ubicaciones Si bien verás acciones, verás hacer acción. No haces filtros ni aplicas acciones. Haces acciones y aplicas filtros. Hay mucho más en las acciones y filtros, pero en este punto, tiene una comprensión básica de cómo funcionan y qué son. Gracias por mirar y nos vemos en la siguiente clase. 10. Variables y matrices: Ahora hablemos de variables y arrays PHP y cómo se usan en WordPress. Ahora, piensa en una variable como un contenedor que puede almacenar el valor de algo. Ese algo podría ser una función. Podría ser texto, podría ser un número, podría ser cualquier cosa. Ahora bien, según la documentación de aquí, las variables suelen estar representadas por el signo de dólar. Ahora, siempre me ha parecido bastante interesante como, ¿por qué? ¿Chooe símbolo del dólar como signo para una variable? No es importante. Ese es todo un tema para otro día. Pero por lo general, tendrá una variable que comenzará con el signo de dólar, y luego tendrá el nombre real de la variable. Entonces así es como se puede identificar una variable. Y hay diferentes tipos de variables utilizadas en PHP. Tienes números enteros. Los enteros serían tus números, cero, uno, dos, tres, tienes cadena cadena sería tu texto También tienes tus variables de lingotes, que serían verdaderas o falsas, y así sucesivamente Ahora, desplazándote hacia abajo aquí, puedes ver ejemplos. Primer ejemplo aquí, tienes variable, VAR igual a bob por lo que el valor de la variable VAR es Bob Y luego fíjese en el segundo aquí que tiene el valor de Jo. Esta variable aquí tiene la V. mayúscula Así que tenga cuenta que los nombres de las variables distinguen entre mayúsculas y minúsculas. Si una es letra minúscula, la otra es capituletor, esas son dos variables completamente distintas Entonces cuando intentes hacer eco de estas variables, vas a tener a Bob y Joe. Y de hecho, déjame darte un ejemplo vivo aquí dentro. Ya escribí el código. Así que déjame ir a mi bloc de notas. Vamos a saltar aquí abajo, abrir mi PHP, volcar el código, y luego cerrar el PHB Entonces lo que tienes aquí ahora mismo es que he creado una variable llamada texto. Se puede ver el signo del dólar ahí mismo, texto equivale a PHP de por vida. Entonces esta es una variable de cadena, y ahora me estoy haciendo eco del texto Entonces en lugar de que yo escriba echo, PHP de por vida, simplemente me estoy haciendo eco del texto porque variable de texto tiene el valor de PHP de por vida Y claro, si guardo esto, vuelve a mi sitio web aquí mismo y refresco la página allá arriba, vas a ver PHP por vida, muy, muy sencillo. También puede asignar funciones a variables. Tengo otro ejemplo aquí. Yo he escrito. Esta es una función a la que hemos echado un vistazo antes, la que tiene la fecha. Así que déjame seguir adelante, abrir mis etiquetas PHP otra vez, volcar el código, cerrarlo ahí fuera. Nuevamente, hemos asignado una fecha variable para que sea igual a la función de la función de PHP date, y luego entre paréntesis, tenemos L, lo que significa que representará el día de hoy, básicamente. Voy a seguir adelante ahora para salvar esto. Y luego si vuelvo a mi sitio web ahí mismo y refresco la página, se puede ver que hoy es jueves. Así que la página B de por Vida y hoy es jueves. Entonces así es básicamente como funcionan las variables. Volviendo al manual aquí, tienen muchos más ejemplos sobre cómo se utilizan las variables. Pero pasemos ahora a la matriz porque esto es en realidad el más interesante. Entonces aquí, según la documentación, dice que array en PHP es en realidad un mapa ordenado. Un mapa es un tipo que asocia valores a claves. Como ejemplo, en este momento, tienes tu matriz aquí mismo. Tienes la llave, y entonces la clave tendrá su valor. Tienes la segunda clave que tendrá su propio valor y así sucesivamente. Básicamente, pensar en una matriz como una función particular o una variable que tiene un conjunto de atributos o características. Puedes pensar en tu texto habitual en tu sitio web, ¿verdad? Un texto puede tener una matriz, y esa matriz podría ser cosas como, Bien, queremos tener un color específico para este texto. Entonces ese color en este momento sería una clave, y entonces el color tendrá un valor. ¿Es de color rojo? ¿Es azul? ¿Es verde? Puedes tener el tamaño de fuente. Ese tamaño de fuente podría ser la clave. Entonces el valor podría ser de 26 píxeles, 30 píxeles. Podría tener una familia de fuentes, que sería Monstera Totaoma y así que eso es básicamente lo que es una matriz Encontrarás mucho arrays en WordPress, y sí tengo varios ejemplos ahí para mostrarte si voy a mis funciones punto PHP, aquí mismo, esta es la función para registrar una barra lateral, ¿verdad? Entonces se llama widgets 2021, y luego esta es la barra lateral de registro de funciones preconstruida real barra lateral de registro de funciones Pero ahora sabed que tenemos el Ay. Y en la A, ahora tenemos varias claves, que sería el nombre. Por ejemplo, ¿cuál es el nombre de la barra lateral? Oh, el valor es, se llama pie de página. ¿Cuál es la identificación? El ID es uno de la barra lateral. ¿Cuál es el título antes? Vamos a envolver una clase H dos antes del título y luego envolver la etiqueta de cierre H dos después del título y así sucesivamente. Entonces ahí mismo, tienes la matriz con las claves y luego los valores de esas claves. Te voy a dar otro ejemplo aquí arriba, y éste en realidad es muy, muy, muy interesante. Justo aquí. Entonces tienes esta función llamada agregar soporte de tema. Esta es una función de precompilación con Wordpres que te permite agregar nuestras opciones de personalización a Ahora, en este caso, ahora mismo, estamos agregando el soporte para un fondo personalizado. Te voy a enseñar algo muy, muy bueno porque quiero que veas cómo funciona esto en realidad. Si voy a personalizar, esto es para el tema 20 y 21 solo para recordarte, si voy a personalizar aquí mismo, y vamos a mis disculpas, mi Internet está actuando de nuevo raro hoy Bien, así que si pasamos a los colores en modo oscuro, aquí mismo, ves el color de fondo. Tenemos la capacidad de personalizar el color de fondo debido a esta función aquí mismo. En soporte de cuatro colores de fondo personalizados. Ahora, mira esto. el color rojo predeterminado se establece en d1e4 DD, que es como un tono claro de Si vuelvo a mi página web aquí mismo, ¿ves el color de fondo? Este es el valor por defecto. Y cuando hago clic ahí, cuál es el valor de14 DD. Está justo aquí. Pero fíjense que aquí abajo, tenemos otros colores que podemos elegir rápidamente. Tienes el color negro. Tienes otra tonalidad de negro. Tienes como rosa y así sucesivamente. Todos estos valores están justo aquí. ¿Los ves? Esta es la variable negra que tiene este valor, gris oscuro tiene ese valor, naranja tiene ese valor, y así sucesivamente. Entonces la cosa es que, a medida que comienzas a trabajar con WordPress, te encontrarás con variables y siempre son muy, muy comunes. Abre tu función punto HB de cualquier tema, y los verás por todas partes lejos, camino, verás las claves, y luego verás los valores de esas claves. Entonces esa es una introducción muy breve al mundo de las variables y Rayos. Gracias por ver. Te veo en la próxima. 11. El bucle de wordpress: Sin costo sobre Qué prensa y PHP estarían completos sin hablar de posiblemente la función más poderosa de toda What press, que es el bucle de WordPress ¿Qué es exactamente esto? Tengo algunos libros aquí conmigo, y no te preocupes. No estoy tratando de venderte a ti. Tengo tres libros aquí, cierto, y cada uno de estos libros tiene su propio título. Tienen su propio autor, su propio número de páginas, su propia clasificación, etc. Imaginemos que eras bibliotecario y era tu responsabilidad registrar toda esta información sobre todos y cada uno de estos libros. Podrías hacerlo manualmente. Pero, ¿y si realmente pudieras crear una función o un programa que pudiera escanear estos libros y luego sacar automáticamente la información que deseas? Eso sería genial, ¿verdad? Ahora, piensa en estos libros como tus publicaciones de What Press. Piensa en ese programa que puede escanear estas publicaciones y mostrar la información como el bucle What press. Entonces el trabajo del loop es básicamente entrar en tus posts y luego empezar a escoger la información, el título del post, el autor del post, la fecha del post, y luego lo mostraremos en tu sitio web. Eso es básicamente lo que hace el loop. Ahora, sí tengo otro artículo aquí, ¿qué puede mostrar el loop? Se puede mostrar el siguiente enlace post, el enlace post anterior, la categoría del post, el autor, el contenido que aceptan, el ID, la etiqueta de enlace corto, tiempo de título. También funciona con etiquetas condicionales. Si esta es la página de inicio, entonces muestra esto. Si esta no es la página de inicio, hazlo y así sucesivamente. Ahora, déjame abrir mi archivo de bloc de notas aquí y aquí mismo, si abres tu punto índice PhB, de hecho, cualquier tema de WordPress, no me importa lo sofisticado que sea el tema, vas a tener un bucle en tu índice de punto PHP Y aquí mismo, este es el bucle mientras medio publicado, parte de I medio post. Básicamente decimos, si el sitio web tiene publicaciones, y mientras siga teniendo publicaciones, entonces haga esto. Ahora bien, dijiste esta función llamada get template pot. Esto es básicamente una función que enlaza archivo 11 con otro archivo. Entonces estamos vinculando el punto índice p ahora mismo al archivo PHP de punto de contenido, que está dentro de lo que tienes aquí, tu contenido ese archivo PHP de punto único. Así que estamos vinculando el índice del archivo PG aquí a este archivo en particular aquí mismo. Entonces una vez que el bucle ha comenzado en el índice de PHP, aquí es donde ahora comenzamos a generar la información. Entonces tenemos el título. Tienes la miniatura. Tienes el contenido y así sucesivamente. Ahora, por supuesto, puedes personalizar el bucle de prensa Wat para mostrar ciertos tipos de información. Se le puede decir al bucle que, oye, en vez de mostrar todas las publicaciones, mostrar publicaciones solo de esta categoría en particular. En lugar de mostrar publicaciones, ¿por qué no mostrar mi tipo de publicación personalizada de películas De hecho, he escrito un ejemplo aquí solo para mostrarte muy rápido cómo podría parecer. Así que déjame tirarlo aquí mismo, muy rápido. Así que ahora mismo, se puede ver que hemos hecho lo que hemos creado una variable llamada gs. Esto también podría llamar a este bucle, bucle personalizado y así sucesivamente, pero para los propósitos de este video, he nombrado mi variable gs, y esta variable ahora tiene una matriz. Hablamos de las AR anteriormente, y mira las claves. El primero de aquí es el tipo de publicación. Entonces ahora le estoy diciendo al bucle que, Oye, escoge la información del tipo de publicación de películas. Ahora bien , no estamos tratando con la publicación de prensa regular de Wat, estamos tratando con películas. Y luego para el nombre de la categoría, elige películas que sean de la categoría específica de películas de acción únicamente, ¿verdad? Y luego publicar por página que está en este bucle, sólo se muestran tres películas. Así sería como puedes personalizar el bucle Qué prensa. Entonces nuevamente, el trabajo del loop es entrar en tus posts o cualquier post personalizado en el que lo hayas configurado para enfocarte y luego comienza a escoger la información que deseas, el número de posts, la categoría de los posts, y así sucesivamente. Y luego usando nuestras etiquetas de plantilla como el título, el ex servir el contenido, entonces podemos dictar qué información debe mostrar el bucle Así es básicamente como funciona el bucle. Hay, por supuesto, mucho más en el bucle de WordPress. Entraré, por supuesto, en mi curso principal de desarrollo de temas de WordPress. Pero por ahora, creo que he podido darte una breve introducción al bucle de WordPress y lo que hace y cómo funciona realmente. Gracias por mirar, y nos vemos en la siguiente clase. 12. Qué es javascript: JavaScript es básicamente uno de los lenguajes de programación más populares del mundo hoy en día. Está en todas partes. Encontraría JavaScript en sus navegadores web, sitios web, aplicaciones web , aplicaciones de terceros, etc. Ahora, cada vez que piensas en código o una función que agrega un poco de dinamismo o emoción a un sitio web, lo más probable es que sea JavaScript funcionando detrás de escena Si miras los sitios web de comercio electrónico donde hacen uso de cosas como cupones, más probable es que sean JavaScript, calculadoras interactivas Siempre que veas cosas como galerías, deslizadores o situaciones un usuario hace clic en un botón y el botón se expande o se encoge, ese tipo de animaciones suelen ser ejecutadas por JavaScript Déjenme darles un ejemplo aquí. Este es uno de mis sitios web, Lab Cyber , y pueden ver, tengo esta galería aquí. Y cuando pongo el cursor sobre una imagen, puedes ver que se expande, y luego tienes un poco de texto que sale. Eso es básicamente JavaScript. JavaScript también se usa en situaciones que llamamos basadas en eventos. Básicamente, estas son situaciones en las que tal vez el usuario redimensiona el tamaño de la ventana o tal vez use su mouse para hacer clic en un botón Para demostrarlo, permítame traerles otro sitio web aquí. Se trata de W tres Escuelas. Y aquí mismo, echa un vistazo a lo que sucede cuando hago clic en el botón Tread yourself aquí. Yo hago clic ahí, y ahora tienes el navegador diciendo 11. Eso es básicamente Gyroscript trabajando detrás de escena. Entonces, cada vez que piensas en código que agrega un poco de emoción, animación, dinamismo, alguna funcionalidad robusta, eso normalmente va a ser Gyroscript trabajando 13. Marcos y bibliotecas de Javascript: Ahora hablemos de frameworks y bibliotecas de JavaScript porque esto es algo lo que escucharás mucho. frameworks y bibliotecas de JavaScript son básicamente fragmentos de código preescrito que puedes reutilizar en tu sitio tanto como quieras, pero hay una diferencia significativa entre una biblioteca y un framework Déjame darte una analogía. Digamos, por ejemplo, que querías preparar pasta, espaguetis, ¿verdad? Lo que necesitarías básicamente sería una olla de agua hirviendo, tal vez un poco de aceite, algo de sal y tu pasta real, ¿verdad? Eso sería una biblioteca. Una biblioteca básicamente te da acceso a código que logra un tipo particular de funcionalidad. Para darte una analogía basada en la web, tal vez querías crear una animación en tu sitio, que cuando el usuario hace clic en una imagen, tal vez se expande o se desvanece, o se desvanece, ese es un tipo de funcionalidad muy, muy específica Encontraría ese tipo de código para dicha funcionalidad. En una biblioteca como Jquery, jQuery es uno de los ejemplos más populares de bibliotecas JavaScript. Pero un marco, volviendo a la analogía del pastor, en vez de que tengas acceso a tu pasta, a la olla, al agua, al aceite de sal, bien, a todas las cosas que necesitas para hacer la pasta No vamos, imagen de que tienes acceso a toda una cocina. Tienes la parrilla ahí mismo. Tienes otras ollas y salsas y tienes ketchup, huevos, Tienes, como, cocina totalmente surtida. Eso es básicamente lo que sería un marco. Un framework le permite desarrollar un sitio web completo desde cero. Entonces esa es una diferencia significativa entre un framework y una biblioteca. Framework te da acceso a una variedad muy amplia de funciones que quizás ni siquiera uses eventualmente, pero la biblioteca te daremos acceso a código muy específico que puedes usar y para lograr un tipo particular de funcionalidad. Ahora en términos de frameworks, oirías frameworks como angular JS, y así sucesivamente. Para las bibliotecas, hay dos muy, muy populares. Tienes jQuery, y tienes a Jason. JSN se utiliza típicamente para desarrollar aplicaciones de terceros. Jaqery sería más para tus, me gusta, animaciones en tu sitio Pero también hay otro llamado JavaScript React. Estas son bibliotecas JavaScript muy, muy populares. 14. Diferencia entre JavaScript y PHP: Ahora hablemos de la diferencia entre PHP y JavaScript. En el gran esquema de las cosas, lo que respecta a Watpress, PHP sería el más importante de los dos idiomas Eso es porque el propio Watpress está desarrollado en PHP, pero JavaScript todavía juega un papel muy, muy significativo Una gran diferencia entre PHP y JavaScript, sin embargo, es el hecho de que mientras PHP está basado en servidor, JavaScript va a estar basado en el cliente. Lo que esto simplemente significa es que cuando PHP está involucrado, se tiene que enviar una solicitud desde su sitio web a su servidor web para que esa solicitud sea otorgada o denegada. Pero en el caso de JavaScript, tu servidor no va a estar involucrado en absoluto. Básicamente es el navegador del usuario que accede a tu sitio. Déjenme dar un ejemplo aquí, ¿de acuerdo? Estoy en mi blog justo aquí. Estoy en la página principal. Si tuviera que hacer clic en Cómo decidir el blog de Wordpress, hago clic en este enlace ahora mismo, se puede ver la actualización de la página, y ahora tenemos acceso a una nueva página. Eso es básicamente PHP funcionando porque cuando hice clic en el enlace de aquí mismo, la solicitud para acceder a esta publicación fue enviada a mi servidor web Mi servidor web concedió la solicitud, y ahora tengo acceso al contenido del post. Esto es PHP. Pero en los casos en que se refiere JavaScript, tales solicitudes nunca llegarán al servidor. Básicamente va a ser el navegador el que interpretará el código. Entonces otra forma de verlo es que código PHP es interpretado por servidores web, mientras que el código JavaScript es interpretado por los navegadores. Y como resultado, el código JavaScript normalmente se ejecuta mucho más rápido que el código PHB porque la solicitud no tiene que ir a mi servidor web en algún lugar del mundo por ahí No, la solicitud va a ser manejada directamente en el navegador web cuando se trate de JavaScript. Ahora puedes pensar que, bien, si el código JavaScript es más rápido que PHP, entonces eso significa que JavaScript siempre es mejor, ¿verdad? Bueno, la respuesta es no. Jaroscript en realidad tiene algunos temas muy, muy significativos Uno es el hecho de que recuerden dije que es el navegador del usuario que accede a su sitio el que interpretará el código JavaScript. Bueno, ¿y si Jaascript no está habilitado en el navegador del usuario Tu código Jaroscript no funcionará, y hay una razón por la que mucha gente tiende a no querer activar Jaroscript en sus navegadores porque hay ataques muy populares, uno en particular conocido como el Se trata de un ciberataque muy, muy potente basado en la web en sitios web que explotan el uso de código malicioso de Jaroscript Básicamente, el hacker podría insertar código malicioso en el navegador de la víctima. Entonces, cuando la víctima visita el sitio, el navegador ejecuta el código malicioso Hay una razón por la que estos ataques son muy, muy, muy populares y como tal, muchos usuarios tienden a querer deshabilitar Gyroscript en su navegador Por lo que Gyroscript depende en gran medida de si el navegador del usuario que accede a su sitio realmente ha activado Gyroscript o no del usuario que accede a su sitio realmente ha activado Gyroscript Así que por favor tenlo en cuenta. Gyroscript puede ser más rápido que PHP, pero no siempre es mejor 15. Cómo se usa javascript en wordpress: Bien, entonces ahora hablemos de cómo se usa Jaroscript dentro del propio Wordpress Encontrarías JavaScript en tantos temas y plugins, ¿verdad? Cualquier tipo de plugin que involucre cosas como animación, galerías, deslizadores, reproductor de video, reproductor de audio, cosas así Por lo general, encontrará código JavaScript en dichos complementos. JavaScript también se utiliza en el back end de los sitios web de wordpress.com Esta es en realidad la página de aquí , la nueva wordpress.com El back end se llama Calipso. Todo lo que encontrarías en el back end aquí en realidad está alimentado por JavaScript. Nuevamente, ten en cuenta que esto es específicamente para sitios web de wordpress.com Pero, ¿qué pasa con el sitio web real de wordpress.org? Bueno, siempre que vayas a las opciones de tema personalizadas, como lo que ves aquí mismo, cada vez que configures cosas como la identidad del sitio, tal vez cambies los menús. Dependiendo del tipo de tema que estés usando, verás otras opciones como, ya sabes, cambiar el tema, el color, el tamaño de tu texto, cosas así. Todo lo que básicamente ves aquí está dirigido por JavaScript. Es solo cuando hago los cambios aquí y luego le pego a Publicar, ahí es cuando entra en juego PHP porque ahora estoy enviando la solicitud a mi servidor web para publicar estos cambios que he realizado en mi sitio vía JavaScript. Ahí es cuando entra la página tres. Pero todos los cambios aquí directamente en el sitio donde estoy cambiando el menú, cambiando a la configuración de la página principal, agregando código a la cabeza uph cosas así Todo lo que hay aquí es alimentado por JavaScript. También tenemos la API de Wordpress Rest, la interfaz de programación de aplicaciones. El concepto en sí está mucho más allá del alcance de este tutorial, pero déjame darte una idea de lo que es. La API REST de Wordpress es básicamente una interfaz que permitiría a los desarrolladores acceder al back end de un sitio web de Wordpress sin tener que iniciar sesión directamente en el back end. Entonces la idea aquí es poder permitir a los desarrolladores integrar aplicaciones de terceros de otros sitios como tal vez YouTube o Google o Facebook o lo que sea, permitirles integrar aplicaciones de dichos sitios en el back end de Wordpress, pero sin tener que realmente iniciar sesión físicamente en el back end directamente de ese sitio. Esa es básicamente la API de Wordpress Rest. Esta es una versión muy muy simplificada o significado de lo que realmente es. Pero solo ten en cuenta que cada vez que escuches Wordpress Rest API, solo debes saber que JavaScript está funcionando detrás de escena. 16. Muestra de código de Javascript 1: Permítanme ahora presentarles dos ejemplos de código JavaScript muy simples solo para darle una idea de cuál es la sintaxis y cómo funciona detrás de escena. Ahora bien, el primer código que ves aquí, quiero que adivines lo que realmente estamos tratando de hacer. Puedes tomar una pista del documento punto derecho animal dot color. Cuando veas eso, ¿qué te viene a la mente? Si estás pensando, bueno, estamos tratando de exhibir o escribir el color del animal, estarías en lo cierto. Eso es exactamente lo que este código está destinado a hacer. Pero déjame desglosarlo más para ti. Ver, tenemos, en primer lugar, la variable animal, variable representada por VAR y luego animal. ¿Qué es una variable, verdad? Una variable sería algo o un elemento o un objeto sobre el que estamos tratando de realizar una acción. En este caso, ahora mismo, estamos tratando mostrar el color de nuestra variable, que es animal. Pero entonces tenemos algo que se llama el método. Los métodos son las acciones reales que estamos tratando de realizar. En este caso, ¿cuál es el método? El método es correcto. Estamos tratando de imprimir o mostrar el color del animal. Entonces ahora ya sabes cuál es la variable, ya sabes lo que es un método. Pero luego echa un vistazo. Tenemos este corchetes aquí, y luego dentro, tenemos tipo es igual a perro, color es igual a negro, raza igual a Labrador ¿Qué son exactamente estos? Bueno, tipo color raza son lo que llamamos propiedades. Propiedades de nuestro objeto, que es el animal, y estas propiedades tienen sus valores. El valor del tipo de propiedad es igual a perro. El valor del color de la propiedad es igual a negro, y el valor de la raza propiedad es igual a aprado, y todos están en una matriz Siempre puedes decir una matriz por los corchetes del collar y luego cuando tienes valor de propiedad valor de propiedad, eso es básicamente lo que llamamos una matriz. Entonces ahora, ya sabes lo que es una variable, sabes qué son los objetos. Ya sabes qué son las matrices, las propiedades, los valores y los métodos. Todo aquí en este momento, todo es a lo que se puede referir como una función. Nuestra función aquí mismo es que queremos mostrar el color de nuestro objeto, que es el de animal. 17. Código de muestra de Javascript 2: Ahora echemos un vistazo al segundo ejemplo que es un poco más avanzado, pero es el mismo concepto, ¿verdad? Tenemos nuestras variables aquí que son números constantes ahora. Entonces tenemos el número uno constante, NUM equivale a cinco. Entonces básicamente, el valor de nuestra variable de fuerza, que es num uno, que es una constante es cinco, y luego el valor de la segunda variable num dos, que también es una constante es tres. Eso ya lo hemos dicho. Hemos asignado valores a nuestras variables. Bien. He añadido un comentario aquí para decir eso, oye, queremos sumar estos dos números. Entonces ahora estamos diciendo, Bien, nuestra suma variable es igual a num uno más num dos. Básicamente, lo que estamos diciendo ahora mismo es que tenemos una nueva variable que se llama sum, y el valor de sum es igual a la suma de la variable uno y la variable dos. Es tan sencillo como eso. Y ahora queremos mostrar la suma en nuestra pantalla. Entonces, el registro de puntos de consola es otro método. Recuerde, el primer ejemplo fue documento punto derecho, consola dot log es básicamente otra forma de mostrar el valor de una variable. Así que el registro de puntos de consola en este momento es nuestro método. Y ahora entre paréntesis, estamos haciendo algo aquí llamado concatenación Aquí es donde tratamos de mostrar algún texto. Pero luego dentro de ese texto, en realidad tenemos valores de una variable que queremos mostrar también. Echa un vistazo muy, muy de cerca. El primer trozo de texto aquí es la suma de. Puedes ver que hemos agregado códigos por día. Se trata de un texto directo. Esto no tiene nada que ver con el código que hemos escrito antes. Esto es solo texto puro y simple directamente en la pantalla. La suma de y ahora hemos agregado más. El plus ahora mismo es que estamos tratando de ahora Uh, agregar el texto que acabamos de mostrar, más el valor de la variable num uno, que es cinco, ¿verdad? Y luego otro plus para agregar un nuevo texto, que es y otro plus para ahora sumar el valor de la variable num dos, y luego otro plus para agregar otro texto es entonces finalmente, estamos mostrando el valor de la variable sum, que es cinco más tres, que es ocho. Entonces, si tuviera que preguntarles cuál será ahora la salida de este código de aquí mismo, básicamente va a ser la suma de cinco y tres es ocho. Eso es básicamente lo que es el código. Obviamente, hay mucho más lejos, lejos, mucho más avanzados ejemplos de Javascript. Pero estos son dos ejemplos muy simples solo para darte una idea de cuáles son las sintaxis y cómo funciona Javascript detrás del pecado 18. Cómo agregar javascript a wordpres: Antes de redondear el video, quería guiarte a través de las diferentes formas en que puedes agregar JavaScript a tu sitio web de Whatpress Básicamente hay dos formas en las que puedes usar un complemento o puedes hacerlo manualmente. Déjame guiarte a través de la fase de plugins, en primer lugar, y hay muchos plugins, por supuesto, para agregar JavaScript a tu sitio web de Whatpress Pero lo mejor en mi humilde opinión sería el código WP. Insertar encabezados y pie como plugin por WP Code, muy, muy, muy popular. Más de 1 millón de instalaciones activas. Cuando hayas activado el plugin en tu sitio, verás el enlace de los fragmentos de código aquí mismo Simplemente puedes ir al encabezado y al enlace de Puta, y luego aquí mismo, puedes pegar cualquier código que quieras a tu encabezado, cuerpo o Puta. A modo de ejemplo, permítanme seguir adelante ahora y pegar un código muy, muy, muy sencillo aquí en la cabecera. Es sólo un guión para imprimir. Soy una etiqueta de script inline agregada al encabezado. Voy a seguir adelante ahora para guardar mis cambios. Y si tuviera que ver mi sitio, ya pueden ver que tenemos el texto ahí mismo. Soy una etiqueta de script en línea agregada al encabezado. Esta es una forma muy, muy, muy sencilla de agregar código JavaScript a tu sitio web de Wtpress Pero, ¿y si no quisiéramos usar un plugin, y quisiéramos hacerlo manualmente? Bueno, podría simplemente agarrar este código otra vez, solo me lo corté por completo. Guardar cambios. Regrese al sitio, actualice la página, asegúrese de que no se muestre. Bien. Si quisiera agregar ese código manualmente, simplemente podría hacerlo a través de FTP. Estoy en mi software Notepad plus plus aquí. Estoy conectado al sitio. Podría ir directamente a mi archivo PhP de punto de encabezado para el tema 2021 que estoy usando. Y entonces aquí mismo, simplemente podría seguir adelante ahora y pegar el código. Puedes ver el código aquí mismo, documento script punto a la derecha. Soy una etiqueta script inline, agregada al encabezado. Bien. Voy a seguir adelante ahora y guardar el archivo. Y si tuviera que volver a mi sitio y refrescar la página, ahí tienes. Tengo el código Gyroscript imprimiendo el texto. Pero la verdad es que esta no es la forma más limpia y eficiente de agregar código JavaScript. Normalmente, no quieres agregar este tipo de scripts directamente a tu encabezado o a tu Puta. En algunos casos, podrías salirte con la tuya, pero la mejor manera sería que realmente vayas a tu archivo PHP de funciones y escribas el código allí correctamente. Entonces lo que voy a hacer es esto, bien, déjame seguir adelante y quitar el código script de mi encabezado, guardar mis cambios. Y lo que voy a hacer ahora mismo es que voy a abrir las funciones punto archivo PHP para mi tema 2021. Por cierto, déjame solo agregar que si vas a hacer esto en el sitio web de Av, siempre es mejor hacerlo con un tema hijo. Entonces, si quieres hacer esos cambios en el tema de tu hijo, las funciones puntean el archivo PHP y no el tema principal real que estás usando, así que solo tenlo en cuenta. Bien, estoy en mis funciones de archivo Petri aquí. Voy a seguir adelante ahora y pegar el código mucho mejorado. Ahora mismo, pueden ver que he agregado el texto que dice guión interior, impreso en la cabecera. Yo he hecho la acción publicitaria. Ahora porque estamos agregando esta etiqueta al encabezado, vamos a hacer uso de esta etiqueta de Wordpress aquí, cabeza de WP. Tengo el nombre personalizado para mi función que he llamado test Adscript y luego WPed y ahora aquí es donde realmente estoy creando la función para imprimir el Dice función y luego otra vez, el mismo nombre prueba en script WP head, y ahora tengo el script real aquí mismo. Y, por supuesto, he encerrado todo en etiquetas PHP. Voy a seguir adelante ahora y guardar el archivo, y luego dejarme volver aquí, refrescar la página. Y ahora pueden ver ahora tengo el código script jaa imprimiendo de nuevo el texto en la cabecera De nuevo, podrías salirte con la tuya con solo agregar tus etiquetas de script directamente a tu encabezado, pero una forma más limpia será que realmente vayas a tu función en el archivo Patri y escriba el código adecuado, cree una función para trabajar con su código de script Gyro 19. Cómo encodar JavaScript: El último método de trabajar con archivos Gyroscript en su sitio web Wpress es en realidad la forma más recomendada y adecuada de trabajar con Gyroscript y en cuanto a hacer uso de esta función, que es la función de script WP La razón por la que este es el método más recomendado es porque Watpress normalmente tiene una forma muy estructurada y definida de cargar scripts en su sitio web de Wtpres Y la razón por la que Whatpress hace esto es porque imagínate que intentas cargar, digamos, cuatro scripts en tu encabezado, lo mejor tienes un script para Google para tus propósitos SEA A lo mejor tienes otro guión que rastrea qué enlaces tus visitantes hacen clic en tu página de inicio, cosas así Imagina que tienes cuatro o cinco scripts cargando en tu encabezado. Siempre existe el potencial que pueda haber un conflicto donde se tenga un guión chocando con otro Pero cuando pones en cola tus scripts, cuando usas esta función para poner en cola tus guiones, básicamente estás diciendo: Oye, ¿qué prensa? Este es un archivo de script gyro con el que quiero trabajar. Se lo estás dando a What press. Qué prensa lo tomará, y luego decidiremos cuándo mejor cargar ese script en particular para que no entre en conflicto con otro guión. Esta es, nuevamente, la forma más eficiente, más pura y limpia de cargar tus archivos de script en tu sitio web de Whats Déjame traer de vuelta el Bloc de notas más pus aquí y mostrarte esto en acción ¿Ves? Estoy bien con el tema 21 aquí mismo y mira por aquí a la derecha dentro de esta carpeta que dice assets. Si lo abrí, ahora mismo, verán que tengo otra carpeta aquí llamada JS. Estos son los archivos giroscópicos que viene con el tema 2021 por defecto. Abrí esto, y ahora mismo verás todos los archivos aquí, punto JS personalizado, pv dot JS personalizado, y así sucesivamente. Mira este de aquí mismo, punto de navegación principal JS. Este es el archivo Gyroscript que controla la navegación del menú principal en nuestro Y cuando lo abro aquí mismo, puedo ver todo el código JavaScript, muy, muy, bastante complejo. Sabes, podría llamarlo un código bastante complejo, pero ahí está justo aquí. Entonces tienes todos estos archivos aquí. ¿Cómo hace Wordpress ahora en realidad gravar estos archivos? Si vuelvo a mis funciones ese archivo PHP nuevamente para el tema 2021, ahora mismo, aquí es donde comenzarás a ver los scripts que se están cargando aquí mismo. ¿Ves el script de navegación principal? Dice, Bien, ya tengo suficiente menú. Lo que básicamente está diciendo es que si el usuario, si el usuario de Wordpress ha creado un menú primario para el sitio web, ahora que el script. Se puede ver en este momento estamos incluyendo el script aquí mismo, navegación primaria punto JS. Ese es el archivo de aquí mismo. Este es el código. En una función ese archivo PTR que realmente carga el archivo Gyroscript aquí mismo, y ves otros aquí también Tienes el script NQ para el embed responsive Js. Este es el archivo aquí mismo, tablero responsivo Embedojs y así sucesivamente y así sucesivamente Entonces, sea cual sea el tema que estés usando, te animaría a echar un vistazo a los archivos de tema, tratar de localizar la carpeta Gyroscript que contiene todos los archivos Jaroscrip para ese tema en particular, y luego ir a las funciones del archivo PT e intentar ver dónde se están cargando realmente esos archivos Pero una vez más, cuando se trata de cargar archivos de script en el sitio web de su oficina, este es, con mucho, el método más eficiente de 20. Conclusión: Bueno, entonces eso es todo. Hemos llegado al final de este curso, aprende PHP para WordPress. Y desde el fondo de mi corazón, sinceramente espero que hayan disfrutado y hayan encontrado útil el curso. Si lo hiciste, por favor considera dejar una reseña para el curso. Realmente me ayudaría mucho. Y si te interesa, como te he mencionado en el video anterior, sí tengo un curso completo que te enseñará a convertirte en desarrollador de WordPress. Entonces, si te interesa, asegúrate de revisar el curso. Muchas gracias. Si tienes alguna duda sobre algo que cubrió en este curso, asegúrate de hacérmelo saber y haré todo lo posible para responderlas lo antes posible. Mi nombre es Alex. Ha sido un placer tomarte a ti mismo, y hablaré contigo la próxima vez. Jess.