Archivos de Categoría: Shortcode

Crear un Sitemap de nuestro sitio web

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para crear un Sitemap de nuestro sitio web creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function GenerarSitemap($params = array()) {
    extract(shortcode_atts(array(
        'title' => 'Site map',
        'id' => 'sitemap',
        'depth' => 2 
		), $params));
    $sitemap = wp_list_pages("title_li=&depth=$depth&sort_column=menu_order&echo=0");
    if ($sitemap != '') {
        $sitemap =
            ($title == '' ? '' : "<h2>$title</h2>") .
            '<ul>$sitemap</ul>';
    }
    return $sitemap;
}
add_shortcode('sitemap', 'GenerarSitemap');
Como se inserta el shortcode:

[sitemap]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Mostrar el número de usuarios registrados en nuestro sitio

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para mostrar el número de usuarios registrados en nuestro sitio creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function wp_usuarios_registrados() { 
$usercount = count_users();
$result = $usercount['total_users']; 
return $result; 
} 
add_shortcode('usuarios_registrados', 'wp_usuarios_registrados');
Como se inserta el shortcode:

[usuarios_registrados]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Crear y mostrar un menú en cualquier lugar de nuestro sitio

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para crear y mostrar un menú en cualquier lugar de nuestro sitio creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

//Crear Menú (editar en apariencia -> menus)
function wpb_custom_new_menu() {
  register_nav_menu('my-custom-menu',__( 'mi menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' );

//Creaamos nuestro shortcode 
function mi_menu_shortcode($atts, $content = null) {
    extract(shortcode_atts(array( 'name' => null, ), $atts));
    return wp_nav_menu( array( 'menu' => $name, 'echo' => false ) );
}
add_shortcode('menu', 'mi_menu_shortcode');
Como se inserta el shortcode:

[menu name="mi menu"]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Mostrar un contenido solo para móviles

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para mostrar cierto contenido solo en los dispositivos móviles en nuestro sitio creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function wp_mobile_only($atts, $content = null){ 
    if( wp_is_mobile() ){ 
        return  wpautop( do_shortcode( $content ) ); 
    } else {
        return null; 
    } 
}
add_shortcode('mobileonly', 'wp_mobile_only');
Como se inserta el shortcode:

[mobileonly]contenido disponible solo para dispositivos móviles[/mobileonly]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Mostrar los posts de un autor

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para mostrar los post de un autor en cualquier página de nuestro sitio creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function post_list_autor( $atts ) {    
    
     extract( shortcode_atts( array(
      'user' => 'user',
      'posts' => 'posts',
      ), $atts ) );
    
      $temp = $wp_query; $wp_query= null;
      $wp_query = new WP_Query(); $wp_query->query( 'author_name='. $user . '&posts_per_page='. $posts );
      while ($wp_query->have_posts()) : $wp_query->the_post();

        ?>
        
        <h2><?php the_title(); ?></h2>
        <p><?php the_excerpt(); ?></p>
        <a href="<?php the_permalink(); ?>" title="Read more"><p>Read more</p></a>
		
        <?php

      endwhile;
      wp_reset_postdata();
    
}
add_shortcode('post_list_autor', 'post_list_autor');
Como se inserta el shortcode:

[post_list_autor user="nombre de usuario" posts="numero de posts"]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Crear un botón de Sígueme en Twitter

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para crear un botón de “Sígueme en Twitter” en nuestro sitio creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function button_twitter( $atts, $content = null ) {
   extract( shortcode_atts( array(
      'account' => 'account',
      'class' => 'class'
      ), $atts ) );

   return '<a href="http://twitter.com/' . esc_attr($account) . '" class="twitter-button ' . esc_attr($class) . '" target="_blank">' . $content . '</a>';
}
add_shortcode('button_twitter', 'button_twitter');
Como se inserta el shortcode:

[button_twitter account="nombre de usuario" class="estilo del botón"]Sígueme en Twitter![/button_twitter]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Insertar un mapa de Google Maps como imagen

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para insertar un mapa de Google Maps como imagen en nuestro sitio creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function smp_map_it_atts($atts,$content=null)
{  
	$atts = shortcode_atts( array( 'width' => '640', 'height' => '640', 'title' => 'Mi mapa', 'address' => 'Ciudad de México, centro', 'zoom' => '13' ), $atts, 'map-it-atts');
	$base_map_url = 'http://maps.google.com/maps/api/staticmap?sensor=false&size=640x640&format=png&center=';
	return '
	<h2>' . esc_html( $atts['title'] ) . '</h2>
	<div id="map-it-atts" style="width:' . esc_html($atts['width']) . 'px;height:' . esc_html($atts['height']) . 'px;max-width:640px;background:url('. $base_map_url . urlencode($atts['address']) . '&zoom='. urlencode($atts['zoom']) . '&markers=size:mid%7Ccolor:red%7Clabel:%7C' . urlencode($atts['address']) .') no-repeat center center; display:inline-block;" ></div>';
}
add_shortcode('map-it-atts','smp_map_it_atts');
Como se inserta el shortcode:

[map-it-atts width="480" height="320" title="Google Maps" address="Barcelona, España" zoom="16"]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Mostrar un contenido a usuarios no registrados

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para mostrar un contenido solo a los usuarios que no estan registrados en nuestro sitio creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function contenido_no_usuarios($attr, $content = null) {
	extract(shortcode_atts(array(
		'deny' => '',
	), $attr));
	if ((!is_user_logged_in() && !is_null($content)) || is_feed()) return $content;
	return $deny;
}
add_shortcode('contenido_no_usuarios', 'contenido_no_usuarios');
Como se inserta el shortcode:

[contenido_no_usuarios deny="Este contenido solo es para usuarios no registrados"]Lorem ipsum dolor sit amet[/contenido_no_usuarios]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Mostrar un contenido solo a usuarios registrados

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para mostrar un contenido solo a los usuarios registrados en nuestro sitio creado en WordPress

Asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function contenido_para_usuarios($attr, $content = null) {
	extract(shortcode_atts(array(
		'cap'  => 'read',
		'deny' => '',
	), $attr));
	if (current_user_can($cap) && !is_null($content) && !is_feed()) return $content;
	return $deny;
}
add_shortcode('contenido_para_usuarios', 'contenido_para_usuarios');
Como se inserta el shortcode:

[contenido_para_usuarios cap="read" deny="Contenido solo para usuarios registrados"]Lorem ipsum dolor sit amet[/contenido_para_usuarios]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css

Insertar mapas de Google

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para insertar mapas de Google dentro de cualquier contenido en WordPress, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function googleMaps_shortcode($atts, $content = null) {
extract(shortcode_atts(array(
"width" => '640',
"height" => '480',
"src" => ''
), $atts));
return '<iframe width="'.$width.'" height="'.$height.'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.$src.'"></iframe>';
}
add_shortcode("googlemap", "googleMaps_shortcode");
Como se inserta el shortcode:

[googlemap width="200" height="200" src="url"]

Si deseas más información sobre como desarrollar en

WordPress en español

, visita el Codex oficial de WordPress haciendo clic aquí.

Si necesitas consultoría sobre

WordPress

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css