Creamos un complemento de WordPress desde cero: el diario de éxito y el fracaso de un novato

Debería haber llamado a esta publicación “Oh, no, ¿qué hice?!” Esta habría sido una descripción más apropiada de la experiencia de construir un complemento. Esta no será una publicación “Cómo hacer un complemento”. Ciertamente no soy la persona adecuada para escribir tal tutorial. Puedo cambiar el código, seguro, pero no soy un desarrollador. Y por esta razón, era reacio a tratar de crear mi propio complemento. Hasta ahora, eso es. ¿Y para ser honesto contigo? No fue tan genial. Creo que me quedaré con mi trabajo diario como escritor. Pero eso no significa que no pueda aprender de mi experiencia ligeramente accidental a través de PHP. Y no significa que no puedas aprender (o mostrar y reír, si quieres) a mis intentos de construir algo.
Entonces, sin ninguna otra extensiones, no tomas mi mano mientras te guías a través de mi diario diario para crear un complemento. No me convirtió en un desarrollador, pero ciertamente aprendí algo o dos. ¡Disfrutar! Una palabra sobre el formato que logré lidiar solo con pequeñas partes del proceso de codificación todos los días, por lo que lo separé en consecuencia. Esto podría conducir a una pequeña lectura agitada, pero pensé que esta es la mejor manera de transmitir cómo fue realmente la creación de complementos. Piense en ello como una mirada en mi ansiedad.
Tutoriales y tutoriales que usé si quieres seguirme en mi sórdida historia sobre la creación de arados, he preparado una pequeña lista de las herramientas y tutoriales que tenía a mano para hacer esto posible. Las herramientas en realidad no necesitan muchas herramientas. Todo lo que necesitaba era lo siguiente: FTP Cliente: Usé Cyberduk, pero lo que sea que funcione. Texto sublime: un práctico editor de código para Mac, que mantiene su código ordenado y señales para usted si algo está mal. MAMP: una aplicación ingeniosa que le permite configurar un servidor remoto en el que puede instalar una versión local de WordPress para fines y recursos de desarrollo
Nociones introductorias sobre el desarrollo de los complementos de WordPress: Guía final: Decidí probar nuestro propio tutorial de Daniel Pataki. De hecho, es muy simple y fácil de seguir, lo cual fue excelente para un novato con complementos como yo. Le enseña cómo crear un complemento que integre el metaetichet de gráfico abierto de Facebook.
WordPress Essentials: cómo crear un complemento de WordPress: otro tutorial Daniel Pataki que agrega una herramienta para rastrear su sitio.
Cómo crear un complemento de WordPress: este útil tutorial fue escrito por Andy Leverenz y lo guía mediante el proceso de crear una publicación personalizada.
Creación de contenido personalizado en WordPress: tipos de publicaciones personalizadas: el último tutorial que consultamos, escrito por nuestra propia Rachel McCollin. Presenta cómo crear un tipo personalizado de publicación y agregarle una plantilla.
Referencia del código de WordPress: Genial tener a mano si tiene que buscar qué es algo, qué significa o cómo funciona. Día 1: ¡Puedo hacer eso! Lleno de ingenuo entusiasmo y una actitud positiva, abrí un tutorial y me puse a trabajar. El objetivo era agregar etiquetas de gráficos abiertos de Facebook al encabezado de su sitio. El primer paso en el tutorial de Daniel requiere la creación de una carpeta en WordPress en WP-Content/ Plugins/ llamado My-Factbook-Tags.
Primero creé una carpeta en mi servidor.
Luego tuve que crear un archivo PHP para ingresar esta carpeta.

El archivo PHP va a la carpeta, por supuesto.
Y a partir de ahí, solo tuve que copiar e insertar un código de tutorial en este archivo. Lo abrí e ingresé rápidamente ese código allí.

Funciona bastante bien hasta ahora.
Bien, fue sorprendentemente bien. Vamos al tablero y veamos si apareció el complemento.

Ni siquiera puedo comenzar a describir lo interesante que fue, muchachos.
Oh Dios mío. Es total allí. ¿Soy desarrollador ahora? Está bien, creo que me he ido. Pero aún. Siendo alguien que hace solo pequeños cambios en los temas de vez en cuando, esto es bastante interesante.

Activé el complemento de acuerdo con las instrucciones de Daniel. Todavía no hace nada, pero es un complemento activo y funcional. A partir de ahí, el tutorial continúa discutiendo ganchos. No voy a repetir todo lo que Daniel habla porque esto no sería un buen uso de nuestro tiempo aquí. Sin embargo, diré que el concepto de ganchos es sorprendentemente simple. Si términos como ellos te han decepcionado en el pasado, no dejes que te asusten. Día 2: Hagamos que este complemento haga algo, ¿hacer? Después de analizar cuáles son los ganchos y cómo funciona, me involucré en la siguiente parte del tutorial de Daniel, que agrega una función al gancho wp_head en cada página de su sitio. Al agregar una función a este gancho, pueda eliminar algo en la parte superior de la página. Parece que hay ganchos de acción y ganchos de filtro, pero el tutorial asegura que no tengo que entender todo esto para terminar de crear el complemento, por lo que en la gran tradición de hacer lo mínimo estrictamente, entendí que para completar la adición de la adición de la adición de la adición de Etiqueta de Facebook. Abra el gráfico al encabezado de mi sitio, tuve que agregar una función al wp_head para llamar a estos metaéticos. El código del código es una simple copia y un trabajo de inserción en ese archivo my-faceBooks.php creado anteriormente.
El código de Facebook del gráfico abierto es bastante simple.
Como puede ver, la función my_facebook_tags se ha agregado al gancho wp_head. Este fragmento de código utiliza las etiquetas básicas subrayadas por Facebook y las define utilizando etiquetas de plantilla de WordPress para llamar a la información de publicación, como publicar título, nombre del sitio, URL, descripción de publicación y tipo de publicación. El único cambio que Daniel ha hecho es usar la etiqueta condicional is_single () para garantizar que los metaéticos se agregan solo al encabezado cuando se muestra una sola publicación. Aunque no hay forma de ver cómo se ve en el sitio mi, yo, yo, yo, yo, yo, yo, yo Puede ir a abrir el depurador de gráficos y ver cómo se ven las cosas.
No soy un experto, pero eso no se ve bien.

Oh, no. Las cosas se volvieron horribles, terriblemente estúpidas. Así que abrí mi sitio para ver cómo se ve. Tal vez el complemento rompió algo …
Oh sí. Seguro que rompí algo.
AOLEU. Nadie quiere ver nada en una pantalla blanca cuando carga su sitio. Antes de comenzar a Hyperventile, volví a descubrir qué demonios hice, lo que hizo que todo saliera mal. Copié y pegé el código de Daniel nuevamente a mi archivo de complemento, lo guardé y recargué mi sitio. Las cosas han vuelto a la normalidad, pero el depurador todavía muestra errores. Esta vez, escribe que tengo más valores de OG: URL. Mmm.

Busqué un poco en Google y parece que tengo un complemento en conflicto con la creación actual del complemento. Deshabilitar mi complemento revela una salida de gráfico abierto decente. Las investigaciones posteriores muestran que el complemento SEO I activado interfiere con mi complemento de etiquetas de Facebook, ya que también incluye información sobre el gráfico abierto. Brevemente deshabilité el complemento SEO y probé mi nuevo complemento nuevamente en el depurador. Esta vez, no recibí ningún error, pero algunos extraños ocurrieron con mis botones de distribución social del encabezado del sitio. Debido a que no pueden deshabilitar los botones sociales (porque están unidos a un formulario potencial de generación de clientes), tengo que llamar a esta prueba “bastante buena”. Por lo tanto, fue una especie de desastre. Y me siento un poco estúpido porque olvidé que ya tenía un complemento que agrega un gráfico de Facebook Open. Y olvidando hacer todo esto en un servidor de prueba. Pero aprendí algunas cosas en este experimento:
Cómo crear una carpeta y un archivo de complemento.

Cómo estructurar un comentario de PHP.
Cómo agregar una función a un gancho.
Una introducción básica en etiquetas condicionales
Así que no fue todo en vano. Pero no estoy satisfecho con esta prueba. Quiero hacer un complemento que realmente funcione en mi sitio, donde no debería declarar el esfuerzo “lo suficientemente bueno”.
Día 3: Comenzando un nuevo día, un nuevo intento de hacer un complemento. Estoy directamente decidido a hacer algo para trabajar aquí. Esto comienza eliminando todos los conflictos posibles de complementos. Debería haber hecho esto primero, pero vives, aprendes. Comencé el día abriendo MAMP y reinstalando WordPress en Localhost. Hice esto antes y por eso me sorprende que no haya pensado en hacerlo. Si necesita ayuda, aquí hay un tutorial completo. En su mayor parte, quería mostrar cómo sería el desarrollo de complementos en un sitio en vivo, pero nadie haría esto, así que aquí estamos. Mencioné que soy increíblemente olvidadizo? Iba. El trabajo con el complemento de hoy comenzó a encontrar un nuevo tutorial para usar. Muy divertido, un rápido Google reveló otro tutorial de Daniel Pataki, esta vez que escribió hace unos años en Smashing Magazine. Presenta todos los conceptos básicos sobre cómo crear un complemento. El complemento que crea es uno que registra cuántas veces se ve una publicación, luego transmite esta información al usuario. Utiliza ganchos, por supuesto, así que después de una lectura rápida, estaba listo para comenzar. Creé una carpeta llamada popularity_tract y luego un archivo llamado popularity_tract.php en la carpeta de complementos de mi sitio. Luego primero pegué los metadatos ordinarios. Este complemento comenzó como mi primer intento.
A partir de ahí, pegué el código que establece la función que aparece cuando se ve una publicación. En este caso, el propósito es registrar cada vez que se ve la publicación. No quería cambiar demasiado el código de miedo que superaría algo nuevamente, por lo que una copia y inserción simples hicieron el truco. Entonces me quedé en acción. Está configurado para ejecutarse cuando se carga WP_head, así como el primer complemento que intenté hacer.
De acuerdo, ahora que el complemento está configurado para grabar cada vez que se ve una publicación, el siguiente paso es mostrar esta información asumiendo la cantidad de vistas para una publicación. Hay muchas variables en este siguiente fragmento de código que garantiza que muestren inteligentemente el número de vistas. Por ejemplo, si solo hay una visualización para una publicación, usarían la expresión “1 visualización” en lugar de “vistas”, lo que sería incómodo. Este tipo de cosas es opcional a nivel funcional, pero ciertamente es un toque agradable. De hecho, es lo suficientemente bueno para ver cómo puede considerar tantos factores diferentes en un espacio tan pequeño.
El tutorial continúa agregando más funciones a este complemento, pero pensé que este es un buen lugar para detenerlo y probarlo.
¡Éxito!
Dios, fue activado.¡Mujer!Pero aún necesitaba implementar el complemento en mi tema.Decidí que quería que el número de vistas aparezca en la publicación de metal de metal justo entre el medidor de comentarios y el enlace de edición.Para hacer esto, acabo de pegar En el contenido archivo.php de mi base.No es el método ideal de implementación, pero funciona, le digo.¡Trabajar!Sin embargo, tuve que buscar el archivo para descubrir dónde colocar este fragmento de código.Aunque ciertamente cambié los temas para los niños antes, no estaba completamente seguro de dónde se vería mejor esta información en la salida.Ciertamente, algunas pruebas y errores estaban involucrados. El número de puntos de vista parece pertenecer allí, ¿no?

Pero ahora, cada publicación que creo tiene un maravilloso mostrador de visualización. ¡Cuidado! Día 4: Una vez más, para la posteridad, mis dos primeros intentos de crear complementos fueron bien, pero fueron bloqueados en gran medida por los errores de principiantes. Por supuesto, soy un principiante, pero quiero hacer un buen trabajo aquí. Entonces, he estado buscando otro tutorial para ver hoy para ver si puedo hacerlo mejor esta vez. El tutorial que uso es de los temas elegantes y su objetivo es crear un complemento que agrega un tipo de publicación personalizada a un sitio web. Suena útil. Así que comencé como lo hice en los días anteriores, creando una carpeta y un archivo PHP en la carpeta de complementos de mi sitio. Elegí crear un tipo personalizado de publicación para reseñas de libros, así que lo llamé personalizado-revisión. El tutorial es para reseñas musicales, pero pensé que me quedaría con los libros porque … bueno, escritor. El tutorial dice que el tipo de publicación personalizada que crearemos incluye una imagen presentada, un fragmento, una evaluación y un tipo de género, todo lo cual es válido para libros.
Copié y pegé al encabezado de la información de complemento estándar con los parámetros apropiados. Activé el complemento para asegurarme de que todo esté bien en el frente de los parámetros y luego seguí agregando la función descrita por el tutorial. Ahora no estoy bien versado en PHP, así que cuando vi el bloque de código para este complemento, mis ojos brillaban un poco. Pero después de respirar una bolsa durante unos minutos, me calmé lo suficiente como para mirarla. Tuve que hacer algunos cambios para que coincida con el tipo de revisión personalizada del libro que quería hacer. Así que comencé a trabajar en esto primero, viajar con una fila y cambiar cualquier mención de “revisión musical” con “revisión de libros”. Este es probablemente un paso inútil en el logro del tutorial. Podría tener igual de fácil copiar y pegar el código y terminarlo. Pero quería hacer un pequeño cambio que me obligara a mirar cada línea del código. Nuevamente, no conozco PHP, por lo que esta fue una buena manera de entender qué parámetros forman una publicación personalizada. Además de cambiar cada mención de “Música” en “Libro”, tuve que cambiar el Dashicon usado que aparece en el tablero para este tipo de publicación. El código tutorial se estableció en Pashicons-Format-Audio, que obviamente no tendría sentido para una revisión del libro. Así que fui al desarrollador de WordPress, Dashicon Resource y encontré un ícono del folleto que hará el trabajo bastante bien. El código para esto es Pashicons-Book-Otro. El libro del libro parecía más apropiado.

Después de todos estos cambios, volví al tablero de mi sitio y eché un vistazo. ¡Se fue! En el primer intento! Disculpe mientras rompo en un baile feliz. Lo siento, me alegro de que la tercera vez sea un encanto y conozco el proceso estructural de crear un complemento. También alcancé oficialmente el límite de la señal de exclamación para el resto de este puesto. Lo siento. Intentaré contener desde este punto antes. La siguiente parte del tutorial agrega una taxonomía llamada “Gen” a la publicación personalizada. Esto es relevante para los libros, así que continué y lo agregué. Es una nueva función que ayuda a expandir por qué el complemento es capaz. Guardé mi progreso aquí y probé el complemento nuevamente. Todo se ve bien y ahora tengo una taxonomía personalizada llamada “géneros” para la clasificación de mis reseñas de libros.

Y aquí está la taxonomía del género en acción.

La tarea de codificación tutorial final es agregar una función que crea automáticamente una página llamada “reseñas de libros” cuando se activa el complemento. Agregué la función y el código para iniciar la función. El último paso es crear un ejemplo de revisión del libro. Leí The Shining en este momento, así que pensé que era una buena opción.

Una publicación rápida de publicación.
Ingresé algún contenido, seleccioné un género y agregué una imagen presentada. También introduje una evaluación y un precio. La salida se ve bien y es completamente funcional. Pero me gustaría si pudiera agregar una plantilla a este tipo de publicación, por lo que no tengo que crear manualmente esas secciones de evaluación y precios, por lo que puede estar diseñado automáticamente de alguna manera. Para esto, salté a un tutorial diferente para terminar las cosas, pero la tarea de crear una plantilla está un poco más allá del propósito de mi pequeña experiencia aquí. Oye, ¿quizás la próxima vez? Publiqué la publicación pero no aparecí en el frente. Para remediar esto, he desactivado y reactivado mi nuevo complemento. Al hacer esto, agregó una página “Reseñas de libros” en mi sitio, que muestra todas las reseñas que escribí. Nada de esto aparece en la página principal, por lo que tuve que agregar las reseñas de libros a mi navegación principal. En Reactivation, apareció la página “Revisión del libro”.

Parecía muy bien, pero mi revisión de The Shining no se puede encontrar en ningún lado. ¿Qué sucedió? Después de rascarse durante unos días, finalmente me di cuenta de que tengo que cambiar la estructura del post-nombre en mi sitio de prueba. Esto es, por supuesto, algo que siempre hago cuando configuré un sitio nuevo, pero me vino a la mente cuando configure el sitio local. Sin embargo, habría sido bueno si este detalle hubiera mencionado en el tutorial, especialmente porque la publicación no se mostrará en el lugar correcto sin esta modificación necesaria de la configuración.
No es agradable pero funcionó.

En cualquier caso, con los enlaces permanentes modificados, la revisión del libro apareció exactamente como debería crear automáticamente una “revisión del libro”.¡Frío!

Una recapitulación de los cuatro días de complemento de desarrollo de todo es sorprendentemente lógica al crear un complemento. Probablemente suena loco para los desarrolladores experimentados, pero para un principiante como yo, estaba un poco sorprendido. Por supuesto, creamos widgets antes, creamos sitios HTML simples y creamos cambios en el tema utilizando temas secundarios. Pero por alguna razón, la tarea de crear un nuevo complemento fue algo que evitamos. Creo que tenía miedo de que fuera súper complicado. Realmente no pasaría el obstáculo PHP. Y aunque complementa algunos tutoriales apenas un desarrollador, sigue siendo un comienzo y debería mostrar que si este escritor puede hacerlo, incluso los nuevos usuarios de WordPress pueden hacerlo. Más importante aún, ciertamente no es algo para temer y es una habilidad que puede ser bastante útil al ensamblar sitios futuros. Lo que haría de manera diferente la próxima vez … aunque generalmente estoy satisfecho con cómo fue este experimento, hay algunas cosas que haría de manera diferente la próxima vez. Aquí está mi descripción básica sobre cómo creo que deberían ir todas mis futuras noticias de complementos: tomar una clase en PHP: Claro, podría copiar y pegar el código aquí y cambiaría con él, pero no tengo un entendimiento sólido de la forma en que todo funciona. Y esto es algo que simplemente no creo que puedas manejar sin saberlo. Entonces, si intentara construir un complemento nuevamente, pasaría algo de tiempo aprendiendo desventajas de PHP. Debo saber al menos lo básico, por lo que no tengo que usar los términos de Google que no conozco cada cinco segundos. Haz todo en un servidor local: