Archivos de Etiquetas: #conceptos #wordpress #woocommerce #shortcodes #css

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

Finalizar los pedidos automáticamente y actualizar al estado de completado

En el siguiente ejemplo crearemos una función para finalizar los pedidos automáticamente y actualizar al estado de completado en WooCommerce

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

add_action( 'woocommerce_thankyou', 'wc_autocompletar_orden' );
function wc_autocompletar_orden( $order_id ) {
  global $woocommerce;
  if ( ! $order_id ) { return; }
  $order = new WC_Order( $order_id );
  $order->update_status( 'completed' );
}

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

WooCommerce

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

Si necesitas consultoría sobre

WooCommerce

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

#conceptos #wordpress #woocommerce #shortcodes #css

Crear un shortcode para mostrar el total y la cantidad de productos

En el siguiente ejemplo crearemos un shortcode para mostrar el total y la cantidad de productos en cualquier lugar de nuestro sitio web desarrollado con WordPress y WooCommerce

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

add_shortcode('contenido_carrito', 'contenido_carrito');
function contenido_carrito($attr, $content = null) {
global $woocommerce;
echo woocommerce_page_title() . '<br>' . 'Productos: ' . count( WC()->cart->get_cart()) . ' / ' . 'Toltal: ' . WC()->cart->get_cart_total() . '<br>' . '<a href="'. WC()->cart->get_cart_url() .'">' . esc_html__( 'View cart', 'woocommerce' ) . '</a>' . '<br>' . '<a href="'. WC()->cart->get_cart_url() .'">' . esc_html__( 'Checkout', 'woocommerce' ) . '</a>';  
}
Como se inserta el shortcode:

[contenido_carrito][/contenido_carrito]

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

WooCommerce

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

Si necesitas consultoría sobre

WooCommerce

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

#conceptos #wordpress #woocommerce #shortcodes #css

Añadir un aviso en la página de registro

En el siguiente ejemplo crearemos una función que nos ayudará a añadir un aviso en la página de registro de WooCommerce

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

Nota: Es necesario activar la opción: Permite a los clientes crear una cuenta en la página «Mi cuenta», dentro de los ajustes de WooCommerce en la sección Cuentas y Privacidad.

add_action( 'woocommerce_before_customer_login_form', 'wc_login_message' );
function wc_login_message() {
    if ( get_option( 'woocommerce_enable_myaccount_registration' ) == 'yes' ) {
	?>
		<div class="woocommerce-info">
			<p><?php _e( 'Mi mensaje' ); ?></p>
		</div>
	<?php
	}
}

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

WooCommerce

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

Si necesitas consultoría sobre

WooCommerce

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

#conceptos #wordpress #woocommerce #shortcodes #css

Sustituir el título en la página tienda

En el siguiente ejemplo crearemos una función que nos ayudará a sustituir el título en la página de la tienda de WooCommerce

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

add_filter( 'woocommerce_page_title', 'woo_shop_page_title');
function woo_shop_page_title( $page_title ) {
    if( 'Tienda' == $page_title) {
      return "Mi nuevo título";
    }
}

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

WooCommerce

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

Si necesitas consultoría sobre

WooCommerce

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

#conceptos #wordpress #woocommerce #shortcodes #css