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

Reemplazar el logo de PayPal

En el siguiente ejemplo crearemos una función que nos ayudará a cambiar el logo de PayPal dentro de WooCommerce utilizando el siguiente filtro “woocommerce_paypal_icon”.

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

function paypal_checkout_img() {
return 'https://dominio/logo.jpg'; // Reemplazar la URL
}
add_filter( 'woocommerce_paypal_icon', 'paypal_checkout_img' );

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

Establecer un monto mínimo de compra

En algunas ocaciones es necesario colocar un monto mínimo de compran para los clientes en la tienda, para esto utilizaremos el filtro “woocommerce_checkout_process”.

En el siguiente ejemplo crearemos una función que nos ayudará a realizar el proceso descrito anteriormente, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

add_action( 'woocommerce_checkout_process', 'wc_minimum_order_amount' );
add_action( 'woocommerce_before_cart' , 'wc_minimum_order_amount' );
 
function wc_minimum_order_amount() { 
    $minimum = 125; // cambiar esta cantidad por el monto mínimo
    if ( WC()->cart->subtotal < $minimum ) {
        if( is_cart() ) {
            wc_print_notice( 
                sprintf( 'Debes ordenar un mínimo de %s para realizar el pedido. Tú monto actual es de %s.' , 
                    wc_price( $minimum ), 
                    wc_price( WC()->cart->subtotal )
                ), 'error' 
            );
        } else {
            wc_add_notice( 
                sprintf( 'Debes ordenar un mínimo de %s para realizar el pedido. Tú monto actual es de %s.' , 
                    wc_price( $minimum ), 
                    wc_price( WC()->cart->subtotal )
                ), 'error' 
            );
        }
    }
}

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

Cambiar el texto del atributo (ALT) en el logo de la página de inicio de sesión (wp-admin)

Para la entrega de nuestros proyectos siempre hay que cuidar todos los detalles de nuestro desarrollo y adecuar lo mas posible la imagen del sitio al “Look and Feel” de nuestros clientes, con el siguiente código podrás cambiar el texto del atributo (ALT) en el logo de la página de inicio de sesión, para eso utilizaremos el filtro “login_headertitle”.

En el siguiente ejemplo crearemos una función que nos ayudará a realizar el proceso descrito anteriormente, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function login_title() {
return get_option('Mi sitio web');
}
add_filter('login_headertitle', 'login_title');

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

WordPress en español

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

Descargar WordPress del repositorio oficial para México:haciendo clic aquí.
Repositorio oficial de Plugins para WordPress: haciendo clic aquí.
Repositorio oficial de temas gratuitos para 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

Cambiar las palabras “sin inventario” (o sin stock) por “vendido”

En algunas ocaciones es necesario modificar las etiquetas que nos muestra WooCommerce por defecto en los productos, para esto utilizaremos el filtro “woocommerce_get_availability”.

En el siguiente ejemplo crearemos una función que nos ayudará a realizar el proceso descrito anteriormente, asegúrate de insertar el código en el archivo functions.php del tema activo en tu sitio web.

function availability_filter($availability)
{
$availability['availability'] = str_ireplace('Out of stock', ‘Vendido’, $availability['availability']);
return $availability;
}
add_filter('woocommerce_get_availability', 'availability_filter');

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

Agregar el botón Tweetmeme en cualquier contenido

En el siguiente ejemplo crearemos una función que nos ayudará a crear un “shortcode” que utilizaremos para insertar el botón “Tweetmeme” 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 tweetmeme(){
return '<div class="tweetmeme"><script type="text/javascript" src="https://tweetmeme.com/i/scripts/button.js"></script></div>';
}
add_shortcode('tweetmeme', 'tweetmeme');
Como se inserta el shortcode:

[tweetmeme]

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 iframe en WordPress

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

class iframe_shortcode {
function shortcode($atts, $content=null) {
extract(shortcode_atts(array(
'url' => '',
'scrolling' => 'no',
'width' => '100%',
'height'  => '500',
'frameborder' => '0',
'marginheight' => '0',
), $atts));
if (empty($url)) return '<!-- Iframe: You did not enter a valid URL -->';
return '<iframe src="'.$url.'" title="" width="'.$width.'" height="'.$height.'" scrolling="'.$scrolling.'" frameborder="'.$frameborder.'" marginheight="'.$marginheight.'"><a href="'.$url.'" target="_blank">'.$url.'</a></iframe>';
}
}
add_shortcode('iframe', array('iframe_shortcode', 'shortcode'));
Como se inserta el shortcode:

[iframe url="#" width="100" height="100" scrolling="yes" frameborder="1" marginheight="2"]

Debes insertar una URL valida dentro de 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

Insertar books en WordPress con Google Books

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

function google_books_shortcode( $atts ){
extract(shortcode_atts(array(
"id" => '',
"width"  => '600',
"height" => '900',
), $atts));
return '<script type="text/javascript" src="https://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">
GBS_insertEmbeddedViewer("'.$id.'", '.$width.','.$height.');
</script>';
}
add_shortcode('gbooks', 'google_books_shortcode');
Como se inserta el shortcode:

[gbooks id="ISBN" width="400" height="400"]

En id=”ISBN”, se debe insertar el numero relacionado con tu “book”.

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 archivo de video en WordPress con html5

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

function html5_video_shortcode($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"width" => '',
"height" => ''
), $atts));
return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls autobuffer>';
}
add_shortcode('video5', 'html5_video_shortcode');
Como se inserta el shortcode:

[video5 src="https://sitio/videos/mi-video.mp4" width="720" height="480"]

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 archivo de audio en WordPress con html5

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

function html5_audio_shortcode($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"autoplay" => '',
"preload"=> 'true',
"loop" => '',
"controls"=> ''
), $atts));
return '<audio src="'.$src.'" autoplay="'.$autoplay.'" preload="'.$preload.'" loop="'.$loop.'" controls="'.$controls.'" autobuffer />';
}
add_shortcode('audio5', 'html5_audio_shortcode');
Como se inserta el shortcode:

[audio5 src="https://sitio/videos/mi-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

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 PDF en WordPress con Google Docs

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

function google_pdf_shortcode($attr, $content) {
if ($attr['href']) {
return '<a class="pdf" href="https://docs.google.com/viewer?url=' . $attr['href'] . '">'.$content.'</a>';
} else {
$src = str_replace("=", "", $attr[0]);
return '<a class="pdf" href="https://docs.google.com/viewer?url=' . $src . '">'.$content.'</a>';
}
}
add_shortcode('pdf', 'google_pdf_shortcode');
Como se inserta el shortcode:

[pdf href="https://direccionwebdelarchivo.pdf"]Mi archivo PDF[/pdf]
Para agregar estilos CSS:
Utiliza la clase que se define en el código como: class=”pdf”.

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