• Ir al contenido
  • Ir a la navegación
  • Ir al buscador
 
Portada Boludo
ING English
Directorio WAP para móvil, Tablet, iPhone o Smartphone

Centro de Noticias de la Universidad de Oriente

Categorías

 

Inicio  |  Contacto  |  Posts  |  TIENDA PUBLISHOP  |  Sobre nosotros  |  Registro y Planes  |  Pagos  |  Donaciones

Ver Código QR de esta página

Campaña #AyudemosaYuli  |  Campaña #AyudemosaStephany.  |  ¿Interesado(a) en cursos y resolución de ejercicios de materias prácticas? Para más información, contáctenos por: Teléfono: +58 (412) - 8226575. WhatsApp y Telegram: +58 (426) - 6836955 o escriba al correo: [email protected]. Únete al grupo: SISTEMAS (UDOMO).

[»] **Musica para tu celular

WEB TRANSLATOR

LINK for English Language

Use this link for translate into English


+ Buscar en BolUDO

 

Como crear y usar shortcodes en las publicaciones de WordPress

Tweet
 

miércoles agosto 24, 2022

Agregar a las páginas imágenes, videos, texto u otros elementos usando los shortcodes que incluye WordPress o crear los propios nuestros. Ejemplos prácticos.
Como crear y usar shortcodes en las publicaciones de WordPress
Los shortcodes son una de las funciones más útiles que incluye WordPress, aunque son poco conocidos y empleados por la gran mayoría.
En este articulo explico con ejemplos como usar en la práctica los que incluye WordPress y como crear los propios nuestros, para agregar contenido y personalizar las publicaciones.

¿Qué son y cómo funcionan los shortcodes de WordPress?

Un shortcode es una etiqueta que se puede insertar dentro del texto en cualquier entrada o página, usando el editor del panel de administración, de la siguiente forma:
[NombreDelShortcode]
En ese lugar exactamente, se inserta el contenido que refiere.
Podemos usar los que incluye WordPress o crear los nuestros, agregando previamente las funciones necesarias, en el archivo “functions.php” o en un plugin como explico más abajo.

Shortcodes que incluye WordPress

WordPress incluye los siguientes shortcodes:
embed – Es el que brinda más posibilidades. Permite insertar contenido externo de varios tipos y distintos formatos, en las páginas.
Solo se necesita agregar entre las etiquetas embed/embed la dirección URL del recurso.
Puede ser fotos, videos, música, perfiles o publicaciones en las redes sociales, etc.
Lee más información.
[audio] – Permite agregar archivos de audio, para reproducir en las páginas. Poco empleado actualmente porque es más fácil aun agregarlos con el shortcode anterior, aunque permite opciones como el modo de carga, para no afectar el tiempo de carga de la página.
Por ejemplo: [audio src="https://url al archivo .mp3" preload="none"]
[video] – Permite insertar videos.
[playlist] – Muestra una colección de archivos de audio y video.
[caption]– Permiten agregar descripción bajo las imágenes. Poco empleado.
[gallery] – Permite crear una galería de imágenes en una publicación.
Estas imágenes pueden estar en la misma publicación o ser independientes de ellas.
Esta galería se puede personalizar usando distintos parámetros en el shortcode como el tamaño de las miniaturas, el orden, numero de columnas, los enlaces, etc.

Crear shortcodes personalizados en WordPress

Para crear shortcodes propios que nos permitan insertar contenido en las publicaciones, necesitamos agregar la función necesaria en el archivo “functions.php” del Tema Child.
Si son varios estos shortcodes, se recomienda crear un plugin personal solo para esta tarea.
En ambos casos la función tiene el siguiente formato:
// Crear shortcode
function nombre_funcion() {
return 'TEXTO o HTML';
}
add_shortcode( 'nombre_shortcode', 'nombre_funcion' );

Ejemplos de shortcodes

En los siguientes ejemplos uso funciones comentadas en un artículo anterior, que nos permiten agregar contenido en las páginas.
1- Shortcode para mostrar un mensaje de texto en un contenedor.
// Insertar mensaje
function mensaje_texto( $atts ){
	return '<div style="background-color:#d4eefd;padding:12px;margin:-12px 0 12px 0;">Texto del mensaje a mostrar donde se inserte el shortcode</div>';}
add_shortcode( 'mensaje', 'mensaje_texto' );
Nombre del shortcode: [mensaje]

2- Shortcode para insertar un calendario del mes actual, con enlaces a las publicaciones creadas en nuestro blog en cada fecha.
// Insertar calendario
function npc__calendario() {
       ob_start();
get_calendar();
return ob_get_clean();}
add_shortcode('calendario', 'npc__calendario');
Nombre del shortcode: [calendario]

3- Shortcode para mostrar la fecha y hora actual.
// Insertar fecha y hora local
function npc__act() {
  ob_start(); 
echo '<p>'.date_i18n('F jS, Y, H:i').'</p>'; 
return ob_get_clean();}
add_shortcode( 'fechahora', 'npc__act' );
Nombre del shortcode: [fechahora]

4- Shortcode para mostrar un enlace a las redes sociales, en este caso Twitter.
// Enlace de seguir en Twitter
function seguir_twitter() {
    return '<p><a style="color: #55acee;font-size: 1.2em;" href="https://twitter.com/NorfiPC"><b>¡Sígueme en Twitter!</b></a></p>';}
add_shortcode('seguirtwitter', 'seguir_twitter');
Nombre del shortcode: [seguirtwitter]

5- Shortcode para compartir la página donde se inserte en Facebook.
//Compartir pagina en Facebook
function share_fb(){
$url = get_permalink();
return '<p><a style="color: #3b5998;font-size: 1.2em;" href="https://www.facebook.com/sharer/sharer.php?u='.$url.'" target="_blank"><b>Compartir en Facebook</b></a></p>';}
add_shortcode('compfb', 'share_fb');
Nombre del shortcode: [compfb]

¿Cómo insertar shortcodes en widgets?

En WordPress no podemos agregar contenido en la barra latera, a no ser que usemos los widgets.
Para poder habilitar el uso de shortcodes en el Widget de texto, necesitamos agregar la siguiente instrucción al archivo functions.php.
// Habilitar Shortcodes en Widget de texto
add_filter('widget_text', 'do_shortcode');

Reglas para evitar errores al crear shortcodes

– Se debe evitar el uso de las órdenes echo y print.
– El nombre del shortcode no debe contener caracteres especiales, espacios ni el carácter (-).
– Si el shortcode produce mucho HTML, se debe usar “ob_start()” para capturar la salida y convertirla en una cadena empleando “ob_get_clean()”, como se puede comprobar en el ejemplo número 2.

Otras páginas relacionadas

✓ Como modificar y personalizar mi tema de WordPress
✓ Como usar y configurar WordPress sin plugins
✓ Convertir los enlaces externos en NoFollow en WordPress
— @bolUDOoficial

— Síguenos en Twitter@bolUDOoficial

Categorías: #WordPress, #


[0] Atrás | Directorio
« Inicio
Apps Infoudo
Apps Infoudo ¡Descarga el icono directo en el menú de tu equipo!
[»] Las mejores Apps para tu celular
[»] Imágenes Gratis


Comenta o lee lo que otros opinan

COMPÁRTELO:

Indica que te gusta y comparte

Me Gusta :)Facebook Tuiteame :)Twitter .WhatsApp .Telegram . LinkedIn

También te puede interesar:

Agregar anuncios de AdSense en páginas normales y AMP de WordPress
Errores de permisos al instalar WordPress
Cambiar con CSS el estilo del tema Twenty Seventeen de WordPress
Como usar y configurar WordPress sin plugins
Agregar en WordPress scripts, código y elementos adicionales
Como modificar y personalizar mi tema de WordPress
Los plugins de WordPress que uso en mi blog
Como optimizar y afinar el funcionamiento de un blog en WordPress
Como deshabilitar los comentarios de WordPress
Como cargar los scripts del modo asíncrono en WordPress


« Agregar en WordPress scripts, código y elementos adicionales  |  Como usar y configurar WordPress sin plugins »
 
Apps Infoudo
 
Buscador:
Powered by Google:


Web móvil
Imágenes
La Web

 

Síguenos por RSS


Puedes leerlos mediante el navegador Firefox, lectores de noticias en la computadora o el móvil o usando el servicio de Feedburner de Google para recibir las notificaciones por correo electrónico.
RSS - Suscribirse usando Feedburner de Google

email Recibir las nuevas publicaciones de Boludo por email

Atom


»Ir a URL
.....
Registra Gratis Tu Negocio
....
Sugerir un nuevo sitio WAP

...
¡Bloguea Ya!

..
Registro de Profesionales(Abogados, escritores, doctores, licenciados, ingenieros, etc.)
.
Soporte

Síguenos en las redes sociales

Síguenos en Facebook facebook.com/boludooficial Síguenos en Twitter @bolUDOoficial Síguenos en Instagram @boludooficial Síguenos en Telegram t.me/Boludooficial
Síguenos en WhatsApp BolUDOoficial Síguenos en YouTube youtube.com/@boludo.oficial
Síguenos en Facebook facebook.com/SergioAlemanFans Síguenos en Twitter @SergioAleman1 Síguenos en Instagram @sergioalemanfans
Síguenos en WhatsApp wa.me/qr/Y7Q232VLZPR5O1 Síguenos en Tiktok @sergioalemanoficial Síguenos en Tiktok @sergioalemanfans
Síguenos en Telegram t.me/SergioAlemanOficial Síguenos en YouTube youtube.com/@sergioaleman
Síguenos en Facebook facebook.com/INFOUDO.OFICIAL Síguenos en Twitter @infoudomon Síguenos en Instagram @infoudooficial Síguenos en Telegram t.me/Infoudooficial
Síguenos en Facebook facebook.com/tuinfou Síguenos en Twitter @infoudomonagas
Síguenos en WhatsApp INFO UDO Síguenos en YouTube youtube.com/@infoudooficial

Mis cuentas sociales

FB
Twitter
Pinterest
Instagram
Otras

Móvil: (0426 683 6955 - 0412 8226575) - E-mail: [email protected] - [email protected] - WhatsApp: +58 (0426) 683.69.55


Copyscape
Volver arriba

Protocolo  |  Mapa del Sitio  |  Report Abuse - DMCA  |  Términos y Condiciones  |  Ayuda  |  Privacidad de Datos  |  Política de Cookies  |  Reportar un bug  |  Licencia: CC BY-NC-ND 3.0

Copyright ©2023 Boludo. Todos los derechos reservados. Diseñado y Desarrollado por Sergio Alemán Mi perfil en GitHub


SUBIR