Guía completa de códigos cortos de WordPress

Antes del editor de WordPress Block, los códigos cortos de WordPress eran una de las mejores cosas para llegar al editor de WordPress para facilitar la adición de funciones y tema de complementos en páginas, publicaciones y otras secciones de un sitio web de WordPress.

Con la transición al editor de bloques, ¿qué significa esto para la mayoría de los complementos y sitios web más antiguos que todavía están llenos de códigos cortos? ¿Funcionarán los códigos cortos de WordPress? ¿Hay alguna manera de moverse fácilmente del uso de códigos cortos de WordPress a los bloques de WordPress? Vamos a averiguar. En esta guía, exploraremos los códigos cortos de WordPress en la era del editor de bloques de WordPress.
En esta guía
¿Qué son los códigos cortos de WordPress? Un brevemente de WordPress es un bit reutilizable y envuelto dinámicamente en [paréntesis]. Los códigos cortos le permiten insertar fácilmente funciones específicas de WordPress en sí mismo o en un complemento o tema en cualquier publicación, página, tipo de publicación o widget personalizado. Piense en códigos cortos de WordPress, como “accesos directos” o macros en su sitio web. Puede usar códigos cortos de WordPress para mostrar contenido estático que es demasiado agotador para continuar la codificación y la repetición. Y también puede usar códigos cortos para mostrar contenido dinámico, como galerías de imágenes, reproductores de audio para podcasts, calendarios de eventos o estadísticas cambiantes para ciertos datos.
Formato de código corto Cuando se trata de insertar códigos cortos, el formato básico [Bracket] se puede “ampliar” de varias maneras, lo que le permite personalizar o agregar información adicional sobre la configuración llamadas atributos. Además, los atajos pueden envolver el texto (o HTML) o incluso vestirse con otro código corto. Por ejemplo, un código corto puede tener los siguientes formatos: [Código corto] [Código corta] Algún texto [/shortcode] [Código corto] contenido html [/shortcode] [Código corto] Algún texto [otro-shotcode] más texto [/shortcode] [Shortcode icon = “Icon: Star” Background = “#eeeeee” color = “#F73F43” text_color = “#f73f43” size = “32” shape_size = “16” radius = “256” text_size = “16” url = ” #”Target =” Self “Margin =” 0 “] Este es un icono personalizado [/shortcode] Atributos de código corto Los códigos cortos también son flexibles, ya que se pueden extender con atributos. Con atributos, los números cortos ofrecen personalización adicional, simplemente agregando fragmentos de código adicionales.
Los complementos y los temas proporcionan guías y campos adicionales para ayudar a los usuarios a usar los fragmentos de código corto correctos para agregar o eliminar ciertos elementos de la salida. Aquí hay algunos ejemplos de códigos cortos con atributos.
[[Gallery id = “123” size = “mediano”]]] [Publicaciones recientes de Posts = “5”] [Reciente postes publica = “5”] encabezado de publicaciones [/recientes-posts] WordPress Códigos cortos de WordPress incorporados con varios cortos creados para reproducir ciertos tipos de contenido.
[audio] El código corto de audio le permite incorporar archivos de audio y reproducirlos. [[Título]] Utilizado principalmente con imágenes individuales, el código de subtítulo corto le permite envolver subtítulos alrededor del contenido.
[[Galería]] El código de la galería corto le permite agregar una o más galerías de imágenes a sus publicaciones y páginas.
[[empotrar]] El código corto incrustado le permite envolver elementos incorporados con el ancho y la altura máximo (pero no fijo).
[[Lista de reproducción]] El brevemente de la lista de reproducción implementa la funcionalidad de mostrar una colección de archivos de audio o video de WordPress en una publicación.
[video] El código corto de video le permite incorporar archivos de video y reproducirlos.
Los códigos cortos para complementos y temas de temas y arados específicos de WordPress tienen códigos cortos desde el cuadro, que puede insertar en la publicación o páginas y reproducirá el resultado en el frente. Hasta ahora, muchos temas y complementos todavía usan códigos cortos. Por ejemplo, los códigos cortos a menudo se usan en complementos ordinarios para calendarios, formularios, tablas, suscripciones, cronometrados o cotizaciones. Incluso los complementos de código cortos que le permiten crear códigos cortos para cualquier cosa. Los temas de WordPress también pueden usar códigos cortos para reproducir un cierto contenido dinámico que es preestilizado o proporcionado por ellos.
Códigos cortos personalizados que la mayoría de los desarrolladores expertos eligen crear sus propios códigos cortos, esencialmente reduciendo el tiempo necesario para codificar algo repetitivo. Todo lo que necesita es un archivo adicional simple en el directorio de archivos para crear el archivo Custom ShortCodes.php. Si desea averiguar las cadenas de códigos cortos personalizados, aquí hay una guía sobre la creación de códigos cortos personalizados. La API de código corto de WordPress para desarrolladores que crean sus propios códigos cortos personalizados, WordPress Shortcode API ofrece un conjunto simple de características para crear códigos cortos de WordPress para usar en publicaciones y páginas. Shortcode ayuda a los desarrolladores de complementos a crear contenido dinámico. Que los usuarios pueden agregar a páginas o páginas o páginas Publicaciones agregando el código corto apropiado al área de contenido. Afortunadamente, API administra todos los análisis complicados, eliminando la necesidad de escribir una expresión regularizada para cada código corto. Además, las funciones de asistencia se incluyen para configurar y asumir los atributos de código corto de valor predeterminado. Los desarrolladores pueden encontrar la documentación de la API de código corto de WordPress para obtener más información sobre:
Manejo de atributos
Salida
Códigos de cierre cortos vs cierre automático
La referencia de la función
limitación
Sintaxis formal
Códigos cortos En el editor clásico En el pasado, los códigos cortos se insertaron en el editor clásico de cualquier publicación o páginas, de la siguiente manera:
¿Qué son los bloques de WordPress? Los códigos cortos fueron primero … pero luego llegó la edición basada en el bloque. Con la introducción de WordPress 5.0 llegó la implementación del editor planificado planificado o el editor de bloques de WordPress como páginas y publicaciones principales para WordPress, reemplazando al clásico editor de WordPress basado en años. Aquí hay un vistazo al editor de contenido antes de WordPress 5.5 (¡ah, estos fueron los días!) El editor de Gutenberg se anunció por primera vez en versiones anteriores de WordPress, pero seguía siendo opcional a WordPress 5.0, cuando se convirtió en el editor predeterminado.
Descargar eBook: Ultimate Guide to WordPress 5.0 y el editor de Gutenberg
Descarga tu PDF

No hay nada inherentemente malo en el nuevo editor bloqueado. De hecho, a la mayoría de los usuarios les gusta la apariencia mejorada y más limpia y menos intimidante desde la parte posterior de WordPress.

Pero con el editor de bloques de WordPress, apareció WordPress Blocks. Las opciones de formato desde arriba han ido, que recuerdan las aplicaciones de procesamiento de texto, como Microsoft Word. En cambio, las opciones de formato se han reemplazado con las opciones en la barra lateral derecha para cada bloque.
Los bloques de WordPress son esencialmente contenedores de contenido. Hay muchos bloques diferentes para diferentes tipos de contenido: imágenes, videos, textos, títulos, galerías, que llamas. Incluso hay un bloque de WordPress para formatear, espaciadores y divisores y se organizan accidentalmente en categorías para facilitar el acceso.
Todas las opciones y controles que estaban en la parte superior ahora están en el lado derecho del editor / publicaciones de la página, con pestañas en la parte superior que indican si desea ver las opciones solo para el bloque actual o todo el documento. El editor de bloques es más fácil, más rápido y más fácil de usar. Además, los desarrolladores de temas y complementos fabrican sus propios bloques que agregan múltiples opciones de bloques a bloques BlockPress implícitos. Bloques reutilizables vs. Los códigos cortos del camino para guardar un conjunto de salidas predefinidas en el editor clásico de WordPress fueron creando sus propios códigos cortos. Ahora, este método ha sido reemplazado por bloques reutilizables. La capacidad de ahorrar bloques predefinidos y prepersonalizados también ha facilitado el ahorro de la apariencia y el diseño de un bloque y usarlo en otro. Al igual que una plantilla de página. Por ejemplo, si agrega un bloque de botones y lo estiliza con un cierto color, efectos del cursor, etc., no querrá continuar haciendo esto en cada página a la que agrega ese botón. Si lo cambia en un bloque reutilizable, el botón se guarda en su sitio de WordPress y se convierte en su propio bloque que puede usar en otras páginas o publicaciones.
También puede actualizar estos bloques convirtiéndolos en bloques ordinarios, guardándolos como uno nuevo (con un nuevo nombre) o actualizando el diseño existente del bloque. Bloques grupales

En WordPress 5.3 llegó la introducción de bloques de grupos y plantillas. Esencialmente, tiene la oportunidad de agrupar ciertos bloques y moverlos o actualizarlos todos juntos. Esto finalmente dio a luz a los modelos de bloqueo. Los modelos de bloqueo han facilitado el contenido del contenido, porque los usuarios preferirían elegir un modelo y actualizar el contenido en lugar de comenzar desde un lienzo vacío. Bloquear opciones elegantes con cada tema viene con diferentes opciones de estilo. Y, normalmente, el estilo del contenido que agrega en cada sitio está predeterminado por su tema con el editor de bloques, tiene la opción de actualizar el estilo de cada bloque individual, ya sea para destacar o hacerlos más visibles. Los bloques completos y la edición del sitio con todos estos progresos y cambios en la forma en que creamos y creamos páginas en WordPress, la idea y la posible transición a lo que se llama la edición completa del sitio. En el pegado, la mayoría de los usuarios solo podían actualizar el cuerpo real de una publicación o página. Ciertos aspectos del sitio web, como encabezado, sótano, barras laterales y widgets, continúan en gran medida sobre el tema. Esto, por supuesto, buscó el tema perfecto, con la cantidad correcta de opciones, la lucha final para desarrolladores y usuarios de WordPress. Con la edición completa de los sitios y la introducción de Block Builder, la tendencia se acentúa para hacer todas las secciones de una página o publicación editable, de alguna manera, utilizando bloques.

Por ejemplo, el último WordPress Veintisiete Veintice WordPress sigue este modelo, dando a los creadores y propietarios de sitios web un mayor control sobre su sitio y cómo les gustaría ver. En el futuro, los desarrolladores de complementos y temas tendrán que adoptar un enfoque diferente al desarrollar su software para adaptarse a la nueva experiencia de edición de sitios completos y crear las páginas de WordPress. Aunque la aplicación completa de esto todavía está en el horizonte, es un cambio positivo que podemos ver antes que más tarde. El nuevo bloque de brevescodos antes del editor de bloques, los códigos cortos se insertaron directamente en la página o al editor de páginas. Ahora, el editor de bloques de WordPress incluye un nuevo bloque de código corto. El bloque de código corto facilita el uso adicional de los códigos cortos antiguos en una publicación o página y mantiene la integridad del bloque de código corto.

El bloque de código corto se puede agregar a una página o publicar haciendo clic en el botón Agregar bloque. Alternativamente, puede escribir / shortcode y presionar ENTER.

Notará que, a diferencia de otros bloques ordinarios, el bloque de código corto no incluye configuraciones específicas en el bloque o en la barra lateral del editor, probablemente debido al hecho de que los códigos cortos se pueden personalizar utilizando sus atributos. ¿Qué significa el editor de bloque corto de WordPress? El editor de bloques de WordPress tiene implicaciones importantes para códigos cortos. Cubramos algunas de las cosas más importantes para recordar sobre los códigos cortos de WordPress en la era del editor de bloques. 1. El editor de bloques de WordPress cambia fundamentalmente la necesidad y el propósito de los códigos cortos para la mayoría de los complementos y temas. Con un sistema de edición basado en bloques, cada “elemento” en la página tiene su propio bloque, en lugar de contenido en un editor de edición WYSIWYG. Debido a que el editor de bloques es un enfoque totalmente diferente a la composición de una publicación o página, las partes más dinámicas de una página generadas por códigos cortos pueden existir como bloques que se pueden agregar individualmente. 2. Los bloques ahora pueden reemplazar la mayoría de los códigos cortos, eliminando la necesidad de que los usuarios aprendan a usar códigos cortos. El concepto y el formato de códigos cortos pueden tener una curva de aprendizaje empinada para algunos usuarios, por lo que el enfoque de bloque puede ser más fácil. Por ejemplo, tome los formularios de gravedad del complemento. Antes del editor de bloques, el proceso de insertar un formulario en una publicación o página era diferente. Del editor clásico, tenía que usar un botón para insertar un formulario en su contenido.

Después de seleccionar el formulario, el código corto del formulario se agregó a su contenido. Dependiendo de las opciones seleccionadas, el código corto contenía los atributos para el título y la descripción. Ahora, los formularios de gravedad del complemento ofrecen un bloque de bloque construido.En el editor de bloques, seleccione el bloque de formulación.

Una vez que haya seleccionado el formulario, realmente verá una mejor vista previa de cómo se mostrará el formulario en su página, la configuración del formulario se puede encontrar en la configuración del bloque.
3. Los desarrolladores de Temo y Pluginuri tendrán que decidir sobre el futuro de sus implementaciones de código corto y la conversión de sus códigos cortos en bloques. Como se mencionó anteriormente, cientos de temas, complementos y desarrolladores continúan usando códigos cortos en sus sitios y aplicaciones. La adopción de los bloques puede ser lenta, pero a medida que los usuarios se familiarizan con el nuevo editor de bloques, es probable que los usuarios soliciten una opción de bloqueo. Para aquellos desarrolladores que todavía están a pocos kilómetros de la adopción del sistema de edición de bloques de WordPress, el concepto de edición completa del sitio puede ir de la mano con sus códigos cortos. Los complementos como complementos de revisión y evaluación, reproductores de audio, tickers de datos, galerías, formularios de contacto y muchos otros que continúan usando códigos cortos todavía están “en el juego”. 4. Los códigos cortos no desaparecerán pronto. Por lo tanto, el editor de bloques de WordPress ofrece el bloque de código corto para ayudar a mantener el uso de códigos cortos. Debido a que los códigos cortos tenían un uso e implementación tan amplio antes de WordPress 5.0 y el editor de bloques, es importante que las versiones futuras de WordPress continúen aceptando códigos cortos. 5. Los códigos cortos se pueden convertir a un bloque. ¿Tiene un tema o complemento favorito con códigos cortos?
Es probable que esos códigos cortos se conviertan en un bloque a la vez. Si es un desarrollador de un complemento o tema o crea sitios web de WordPress y usa códigos cortos en un tema personalizado, puede repensar los códigos cortos como bloques. En la siguiente sección, abordaremos brevemente cómo convertir los códigos cortos de WordPress en bloques de WordPress. Cómo convertir los códigos cortos de WordPress en bloques de WordPress, ya que puede agregar códigos cortos personalizados y bloques reutilizables, puede convertir fácilmente las costumbres de WordPress en bloques de WordPress. Siga los primeros pasos en esta guía personalizada para códigos cortos. Tome este ejemplo básico de las formas de caldera: 0,’ encabezado ‘=>’ h3 ‘,], $ atts,’ cl_post_title ‘); return caldera_learn_basic_blocks_post_title ($ atts [‘id’], $ atts [‘encabezado’]); } / ** * emite el título de publicación envuelto en un encabezado * * @param int $ post_id la identificación de post * @param string $ Permitir: H2, H3, H4 Solo * * @return String * / function caldera_learn_basic_blocks_post_title ($ post_id ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, $ encabezado) {if (! in_array ($ heading, [‘h2’, ‘h3’, ‘h4’])) {$ heading = ‘h2’; } $ title = get_the_title (ABSINT ($ post_id)); devolver ” $ title “; } / ** * Registre Shortcode * / add_shortcode (‘cl_post_title’, ‘caldera_learn_basic_blocks_post_title_shortcode_handler’);
Este código se hace cargo de la identificación de la publicación y un nivel de título (H2, H3, HE) y elimina el título de la publicación envuelta en el código HTML para el título. Una vez que haya terminado y probado que el código está funcionando, debe registrar el código corto como un bloque. Aquí está la guía paso a paso para convertir un breve WordPress en un bloque de Gutenberg como ejemplo. Más recursos sobre la creación de bloques de WordPress Existen numerosos complementos y recursos disponibles en línea que lo ayudarán a alcanzar ese paso, incluida la documentación oficial de WordPress sobre la redacción de su primer bloque. Puede consultar la publicación de Igor Benic y cómo crear un bloque para mostrar publicaciones. Después de leer estas guías, podrá averiguar cómo crear sus propios bloques de WordPress utilizando códigos cortos personalizados. Nota: El proceso podría ser un poco diferente con diferentes códigos cortos. Los complementos y los temas con códigos cortos pueden adoptar un enfoque diferente debido a la enormidad de los atributos a considerar. Básicamente, es posible que tenga que investigar mucho y pasar mucho tiempo para codificar esto.

Los códigos cortos de WordPress veredicen los códigos cortos de WordPress son y seguirán siendo una de las partes más importantes de WordPress. Los códigos cortos han ayudado a muchos desarrolladores de complementos a hacer que sus complementos sean más fáciles de usar y muchos desarrolladores de temas a extender las funcionalidades de sus temas. Los códigos cortos también han reducido la cantidad de dolores de cabeza que muchos creadores de contenido y propietarios de sitios web tienen después de crear sus códigos cortos personalizados cuando se trata de agregar y actualizar repetidamente las cosas deseadas. Dicho esto, no hay duda de que el editor de bloques es el futuro de la experiencia de edición de WordPress, así que espere para ver que más desarrolladores contribuyen a la mejora y aún más, con características completas, incluidos aquellos que aún usan códigos cortos. Mirando en el futuro, esperamos que más desarrolladores pasen a usar y agregar bloques de WordPress en lugar de códigos cortos de WordPress. Esperamos que haya aprendido mucho sobre la importancia de los códigos cortos de WordPress, lo que sirven y cuándo usarlos. Esperamos que pueda comenzar a crear sus propios códigos cortos personalizados y posiblemente sus propios bloques, ambos definitivamente desaparecerán. Kristen Wright

Kristen escribió tutoriales para ayudar a los usuarios de WordPress en 2011. Por lo general, puede encontrarlo trabajando en nuevos artículos para IThems Blog o desarrollar recursos para #WpProsper. Fuera del trabajo, Kristen disfruta del diario (¡escribió dos libros!), Senderismo y acampar, cocinar y aventuras diarias con su familia, con la esperanza de llevar una vida más presente.