Element Pack proporciona widgets de gama alta a precios comparativamente más bajos para los consumidores. Maximizar la satisfacción del cliente, EP garantiza que todos sus recursos se coloquen donde deben estar.
Códigos cortos son también los productos estándar de Element Pack. Es un término común en nuestra comunidad WordPress. Pero aún así, a los novatos les resulta extraño entender su valor.
Este blog está destinado a aquellos que todavía necesitan una comprensión de lo que son Shortcodes, cómo funcionan, y consejos y trucos.
Empecemos.
Cara y cruz de los Shortcodes
En caso de que te estés preguntando "¿Qué son los shortcodes?", esta respuesta debería satisfacerte:
Los códigos cortos son códigos que pueden ser algunas letras o una frase encerrada en [] Paréntesis y ejecutar cualquier función específica extrayendo códigos originales del inventario.
En términos simples, un shortcode es un representante de un código original. Usando un shortcode se ejecutará el código principal teniendo el mismo efecto en la pantalla.
WordPress es una aplicación de código abierto. Debido a su naturaleza de uso gratuito, puedes utilizar completamente su estructura de código como quieras. Pero como no desarrollador, manejar el código principal puede no ser tu mejor opción. Por ello, WordPress también proporciona shortcodes para funciones específicas de uso general.
Aunque WordPress tiene shortcodes, no son los únicos. La mayoría de la compañía de plugins y temas les gusta tener sus propios códigos cortos que viene en un paquete como Element Pack. Son buenos para usar también. Sólo asegúrese de no desinstalar el plugin relacionado con los códigos cortos utilizados o los códigos dejarán de funcionar.
¿Por qué utilizar Shortcodes?
Es una pregunta habitual y la respuesta es sencilla: porque lo necesita.
Sí, es cierto. Por supuesto, tenemos widgets para añadir funciones en nuestro sitio, pero ¿adivinen qué? Los widgets no se pueden colocar dentro del campo de texto. Simplemente, no se puede utilizar el widget en todas partes. No importa quién lo haya desarrollado, es simplemente imposible utilizar el widget en todos los rincones de un sitio web.
Por eso necesitas shortcodes para añadir funciones donde no se pueden usar widgets.
La mejor solución web
¿Quiere potenciar su sitio web con nuestro producto?
Visitar el paquete de elementos
Cómo utilizar los códigos cortos del PE
¡Ahora viene lo mejor! Element Pack tiene una buena cantidad de shortcodes en su inventario. Cada uno es único y es bastante divertido de usar. Todos los shortcodes tienen aplicaciones importantes y por lo tanto importantes.
Para evitar que los shortcodes interfieran con la página del blog, eliminaremos [] Soporte del principio y del final de los códigos. Veamos cómo utilizarlos uno por uno.
Código corto de alerta
Para establecer una notificación de alerta rápida dentro de cualquier área de texto, puede utilizar este código corto de alerta.
En el editor de texto, simplemente pegue el shortcode entre el texto y pulse guardar.
Verá el mensaje de alerta en el modo de vista previa. Fácil, ¿verdad?
Además, puede personalizar aún más el mensaje de alerta mediante el color y la tipografía.
clase = "mi-clase"
tipo = "primario, éxito, advertencia, peligro"
style ="color: #fff; font-size: 18px;......."
Sólo hay que poner líneas adicionales a la shortcode.
Ejemplo final del shortcode Alerta.
Código corto de cuenta atrás
Este shortcode puede interesarle más de una vez. A diferencia de ocupar una sección total, puedes mostrar un temporizador de cuenta atrás dentro de los textos. Es fácil y tiene una amplia gama de aplicaciones.
Simplemente, ponga el código dentro de cualquier texto.
Véalo aparecer en la vista previa.
Por supuesto, puedes cambiar el estilo del texto de la cuenta atrás.
Fácil, ¿verdad? Además, puedes definir la fecha para la cuenta atrás añadiendo este código: date = "2020-10-10 12:00"
En resumen, todo el código tendrá el siguiente aspecto:
Así, puede añadir un temporizador de cuenta atrás entre textos para promociones, ofertas de ventas, etc.
Código corto de fecha actual
El siguiente shortcode muestra la fecha actual de acuerdo a la zona horaria dentro de su página.
Supongamos que necesita actualizar la fecha y la hora en la zona del pie de página donde se encuentran los números estáticos. Puede que necesite añadir información como la fecha de copyright, la fecha del sitio, etc. Pero con los números estáticos, puede olvidarse de editarlos y terminar con la fecha incorrecta.
En su lugar, utilice este shortcode para añadir una fecha dinámica dentro de cualquier área de texto en su página web. Muy sencillo.
En caso de que necesite mostrar sólo el año, utilice este formato de código:
¡Ya está!
Etiqueta Shortcode
El shortcode Label es para añadir etiquetas a sus textos. Le permite elegir sus palabras para la etiqueta, así como el color de la etiqueta.
Basta con insertar el código en los textos.
Ver es el modo de vista previa.
Además, añade estas líneas antes del corchete de cierre para personalizarlo aún más:
clase = "mi-clase"
tipo = por defecto, éxito, advertencia, peligro
style ="color: #fff; font-size: 18px;"
¡Ya está!
Lightbox Shortcode
¿Sabes que puedes invocar un lightbox desde los textos?
Sí, es posible con este shortcode aquí. Añadiéndolo dentro del campo de texto podrás insertar imágenes, vídeos, youtube, e incluso google maps. Genial, ¿verdad?
Sólo tiene que utilizar este código ampliado y añadir el enlace en el campo de enlace anterior.
A continuación, en el modo de vista previa, verá el lightbox allí. Si haces clic en el texto azul, aparecerá el contenido del lightbox. Por supuesto, también puedes cambiar la etiqueta del texto.
Código corto del portapapeles
Este es un práctico shortcode para copiar rápidamente cualquier párrafo del contenido web. Basta con hacer clic en el contenido para ejecutar el comando de copia en este caso.
Inserte el shortcode entre el texto. Asegúrese de poner el texto de destino dentro de la formación de inicio / fin de código.
En el modo de vista previa, una vez que pases el ratón por encima del texto de destino, verás un mensaje que dice "Haz clic para copiar". Inicie la copia haciendo clic en el texto.
¡Ya está!
Código corto del título del sitio
Este shortcode muestra el título del sitio dentro del área de texto una vez utilizado. Puede que necesite mostrar el título de su sitio en muchas ocasiones y este código lo manejará dinámicamente. Lo que significa que se mostrará el título del sitio en vivo y cambiará a medida que cambia el nombre del sitio.
Ponlo dentro del campo de texto.
El título se mostrará dentro del área de texto en el modo de vista previa.
¡Espera! Hay más -
Hasta ahora, todo lo que veías eran los shortcodes proporcionados por Element Pack. Todos los ejemplos utilizados aquí tienen un código funcionando en acción.
Ahora, ¡aquí está el truco secreto!
Puede combinar los shortcodes juntos y hacer una nueva función de ellos.
Sí, ¡has leído bien! Los shortcodes pueden ser invocados dentro de otro shortcode. Haciendo eso se añadirá una función encima de otra función, haciendo posible alcanzar una nueva característica. Lo dejaremos a tu imaginación.
Gracias por su atención. Espero que haya aprendido algo hoy.
Blog para tiEditor's Pick
¡Aprenda a hacer CTA excepcionales ahora!
Comparte este blog:
Facebook
Twitter
Pinterest
WhatsApp
Vkontakte
Telegrama
