PHP Learning para desarrollar WordPress: una guía completa

Por lo tanto, tiene un sitio web de WordPress y ha cambiado su tema, lee un poco sobre las etiquetas de las plantillas y puede Y ahora desea llevar sus habilidades al siguiente nivel y profundizar más código. Afortunadamente, WordPress es un lugar maravilloso para comenzar. Hay mucha documentación disponible, y el código es, en su mayor parte, fácil de leer, explícitamente y no demasiado difícil de recordar. En este artículo, le daré una breve introducción al mundo de la programación de WordPress. Aunque esta publicación está dirigida a principiantes, se supone que ha trabajado con WordPress y conoce el HTML básico. Supongo que sabe cómo editar los archivos de WordPress y buscó en un archivo de tema de WordPress, incluso si no entendía lo que está sucediendo.
WordPress WordPress Languajes de programación Utiliza una serie de diferentes lenguajes de programación. Si un idioma se designe como “principal”, sería PHP. PHP es un idioma en el lado del servidor, que alimenta alrededor del 82% de la web. WordPress también usa HTML, CSS y JavaScript. HTML se utiliza para proporcionar la estructura de su sitio y es utilizado por todos los sitios web. CSS te ayuda a atacar tu estructura HTML. CSS hace su fondo blanco, su texto gris oscuro y coloca la barra lateral a la derecha. JavaScript agrega funciones avanzadas, como diapositivas y otras funciones interactivas.
Finalmente, WordPress también usa MySQL, quien es responsable de consultar la base de datos. MySQL se usa para hacerse cargo de las últimas 10 publicaciones o todas las publicaciones en una determinada categoría en la base de datos. Ok, entonces la mala noticia es que este es un cuerpo considerable de conocimiento. La buena noticia es que no tienes que saber todo para comenzar; De hecho, puedes manejar muy poco. Yo mismo aprendí la programación a través de WordPress hace unos ocho años, solo copiando los ejemplos en la documentación. Una nota de alguien que pasó por todo como mencioné, aprendí a través de tutoriales, documentales, el trabajo de los demás: estaba donde estás ahora y pasé por todas las fases que desearía. La dificultad con la programación no proviene de la complejidad de los idiomas involucrados. Cuando se divide en componentes, todo lo que aprende es fácil. Encuentro que la programación es difícil por dos razones. Necesita conocer muchas cosas simples y crear un producto exitoso que debe pensar en términos de sistemas, lo que requiere poca práctica. Lo que quería asegurarme de que sepas es que mientras aprendes a codificar WordPress, ¡tendrás mucho #$ #%! momentos. Estará frustrado por su falta de comprensión desde el principio, que cree que es un formato perfecto que no funcionará, pasará horas luchando con él solo para descubrir que ha olvidado el punto y una coma. Todos estos son perfectamente normales. Cada programador exitoso sintió esto, no eres solo tú. Te prometo que si sostienes, podrás codificar un tema en el menor tiempo.
Lo que WordPress no es importante darse cuenta de que, desde un punto de vista técnico, no hay “bacalao de WordPress” y “código de WordPress”. WordPress es muchos códigos escritos en PHP. Joomla y Drupal (otros dos sistemas de gestión de contenido) también están escritos en PHP. Analogía con la salvación! Decir “código de WordPress” es como decir “coche BMW”. Un BMW, un Jaguar y un Nissan son todos autos: todos están construidos con tuercas, tornillos y soldadura. La diferencia entre ellos es la forma en que se juntan, las filosofías de diseño y las prácticas de ensamblaje. WordPress, Joomla, Drupal y todos los demás sistemas y marcos de existencia están construidos con los mismos componentes. La diferencia entre ellos es la filosofía de codificación y las metodologías que usan. Como PHP funciona como mencioné anteriormente, PHP es un lenguaje de secuencias de comandos en el lado del servidor. En cambio, HTML es un idioma a nivel de cliente. Veamos primero HTML para entender lo que eso significa. La forma en que su navegador juega el código HTML es la siguiente: cuando visita una página HTML, el código HTML se envía al navegador. Su navegador procesa la información y escupe algo que reconoce como una página web. Cuando su navegador visita una página que usa PHP, se utiliza un paso intermedio. Primero, el código PHP es procesado por el servidor. El resultado de este procesamiento es una página HTML, que luego se envía al navegador y se muestra.
El procesamiento adicional del servidor parece un paso inútil, pero lejos de él. Veamos un ejemplo práctico con código PHP real:
El esencial D2A4A5BedEC00B5E8B3 está cargado
Sin comprender el código PHP, ya podemos recopilar información al respecto. Solo al leerlo, puede discernir que si un cierto conjunto de circunstancias es cierto, mostramos “buenas noches”, de lo contrario mostramos “buen día”. Cuando mira la fuente de página web resultante, no habrá rastro de este código. Todo lo que verás es “buen día” o “buenas noches”. Esto se debe a que el servidor realiza el procesamiento y le envía solo el resultado. En el ejemplo anterior, utilicé la fecha para determinar qué hora es. Los datos (‘g’) devuelven un número de 0 a 23 donde 0 representa la medianoche y 23 representa las 23:00. Si el valor de esta función es mayor que 18 (es posterior a las 6 p.m.) mostramos buenas noches. De lo contrario, mostramos un buen día. ¡Ahora sabemos dos cosas sobre PHP! Nos permite usar declaraciones IF para mostrar contenido en función de nuestros propios criterios. También sabemos que tiene funciones, lo que nos ayuda. La función Data () devuelve la fecha actual en un formato dado. La función strtolower () convertirá cualquier texto en pequeño. Varias de estas funciones le permiten hacer grandes cosas con PHP.
PHP en WordPress Dado el último párrafo, puede reconocer PHP en todas partes de WordPress. Abra contenido.php del tema predeterminado de veinte cuatro y echemos un vistazo. Este archivo es responsable de mostrar el contenido de las publicaciones de blog en el tema. Comparemos la primera línea de este archivo (eliminando el comentario anterior) …
El esencial D2A4A5BedEC00B5E8B3 está cargado
… con el resultado que genera cuando visita la página:
El esencial D2A4A5BedEC00B5E8B3 está cargado
A partir de la comparación, podemos deducir que la función the_id () se reemplaza con la identificación posterior en cuestión. La función post_class () agrega muchas clases al elemento HTML. Nos ayudan a modelar nuestras publicaciones más tarde. No es importante en esta etapa saber por qué se agregan estas clases específicas, solo nos familiarizamos con las funciones. Lo mejor, mirando las filas de 24 a 28, también podemos ver una declaración IF en el trabajo:
El esencial D2A4A5BedEC00B5E8B3 está cargado
La instrucción is_single () tiene is_single () en ella. Esta es una función que será cierto si observamos una sola página de publicación, de lo contrario será falso. Si es cierto y estamos en una sola página, usamos la función The_Title () para eliminar el título. Si es falso, continuamos usando la función_itle (), pero nos aseguramos de que sea un enlace a una sola publicación. Observe que algunas funciones están “vacías”, mientras que algunas tienen fragmentos en ellas. Por ejemplo, IS_Single () es una característica vacía, mientras que The_itle () tiene algo que Guyk entre paréntesis.
Los elementos de los soportes se llaman argumentos. Cada función tiene diferentes argumentos separados por comas, que puede encontrar a través de la documentación. El artículo de Codex sobre the_itle () nos muestra que esta característica tiene tres argumentos:
El primer argumento nos permite agregar HTML antes del título,
El segundo nos permite agregar html por título y
El tercer parámetro determina el momento en que se muestra el título (respetado) o solo se almacena para su uso posterior.
Según esto, ahora entendemos lo que está sucediendo en la línea 25 del archivo content.php:
El esencial D2A4A5BedEC00B5E8B3 está cargado
La función muestra el título, pero lo colocamos en una etiqueta de inicio H1 y agregamos la etiqueta final.El resultado de este código se muestra así en el navegador: el esencial D2A4A5BedEC00B5E8B3 está cargado
Cómo aumentar el nivel en la programación de WordPress son las posibilidades de que no quiera pasar semanas a través de la documentación de PHP y aprender sobre todo desde cero.Deberías hacer esto, pero te recomiendo que experimentes tanto como sea posible.¿Le gustaría mover la lista de etiquetas al final del artículo?
La función the_tags () en la parte inferior del archivo content.php parece prometedora. Primero, eliminemoslo juntos. Luego, cuando guarda y actualiza la página, la lista de etiquetas se ha ido. Esto es genial, significa que esta es realmente la función que toma las etiquetas. Ahora simplemente cópielo e insértelo en diferentes partes del archivo para ver dónde llega. Es probable que, cuanto mayor sea el código, mayor será el artículo. Con cierta experiencia, podrá identificar cosas como the_excerpt () y the_content () siendo responsables de mostrar el contenido, por lo que si lo coloca en cualquier lugar por encima de ellas, lo colocará por encima del contenido principal. Aprender a codificar WordPress de esta manera es divertido y lo alienta a leer la documentación, lo cual siempre es algo bueno. No se preocupe si no comprende todo, llegará a un punto en el que lo comprendan pronto. Aprender las malas prácticas Una desventaja de este método es que utilizará malas prácticas. Si bien mi recomendación de copiar y pegar la función The_Tags () en la parte superior del archivo funciona en algún lugar, el sótano HTML, que usa la etiqueta del sótano, necesitará algunos cambios para hacer un buen código. De nuevo, olvídalo por el momento. No cree un código profesional para la producción para Google. Intenta aprender los conceptos básicos y date cuenta de cómo funciona todo. Esta no es una tarea fácil y los errores son parte del proceso.
Una vez que tenga un buen conocimiento del código detrás de WordPress, puede comenzar a revelar sus malas prácticas y puede comenzar a estudiar los modelos de codificación y darse cuenta de por qué hacemos las cosas como lo hacemos. Una presentación general de WordPress importante WordPress tiene una serie de “subsistemas”, como el bucle que controla las publicaciones mostradas, ganchos que le permiten cambiar la funcionalidad predeterminada, varias API y, por supuesto, temas y complementos. Haré una breve introducción de algunos de los sistemas más grandes que puede conocer. Activando la preparación por defecto, WordPress ocultará cualquier error de código. Esto es deseable en un entorno de producción, pero puede conducir a dos problemas durante el desarrollo. Si comete un error injusto, no recibirá ningún mensaje de error, y su código no hará nada o no producirá el resultado esperado. El otro problema es una pantalla blanca de la muerte. Sin mensajes de error, solo una pantalla blanca sin acceso a la parte delantera o trasera. Para asegurarse de que esto no suceda, debe activar la solución de problemas, lo que le dará mensajes de error. Esto se puede hacer editando el archivo wp-config.php desde el director raíz de la instalación de WordPress. Encuentre la línea que contiene: define (‘wp_debug’, falso); y cambios falsamente en verdad. Sobre esto es. Temas de niños Los temas para niños son temas separados, que se basan en un padre. Heredan todo del tema principal, a menos que se especifique lo contrario. Esta es la única forma segura de cambiar un tema. Como mencioné anteriormente, la forma más fácil de aprender es cambiar un tema existente.
Me gustaría adjuntar esto con “y usar un tema infantil”.Si crea un tema infantil basado en el niño basado en veinticuatro años, puede continuar personalizándolo según lo desee, pero también puede actualizar el tema sin perder todos los cambios.Esto es algo que debe tener en cuenta al trabajar con los clientes.Siempre, siempre, use un tema infantil.Crear el tema de un niño es una simple simplicidad.Cree una nueva carpeta en el directorio de temas y asígnele como desee.Para nuestro ejemplo, llamarlo “tema infantil”.Dentro de esta carpeta crea un style.css y un archivo functions.php.Abra la hoja de estilo y use lo siguiente para crear el tema infantil: cargue el esencial D2A4AA5BedEC00B5E8B3
De hecho, puede usar todo lo que desee en el ejemplo anterior, la única restricción es la línea que comienza con “plantilla”.Debe contener el nombre del director del tema principal.
Cuando usa temas infantiles, la regla es la siguiente: cada vez que se carga un archivo, WordPress lo busca primero en el niño. Si no existe, se carga el mismo archivo del tema principal. La única excepción a esto es Functions.php. Los archivos funcionales de ambos temas están cargados, primero los del tema infantil, luego del tema principal. En este momento, puede pasar al tema del niño, pero cuando ve el sitio, se verá privado de cualquier estilo. Según nuestra regla anterior, es fácil entender por qué. style.css Style está cargado del tema infantil, porque style.css existe en el tema del niño, pero no contiene información de estilo. El siguiente paso es cargar los estilos del tema principal. Esto se puede hacer insertando la hoja de estilo de la cola en la cola. No te preocupes demasiado por eso. Siéntase libre de copiar e insertar el código a continuación en funciones.php. de las funciones temáticas de su hijo.php. Solo necesita saber que esto está cargando los estilos de los padres. Se cargan los elementos esenciales del D2A4A5BedEC00B5E8B3
En este momento, el tema de su hijo es exactamente el mismo que el tema de sus padres. ¡Ahora puedes comenzar a cambiar las cosas!
Puede usar la hoja de estilo para reemplazar estilos o agregar reglas adicionales. Si desea cambiar el archivo de índice, por ejemplo, todo lo que tiene que hacer es crearlo. Si crea un archivo de índice vacío, cualquier página que use ese archivo estará vacía. Todas las demás páginas continuarán funcionando bien, porque usarían a los padres. Puede comenzar a escribir su propio código en el archivo de índice, o puede copiar y pegar el código del padre y modificarlo. El resultado debe ser el siguiente: puede cambiar un tema existente como desee, pero puede actualizar el tema principal o regresar al padre en cualquier momento. Interrogación y bucle La consulta es el sistema que “sabe” qué publicaciones se mostrarán en una página, y el bucle es la parte que realmente pasa por cada publicación y las muestra. Por ejemplo, en su página de inicio, la consulta está buscando las últimas 10 publicaciones. En una página de archivo de la categoría, la consulta está buscando las últimas 10 publicaciones en la categoría dada. El interrogatorio se usa incluso en páginas individuales, donde busca una sola publicación en la base de datos. El interrogatorio es algo que puede cambiar y usar para sus propias necesidades, pero por el momento nos centraremos en el uso predeterminado, que está detrás de escena. Solo usaremos el resultado a través del bucle. El bucle se hace cargo de todas las publicaciones que la consulta devolvió y pasa por cada una por una. En algunas páginas, como páginas individuales, solo hay una publicación. Esto todavía importa como una “colección” de publicaciones en este caso, la colección consta de una sola publicación. Veamos el código básico para un bucle y pasemos por una línea con línea:
El esencial D2A4A5BedEC00B5EB5E8B3 se carga con la primera línea utiliza una instrucción IF con la función HAVE_POSTS () para averiguar si hay publicaciones devueltas. Si no hay publicaciones, ejecutamos el código después de la sección Else, que anuncia al usuario que no hay publicaciones. Si hay publicaciones, usaremos un bucle PHP. Hay varios tipos de bucles en PHP. Para mejorar la sintaxis y otros ejemplos, eche un vistazo a un tutorial de tipos de bucle PHP. En nuestro código anterior usamos un bucle de tiempo, que contiene la función have_posts () nuevamente. Esta función devuelve falso cuando no hay publicaciones en el bucle, o no hay más publicaciones en el bucle, porque las he mostrado todas. Todo en nuestro bucle mientras se ejecuta mientras el valor de esta función es verdadero. Es exactamente lo que necesitamos. Tan pronto como mostré la última publicación, el valor have_posts () será falso, por lo que termina el bucle. Dentro del bucle, creamos una visualización muy rudimentaria de una publicación usando las etiquetas de plantilla que descubrí antes. El bucle debe usarse en cualquier archivo de plantilla de tema que enumera las publicaciones. Páginas de búsqueda, páginas de publicación única, páginas de archivo, archivo de índice: cada vez que enumera publicaciones, ¡use un bucle!
Las consultas personalizadas son menos comunes para aprender sobre consultas personalizadas tan temprano, pero por mi experiencia es una de las funciones más buscadas de WordPress. En la sección anterior aprendí cómo puede enumerar publicaciones usando el bucle, pero está restringido por lo que se devuelve por defecto. ¿Qué sucede si desea mostrar publicaciones futuras similares en la misma categoría en una sola publicación? Esto es fácil con una consulta y bucle personalizados. Puede crear una consulta personalizada utilizando la clase WP_QUEY. Las clases están muy por encima de nuestra cabeza ahora, pero su uso es bastante simple. Aquí hay un ejemplo que muestra las publicaciones programadas en una determinada categoría. Puede usar esto para mostrar una sección “pronto en esta categoría”. El esencial D2A5BedEC00B5E8B3 está cargado
Como puede ver, esto es bastante simple. Para cambiar esto dependiendo de sus necesidades, puede cambiar el contenido de la matriz $ Args. ¡Hay muchos parámetros que puede usar para restringir las publicaciones de acuerdo con la fecha de su publicación, de acuerdo con los autores, categorías, campos personalizados y más! Eche un vistazo a la documentación WP_Query para una lista completa. Ahora que tenemos una consulta personalizada, podemos usar un bucle personalizado para mostrar el contenido. Todo lo que tenemos que hacer es tener_posts () have_posts () y the_post () el nombre de la variable que contiene la consulta y una “flecha”:

El esencial D2A4A5BedEC00B5E8B3 está cargado
Además de usar la referencia a nuestra consulta personalizada utilizando el formato mencionado anteriormente, tenga en cuenta que tengo el resto del bucle y utilicé una lista HTML en lugar de troqueles. Debido a que este bucle está destinado a enumerar publicaciones en una sola publicación completa, pensé que sería mejor no mostrar nada si no hay publicaciones. Además, una lista simple de enlaces debería ser suficiente aquí para que los usuarios hagan clic. Los ganchos de WordPress usan un sistema ingenioso para permitirle cambiar las funciones básicas. Si aún no lo sabe, permítanme señalar todo lo que pueda: en ningún caso debería cambiar los archivos básicos. Esto significa que no puede editar ningún archivo que venga con WordPress de forma predeterminada. Sé que a veces parece la única forma, pero nunca es el caso. Todo lo que pueda necesitar se puede hacer con ganchos u otros métodos. Cambiar los archivos básicos no solo es peligroso, sino que sea lo que hagas será sobrescribido por una versión actualizada de WordPress. Los ganchos le permiten cambiar la forma en que funciona WordPress. Vienen en dos sabores:
acciones y filtros. Las acciones le permiten ejecutar su propia función en ciertos lugares en el código de WordPress. Por ejemplo, con un gancho, puede realizar una de sus propias funciones cuando WordPress publica una publicación. Esto le permite notificar al autor, por ejemplo. Los filtros le permiten cambiar los datos antes de ser utilizados. Por ejemplo, puede usar un filtro para cambiar el texto que se muestra al usuario cuando se guarda una publicación. En lugar de “publicar el boceto actualizado”, puede cambiar esto para decir “su boceto se ha guardado”. Un excelente ejemplo de gancho de acción es wp_footer. Esta acción se realiza justo antes de la etiqueta de cierre del cuerpo. Le permite agregar sus propias cosas al final de un tema, sin tener que cambiar el archivo del sótano en sí. En funciones.php del tema, puede usar lo siguiente para agregar un código de seguimiento en su sitio: Cargue el esencial D2A4AA5BedEC00B5E8B3
La primera línea le dice a WordPress que nos gustaría agregar my_tracking_code () al gancho wp_footer. Cuando WordPress carga una página y ve el gancho WP_Footer, busque todas las funciones relacionadas con ella y realicelas. Nuestra función luego agrega el código de seguimiento de Google Analytics al sótano. Esto proporciona la base de cómo funcionan los complementos. Si crea un complemento y mantiene el mismo código allí, no necesitará cambiar su tema en absoluto. Esto significa que incluso si cambia su tema, el código de Google Analytics continuará funcionando sin problemas. Para mostrarle cómo funcionan los filtros, para cambiar el contenido de una publicación con una. El filtro_content () se enrolla antes de que se muestre el contenido de una publicación. Si usamos un gancho para atarle una función, podemos cambiarlo. El siguiente código agrega el texto “Verificado por” automático después de cada publicación (o más precisamente, cada vez que se muestra el contenido de contenido completo). Se carga el D2A4A5BedEC00B5E8B3 esencial.
Tenga en cuenta que esta vez la función recibió un parámetro. Cada filtro y acción pueden tener uno o más parámetros. Deberá verificar la documentación para ver qué puede hacer el gancho específico que usa. Para una lista de acciones y filtros, recomiendo la referencia para la referencia de acción y filtro o la referencia de WordPress de Adam Brown. Lecturas adicionales hay muchas cosas que puede aprender sobre WordPress y un cuerpo de conocimiento masivo disponible de forma gratuita. Recogí algunos recursos para ti y los clasificé. Espero que puedas encontrarlos útiles. Si viene un sitio muy excelente, comparta los comentarios a continuación. Documentación de WordPress
WordPress Codex: la página principal para toda la documentación de WordPress. El Codex será reemplazado pronto por recursos para el desarrollo de la plantilla: funciones que puede usar en bucles
Etiquetas condicionadas: funciones que devuelven verdaderas o falsas en ciertos escenarios
Referencia WP_Quey: el lugar donde necesita ir si necesita una consulta personalizada
Referencia de funciones: una gran lista de funciones que puede usar
Referencia para la acción: si necesita ejecutar sus propias funciones
Referencia de filtro: si necesita cambiar las cadenas o matrices utilizadas por WordPress
Referencia de gancho: complete la referencia de acción y filtro
Escribir un complemento: la guía inicial para escribir complementos
Desarrollo de temas: la guía inicial para crear un tema
Temas para niños: una guía para crear un tema para niños
WordPress APIS-Una lista de usos de WordPress
Referencia de clase: una lista de clases que usa WordPress
Cursos completos
CodeCademy – Codecademy tiene cursos interactivos para varios idiomas
Treehouse – Videos increíbles sobre una variedad de temas de codificación
Tuts+ – Grandes cursos sobre una serie de temas diferentes
Aprendiendo sobre PHP
Manual de PHP – Documentación oficial de PHP
CodeCademy – Tutorial totalmente interactivo PHP
W3Schools – Excelente tutorial de PHP
Tizag: otra guía de PHP integral
Php Books – Grandes libros de PHP, recomiendo especialmente los libros de O’Reilly and Apress
HTML, CSS y JavaScript
W3Schools – W3Schools tiene tutoriales completos para todos estos idiomas y más
Amazon – Amazon Books tiene muchos libros en cada idioma o en los tres simultáneamente
HTML 5 Doctor: un lugar maravilloso para conocer las nuevas etiquetas y sutilezas HTML.
Foros de desarrollo de WPMU: ¡nuestros foros son un lugar maravilloso para pedir ayuda!
Stack Overflow – Foro de codificación muy popular
Foros de asistencia de WordPress – Foros oficiales de WordPress
Temas avanzados
Sass – CSS con superpoderes
Menos – CSS con soporte para variables y funciones
OOP PHP – PHP orientado a PHP
Tutorial SQL: aprenda a interrogar la base de datos solo
Laracasts – Tutoriales modernos de PHP y Laravel
Koala: compilador gratuito de códigos de múltiples información
Prepros: compilador de código premium, multiplataforma
Codekit – Mi compilador de código OSX favorito
Grunt: compilador de código gratuito, basado en terminal
Sitios web a seguir
WPMU Dev
WordPress News
Revista Smashing
Tuts+
Una lista afuera
Mordaz
Libro de diseño web
Bacaldeo
Noticias automáticas
Taberna WP
Crédito de la imagen: James Cridland.
¿Qué recursos usas para aprender la programación de WordPress? Comparta su consejo en los comentarios a continuación.