Avisos
Vaciar todo

[Resuelto] cambiar tamaño de fuente y color en un shortcode  

Página 1 / 2
 
Carlos
 Carlos
Reputable Member

Buenas,

Tengo este shortcode:

[usermeta field="first_name"]

Y quiero cambiarle el tamaño de la fuente a:

25px y el color a #ff6633

Pero no se como puedo hacerlo.

Un saludo

Contenido solo visible a usuarios registrados

Respondido : 04/10/2021 4:26 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

Estupendo, necesitaríamos la url de donde se muestra dicho shortcode para poder compartirte un css que aplique estos cambios, quedamos a la espera del url para poder enviartelo.

Un saludo 🖐️ 

Respondido : 04/10/2021 4:29 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Reputable Member

@argenis

Buenas la URL es la siguiente el shortcode es donde dice Carlos 

https://academia.safegest.com/prueba/

[usermeta field="first_name"]

Y quiero cambiarle el tamaño de la fuente a:

25px y el color a #ff6633

Respondido : 04/10/2021 6:39 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

Te comparto lo que veo:

image

Tu si visualizas algo? si te es posible puedes hacer clic derecho y luego en inspeccionar y nos compartes lo que vez en este texto que mencionas.

Un saludo 🖐️ 

Respondido : 04/10/2021 6:54 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carlos
 Carlos
Reputable Member

Es que hay que entrar mediante contraseña y intetno deshabilitar todo y son varios plugins...

Y no acabo de lograr quitarlo todo...

No existe un modo de cambiar el tamaño de las fuentes y colores por shortcode? como si fuera un html que no hagan falta css?

Un saludo

Solamente quiero la fuente en negrita y color naranja de ese shortcode

Respondido : 04/10/2021 8:24 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

El problema es que el complemento es de pago por lo que no tenemos el conocimiento sobre modificaciones sobre el mismo shortcode, de hecho directamente en su documentación no muestra nada de personalización:

https://www.learndash.com/support/docs/core/shortcodes-blocks/

Por lo que si quieres hacerlo por medio del mismo tendrias que consultarlo con soporte del complemento.

Un saludo 🖐️ 

Respondido : 04/10/2021 8:36 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

@argenis

Vale entiendo,

Lo que quiero hacer es el user name de wordpress que no tenemos porque usar el de learndash que aparezca en naranja y negrita. el shortcode del user de wordpress, eso seria posible.... crear uno y darle ese aspecto?

Un saludo 

Respondido : 04/10/2021 8:58 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

Wordpress por defecto no muestra esto, tendrias que verificar agregando el siguiente código en code snippet que veo tienes el complemento instalado:

function show_loggedin_function( $atts ) {

global $current_user, $user_login;
get_currentuserinfo();
add_filter('widget_text', 'do_shortcode');
if ($user_login)
return '<p class="shortcode_username">Bienvenido ' . $current_user->display_name . '!</p>';
}
add_shortcode( 'show_loggedin_as', 'show_loggedin_function' );

Éste lo agregas asi > [show_loggedin_as] y por último para cambiar el css puedes hacerlo aquí:

p.shortcode_username {
font-size: 25px !important;
color: #ff6633;
}

Este lo aplicas en Apariencias > Personalizar > Css adicional.

Verifica y nos comentas.

Un saludo 🖐️ 

Respondido : 04/10/2021 9:19 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carlos
 Carlos
Reputable Member

Buenas Argenis!!! fuciona perfecto!!! muchas gracias!!!

Solo me queda un ultimo paso a ver si asi lo dejo terminado.

En el shortcode aparece 

Bienvenido carlos, porque ese es el shortcode.

Me gustaria que fuera:     

Sin título

Que el shortcode solo fuera el nombre y poder añadir texto delante y la exclamacion detras.

Gracias y un saludo

 

Respondido : 05/10/2021 5:30 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Carlos,

Según entiendo deseas modificar el código agregando contenido antes del nombre.

En teoría todo lo que se encuentre dentro de las comillas del return es editable solo que hay una variable en especial que hace el llamado del nombre del usuario que ha iniciado sesión, ahora bien teniendo eso en cuenta puedes hacer modificaciones como la siguiente

function show_loggedin_function( $atts ) {

global $current_user, $user_login;
get_currentuserinfo();
add_filter('widget_text', 'do_shortcode');
if ($user_login)
return '<p class="shortcode_username">Cualquier texto previo ' . $current_user->display_name . 'Cualquier texto despues del nombre</p>';
}
add_shortcode( 'show_loggedin_as', 'show_loggedin_function' );

He colocado textos personalizados antes y después del nombre pero como mencione antes, debes respetar las comillas que divide cada elemento además de que si deseas mantener los estilos CSS del nombre el mismo debe permanecer dentro de las etiquetas <p> las cuales contienen la clase "shortcode_username "

Recuerda hacer respaldo del código como precaución en un bloc de notas por si al modificarlo no queda como gustas o te equivocas puedes recuperarlo en cualquier momento

Saludos!

Respondido : 05/10/2021 5:42 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Carlos
 Carlos
Reputable Member

Buenas Bruno muchas gracias funciona perfecto, Lo unico que me queda es poder darle CSS al nombre de la persona

Ahora esta asi

¡Hola, Carlos!

 

Sale genial, necesito que Carlos (que es el usuario) tenga estas CSS

p.shortcode_username {
font-size: 25px !important;
color: #ff6633;
}

Lo que pasa que me cambia el CSS a toda la frase: ¡Hola Carlos! y yo unicamente necesito que cambie el nombre Carlos con ese CSS

Un saludo

Respondido : 05/10/2021 6:41 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos, 

En este caso, ya que el texto está unido a una clase específica, es decir todo el nombre no veo posible solo modificar una parte del texto, para ello tienes que modificar todo el contenido que muestra el shortcode

Un Saludo 

Respondido : 05/10/2021 6:46 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carlos
 Carlos
Reputable Member

@karen

Cierto karen,

Otra opcion es dejar Carlos (solamente como Shortcode aplicar las css) y poner el resto sin shortcode

Lo que no se es como escribir texto antes y despues de un shortocde pero en HTM seguro que se puede.

Seria en html (poner Hola) Carlos (en shortcode) y en Html (la exclamacion) me refiero meter un shortcode entre texto no se si eso es posible.

Un saludo

Respondido : 05/10/2021 8:17 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Carlos,

No comprendo muy bien del todo creo que es esto lo que te refieres:

function show_loggedin_function( $atts ) {

global $current_user, $user_login;
get_currentuserinfo();
add_filter('widget_text', 'do_shortcode');
if ($user_login)
return '<span class="shortcode_username">Bienvenido </span><span class="username">' . $current_user->display_name . '</span><span class="shortcode_username"> Un saludo</span>';
}
add_shortcode( 'show_loggedin_as', 'show_loggedin_function' );

Agrega este css:

span.username {
color: #ff6633 !important;
font-size: 25px !important;
}
span.shortcode_username {
color: #151f33;
font-size: 25px;
}

Un saludo 🖐️ 

 

Respondido : 05/10/2021 8:47 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

@argenis

Perfecto!!!!!!! Gracias!!!! ahora si 😉

Respondido : 05/10/2021 10:59 pm
Página 1 / 2