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

Agregar la columna ID en el panel de administración de las entradas (Post)

En el siguiente ejemplo crearemos una función que nos ayudará a agregar la columna ID en el panel de administración de las entradas (Post) dentro de WordPress utilizando el siguiente filtro «manage_posts_columns» y la acción «manage_posts_custom_column».

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

function post_columna_id($defaults){
$defaults['wps_post_id'] = __('ID');
return $defaults;
}
function post_columna_id_nombre($column_name, $id){
if($column_name === 'wps_post_id'){
echo $id;
}
}
add_filter('manage_posts_columns', 'post_columna_id', 5);
add_action('manage_posts_custom_column', 'post_columna_id_nombre', 5, 2);
add_filter('manage_pages_columns', 'post_columna_id', 5);
add_action('manage_pages_custom_column', 'post_columna_id_nombre', 5, 2);

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

Resaltar las palabras clave en los resultados de las búsquedas

En el siguiente ejemplo crearemos una función que nos ayudará a resaltar las palabras clave en los resultados de las búsquedas dentro de WordPress utilizando los siguientes filtros «the_excerpt» y «the_title».

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

function resaltar_palabras($text){
if(is_search()){
$sr = get_query_var('s');
$keys = explode(" ",$sr);
$text = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">'.$sr.'</strong>', $text);
}
return $text;
}
add_filter('the_excerpt', 'resaltar_palabras');
add_filter('the_title', 'resaltar_palabras');

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 el logo de PayPal que aparece en la caja

En el siguiente ejemplo crearemos una función que nos ayudará a cambiar el logo de PayPal que aparece en la caja dentro de WooCommerce utilizando el siguiente filtro «woocommerce_add_to_cart».

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

function paypal_caja_logo() {
return 'https://midominio.com/imagen.png'; //Cambiar la URL
}
add_filter( 'woocommerce_paypal_icon', 'paypal_caja_logo' );

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

Redireccionar a la caja después de agregar un producto

En el siguiente ejemplo crearemos una función que nos ayudará a redireccionar a la caja después de agregar un producto dentro de WooCommerce utilizando el siguiente filtro «woocommerce_add_to_cart».

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

function agregar_enviaracaja() {
wp_safe_redirect( get_permalink( get_option( 'woocommerce_checkout_page_id' ) ) );
die();
}
add_action( 'woocommerce_add_to_cart',  'agregar_enviaracaja', 11 );

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 una nueva moneda y símbolo

En el siguiente ejemplo crearemos una función que nos ayudará a agregar una nueva moneda y símbolo dentro de WooCommerce utilizando los siguientes filtros «woocommerce_currencies» y «woocommerce_currency_symbol».

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

function mi_nueva_moneda( $currencies ) {
$currencies['ABC'] = __( 'Nombre de la moneda', 'woocommerce' );
return $currencies;
}
add_filter( 'woocommerce_currencies', 'mi_nueva_moneda' );
 
function mi_nuevo_simbolo( $currency_symbol, $currency ) {
switch( $currency ) {
case 'ABC': $currency_symbol = '$'; // $ sustituir por el símbolo
break;
}
return $currency_symbol;
}
add_filter('woocommerce_currency_symbol', 'mi_nuevo_simbolo', 10, 2);

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

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

Contador para mostrar un contenido después de una fecha

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para mostrar un contenido después de una fecha 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 content_countdown_shortcode($atts, $content = null){
extract(shortcode_atts(array(
'month' => '',
'day'   => '',
'year'  => ''
), $atts));
$remain = ceil((mktime( 0,0,0,(int)$month,(int)$day,(int)$year) - time())/86400);
if( $remain > 1 ){
return $daysremain = "<div class=\"event\">Solo faltan <b>($remain)</b> días para mostrar el contenido</div>";
}else if($remain == 1 ){
return $daysremain = "<div class=\"event\">Solo faltan <b>($remain)</b> día para mostrar el contenido</div>";
}else{
return $content;
}
}
add_shortcode('cdt', 'content_countdown_shortcode');
Como se inserta el shortcode:

[cdt month="02" day="14" year="2017"]
Aquí va el contenido que deseamos ocultar hasta el 14/02/2017
[/cdt]

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 video de YouTube

En el siguiente ejemplo crearemos una función que nos ayudará a crear un «shortcode» que utilizaremos para insertar un video de YouTube 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 youtube_shortcode($atts) {
extract(shortcode_atts(array(
"value" => 'https://',
"width" => '475',
"height" => '350',
"name"=> 'movie',
"allowFullScreen" => 'true',
"allowScriptAccess"=>'always',
), $atts));
return '<object style="height: '.$height.'px; width: '.$width.'px"><param name="'.$name.'" value="'.$value.'"><param name="allowFullScreen" value="'.$allowFullScreen.'"></param><param name="allowScriptAccess" value="'.$allowScriptAccess.'"></param><embed src="'.$value.'" type="application/x-shockwave-flash" allowfullscreen="'.$allowFullScreen.'" allowScriptAccess="'.$allowScriptAccess.'" width="'.$width.'" height="'.$height.'"></embed></object>';
}
add_shortcode("youtube", "youtube_shortcode");
Como se inserta el shortcode:

[youtube value="url del video"]

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

Redirigir a los usuarios a una página después de comentar un «Post»

Cuando tenemos un «blog» y permitimos los comentarios en los «posts», no esta por demás agradecer a los suscriptores por sus comentarios, para eso utilizaremos el filtro “comment_post_redirect», que nos permitirá redirigir a los usuarios a una página después de comentar un «post».

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 redirigir_al_comentar(){
wp_redirect('/gracias/'); //sustituir esta página
exit();
}
add_filter('comment_post_redirect', 'redirigir_al_comentar');

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

Agregar la columna ID a la biblioteca de medios

En algunas ocaciones cuando realizamos desarrollos intermedios o avanzados, es necesario conocer el identificador de nuestros elementos dentro de la biblioteca de medios para poder administrarlos, para eso utilizaremos los filtros “manage_media_columns» y “manage_media_custom_column».

En el siguiente ejemplo crearemos dos funciones que nos ayudarán 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.

//agregando la columna
function column_id($columns) {
$columns['colID'] = __('ID');
return $columns;
}
add_filter( 'manage_media_columns', 'column_id' );

//agregando los identificadores
function column_id_row($columnName, $columnID){
if($columnName == 'colID'){
echo $columnID;
}
}
add_filter( 'manage_media_custom_column', 'column_id_row', 10, 2 );

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