5 Shortcodes útiles y faciles de implementar para WordPress
Hoy les traigo 5 shortocodes de WordPress poco comunes y super útiles que van a dejarlos con la boca abierta!!
Más adelante les voy a explicar como englobar todas estas funciones o shortcodes dentro de un plugin para no llenar nuestro functions.php de shortcodes.
Los shortcodes que vamos a ver son : Mostrar un snapshot de una página web , Añadir un botón de donaciones de Paypal, Ofuscar direcciones de email, Generar contenido privado y Mostrar solo en los feeds de RSS.

Como funciona?
Copiar todos los shortcodes a functions.php
1. Mostrar un snapshot de un website
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | function mqw_wp_snapshot($atts, $content = null) { extract(shortcode_atts(array( "snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'http://www.masquewordpress.com', "alt" => 'SnapShot', "w" => '400', // width "h" => '300', // height "align" => 'aligncenter' ), $atts)); $img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '" class="' . $align .'"/>'; return $img; } add_shortcode("snapshot", "mqw_wp_snapshot"); |
function mqw_wp_snapshot($atts, $content = null) { extract(shortcode_atts(array( "snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'http://www.masquewordpress.com', "alt" => 'SnapShot', "w" => '400', // width "h" => '300', // height "align" => 'aligncenter' ), $atts)); $img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '" class="' . $align .'"/>'; return $img; } add_shortcode("snapshot", "mqw_wp_snapshot");
Lo usamos de la siguiente manera:
1 | [snapshot url="http://www.masquewordpress.com" alt="Snapshot" w="400" h="300" align="aligncenter"] |
[snapshot url="http://www.masquewordpress.com" alt="Snapshot" w="400" h="300" align="aligncenter"]
Impresionante verdad?
2. Añadir boton de donación Paypal
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | function mqw_shortocode_donacion( $atts ) { extract(shortcode_atts(array( 'text' => 'Hacer una donación', 'account' => 'TU CUENTA', 'for' => '', ), $atts)); global $post; if (!$for) $for = str_replace(" ","+",$post->post_title); return '<a class="donateLink" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$account.'&item_name=Donation+for+'.$for.'">'.$text.'</a>'; } add_shortcode('boton-donacion', 'mqw_shortocode_donacion'); |
function mqw_shortocode_donacion( $atts ) { extract(shortcode_atts(array( 'text' => 'Hacer una donación', 'account' => 'TU CUENTA', 'for' => '', ), $atts)); global $post; if (!$for) $for = str_replace(" ","+",$post->post_title); return '<a class="donateLink" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$account.'&item_name=Donation+for+'.$for.'">'.$text.'</a>'; } add_shortcode('boton-donacion', 'mqw_shortocode_donacion');
Lo usamos de la siguiente manera:
1 | [boton-donacion] |
[boton-donacion]
Lo único que tienen que hacer es usar un poco de CSS para darle estilo al botón.
3. Ofuscar una dirección de email
email@yourdomain.comTodos odiamos el SPAM, eso es un echo. Este código lo que hace es “ocultar” tu dirección de email para que no sea indexada por robots y spiders que van por la web.
1 2 3 4 5 | function mqw_ofuscar_email( $atts , $content=null ) { for ($i = 0; $i < strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';'; return '<a href="mailto:'.$encodedmail.'">'.$encodedmail.'</a>'; } add_shortcode('mailto', 'mqw_ofuscar_email'); |
function mqw_ofuscar_email( $atts , $content=null ) { for ($i = 0; $i < strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';'; return '<a href="mailto:'.$encodedmail.'">'.$encodedmail.'</a>'; } add_shortcode('mailto', 'mqw_ofuscar_email');
Se usa de la siguiente manera:
1 | [mailto]email@yourdomain.com[/mailto] |
[mailto][email protected][/mailto]
El código fuente se verá de la siguiente manera evitando así un monton de BOTS
1 | email@email.com |
email@email.com
4. Crear Contenido Privado
Pequeño y útil shortocode que sirve para mostrar contenido solo a usuarios registrados. Esta perfecto para archivos de descargas o formularios privados.
1 2 3 4 5 6 7 | function mqw_miembros_check( $atts, $content = null ) { if ( is_user_logged_in() && !is_null( $content ) && !is_feed() ) return $content; return ''; } add_shortcode( 'miembros', 'mqw_miembros_check' ); |
function mqw_miembros_check( $atts, $content = null ) { if ( is_user_logged_in() && !is_null( $content ) && !is_feed() ) return $content; return ''; } add_shortcode( 'miembros', 'mqw_miembros_check' );
Como usar el shortcode?Fácil
1 | [miembros]Este texto solo será visible por los miembros registrados.[/miembros] |
[miembros]Este texto solo será visible por los miembros registrados.[/miembros]
5. Mostrar solo en los feeds RSS
Es muy parecido al shortcode anterior con la única diferencia de que el contenido solo se mostrará es los feeds rss.
1 2 3 4 5 | function mqw_rss_only( $atts, $content = null) { if (!is_feed()) return ""; return $content; } add_shortcode('rssonly', 'mqw_rss_only'); |
function mqw_rss_only( $atts, $content = null) { if (!is_feed()) return ""; return $content; } add_shortcode('rssonly', 'mqw_rss_only');
Lo usamos de la siguiente manera:
1 | [rssonly]Querido usuario gracias por subscribirte a mis feeds.[/rssonly] |
[rssonly]Querido usuario gracias por subscribirte a mis feeds.[/rssonly]
Y por arte de magia cuando lean el post en los feeds verán ese mensaje.
Damián Logghe
Programador freelancer y emprendedor en sueños. Contento de ser mi jefe y poder hacer lo que me gusta. WordPress es mi principal fuente de ingreso y me escribo tanto para ayudar como para tener una guia de memoria. Quieres contratarme? Déjame un mensaje.
Pingback: Diseño web Wordpress » ShortCode para mostrar un snapshot de una web()
Pingback: CURRENT Medical Diagnosis and Treatment 2013 | MEDICINA ACTUAL()