Github Gists Incorporation en WordPress

Incorporar el código fuente en WordPress no es una tarea fácil. Aunque pocos complementos han intentado simplificar esta tarea de compartir e incorporar los códigos, es fácil confundir el código con otro texto y contenido en el editor de WordPress. Githhub Gists es una de las formas más populares de compartir fragmentos de código en la web. WordPress, comenzando con la última versión, no acepta Ombeds para ningún sitio web de intercambio de código y fragmentos de forma predeterminada. ¿No sería genial si pudiéramos incorporar directamente los fragmentos de código en el GIST usando Ombeds? En esta publicación, te presentaré algunas formas en que puedes incorporar fácilmente GitHub Gists en publicaciones de WordPress. También le mostraré algunos controles y opciones adicionales que puede lograr instalando diferentes complementos.
En primer lugar, si te encuentras con este artículo y no sabes sobre el GIST, aquí hay una breve introducción del Código de Fragmentos de Código – GIST.
contenido
Introducción Github Gists
Incorporación de Gists en WordPress
Incorporación GIST usando complementos
1. Incremuntos de código cortos – Jetpack de complemento
2. Plugin Gistpress
3. complemento GIST WP
4. GIST OMBED
Código personalizado para agregar soporte general
Conclusión
La introducción Github Gists Gist es un servicio GitHub que le permite compartir sus depósitos GIT con todas las funciones de GitHub. Puede agregar un trozo de códigos a una esencia y compartirlo donde quiera.
Github presenta un GIST como un depósito GIT que puede bifurcarse, clonarse y manipularse de alguna manera. La introducción se explica por sí misma y, si ha usado GitHub antes, no tardará mucho en entender y comenzará a usar GIST. La incorporación de Gists en WordPress porque los GIST se han convertido en una forma popular de compartir códigos, hay muchas maneras en que puede incorporarlos en su publicación de WordPress. GitHub ofrece una forma implícita de incorporar la esencia en otros sitios web y requiere una etiqueta de “script”. Pero, como se mencionó anteriormente, la inserción de los códigos con etiquetas de “script” se puede confundir con el editor de Tinymce utilizado en los complementos de WordPress. O un código personalizado que activa Ombeds para la esencia debería ser una solución ideal. Comencemos con el más simple: agregar el soporte ombre con complementos. Incorporación GIST usando complementos 1. Incrustos de código cortos – Jetpack de complemento
Si utiliza el popular JetPack de complemento, solo puede activar la función de incrustaciones de código cortos para agregar soporte para el código ombrado y corto para múltiples plataformas, incluido el GIST.

Primero, active la característica de los códigos cortos de incrustación navegando en JetPack> Configuración> incrustaciones de código cortos. Una vez activado, veamos algunas formas en que puede incorporar GIST utilizando la función de incorporar el complemento ShortPack.

1.1 Uso de Ombeds: el intercambio directo de la URL de jetpack acepta Ombeds para Gists, lo que hace que sea muy fácil compartirlas en sus publicaciones o páginas para incorporar cualquier esencia específica, todo lo que tiene que hacer es copiar la URL de la esencia y -it en una línea.
Primero copie la URL, como puede ver en la barra de URL.
Esto debería atraer automáticamente la esencia y hacer que se incorpore a su publicación o página, donde quiera mostrar lo esencial. Nota: Asegúrese de no convertir la URL en un enlace.

1.2 El uso de códigos cortos para incorporar los códigos cortos GIST permite una mayor flexibilidad en dónde y cómo puede mostrar los elementos esenciales en su blog. Si prefiere usar códigos cortos en el editor de publicaciones/páginas, tendrá que hacerlo; i) Encuentre y copie la URL de la esencia que desea incorporarlo) póngala en un formato como este código corto https://gist.github.com/pradeepdotco/f6b15e1bbe026edfe74 iii) Como alternativa, use solo la parte numérica desde el URL para incorporarlo en este formato. https://gist.github.com/pradeepdotco/98649776f99e5200Edcb

2. Plugin Gistpress
Gistpress es uno de los complementos autónomos más avanzados para integrarse con WordPress. El complemento está alojado exclusivamente en GitHub y está disponible para descarga gratuita. Gistpress le permite agregar soporte de códigos ombrados y cortos para incorporar GIST de similar a la función de JetPack discutida anteriormente. Además de proporcionar todas las características de JetPack Shortcode, Gistpress ofrece algunas funciones adicionales que podrían ser útiles si desea personalizar más la forma en que aparece en su blog, algunas características notables adicionales del complemento incluyen, incluyen, incluir, incluir, incluir, incluir, incluir.
La capacidad de mostrar solo ciertas líneas en lo esencial que puede ser útil si explica las líneas en su código.

La capacidad de resaltar líneas específicas dentro de una esencia. Posibilidad de agregar clases CSS adicionales para un mejor estilo.
Gistpress también se crea teniendo en cuenta a los desarrolladores, lo que le permite agregar ganchos de estilo CSS y funciones avanzadas, como permitirle solucionar problemas de incorporación utilizando un panel personalizado para el solucionador de problemas.
2.1 Uso de Oembeds con Gistpress Esto es simple. Todo lo que tiene que hacer es pegar la URL en una esencia en una sola línea en el editor de WordPress.
2.2 Uso de códigos cortos para funciones adicionales La ventaja de usar códigos de buques en comparación con Ombeds es que puede personalizar aún más cómo aparece Gists en su publicación. https://gist.github.com/pradeepdotco/a8f206981e0c49351b9d b. Muestra solo archivos individuales de forma predeterminada, tanto Oembeds como el código corto anterior mostrarán todos los archivos en el GIST (sí, un GIST puede ser una combinación de múltiples archivos-MULTI-MULTI -viajar). Todavía puede especificar el nombre del archivo en el código corto para mostrar el archivo único.
https://gist.github.com/pradeepdotco/c656b1dc5a5d1861426 c. Muestra líneas específicas desde un archivo GIST, puede limitar aún más para mostrar solo una determinada línea desde un archivo. Agregue el atributo de línea al código corto y especifique la línea de líneas (consulte el código corto a continuación). https://gist.github.com/pradeepdotco/de19bf98f8fb2028367d d. Resalte las líneas de un archivo GIST solo agregue el atributo de resaltar y especifique una lista de líneas o intervalos separados por una coma para resaltar del archivo principal. https://gist.github.com/pradeepdotco/734aecacd584e522d2a3mai son algunos atributos de código corto en la documentación que puede usar para personalizar el aspecto de la esencia. Con muchas opciones y características únicas, Gistpress es un complemento completo para integrar GIST con WordPress. La única desventaja que veo con el complemento es que está alojado en GitHub y no está disponible en el almacén de complementos de WordPress. Esto puede dificultar la administración de las actualizaciones para el complemento. Sin embargo, puede instalar el complemento GitHub Updater que le permite administrar las actualizaciones de los complementos alojados por GitHub, como Gistpress. 3. complemento GIST WP

WP GIST es otro complemento de WordPress que se suma a la incorporación de Githib GIST. El complemento también está disponible para descargar gratuita desde GitHub. El complemento permite que solo se use adiciones incluido GIST usando un código corto en su publicación o página (tenga en cuenta que los complementos anteriores – Gistpress y JetPack permiten ambas una forma más fácil de activar simplemente Ombeds). La única diferencia con WP GIST que me hace incluir el complemento aquí es su estilo ajustado, lo que hace que se vea bien con casi cualquier tema. Incorporación de Gists con WP GIST Tenga en cuenta la sintaxis en los códigos cortos que tendrá que incorporar GIST. 3.1 Síntesis única/completa Para incorporar una esencia, simplemente use el código corto [WPGist] con la ID GIST que desea incorporar. [WPGIST] 3.2 Archivo específico En un múltiplo archivos puede especificar la visualización de un solo archivo de un esencial de archivo múltiple agregando un atributo de archivo. [Wpgist file = “find-this-in-load-styles.php”] Similar a GitPress, deberá usar el complemento GitHub Updater, porque el complemento solo está alojado en GitHub. Puede consultar la página del proyecto GitHub para obtener instrucciones adicionales para su uso o si desea contribuir al complemento. 4. GIST OMBED
Ombed GIST es un complemento simple que le permite agregar soporte Ombed para archivos GIST. El complemento está disponible de forma gratuita en el almacén de complementos de WordPress. También puede buscar e instalar el complemento en el tablero de WordPress. Una vez instalado, hay dos formas en que puede incorporar GIST utilizando este complemento. A. La URL general en una sola línea simplemente pegue la URL de la esencia en una sola línea. B https://gist.github.com/973153#file_select_media.html El complemento es compatible con el autor y también está disponible para descargar desde Github aquí. Entonces, hasta ahora hemos discutido formas de usar complementos para agregar GIST de diferentes maneras. Aunque recomiendo encarecidamente el uso de los complementos anteriores, puede agregar fácilmente el soporte ombrado agregando algunas filas de código personalizado a su tema para agregar el soporte principal aquí es un código personalizado que puede codificar en la función.php del tema Usted usa el tema infantil y siempre hace una copia de seguridad de su archivo) o puede usarlo como complemento. Como puede ver en el archivo GIST incorporado a continuación (usando Ombeds), el código es de Ninnypants. https: