Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Linea de texto + shortcode en la misma linea  

 
Carlos
 Carlos
Reputable Member

Buenas,

Estoy tratando de poner un texto + shortcode en la misma linea y el shortcode se me coloca debajo.

He leido este hilo de este chico que pregunta lo mismo y la final lo consigue pero no entiendo que es lo que hace.

https://wordpress.org/support/topic/how-to-add-a-shortcode-in-the-same-line-with-other-text/

Screenshot 9

Eso es lo que me pasa. 

Un saludo

Contenido solo visible a usuarios registrados

Respondido : 02/12/2021 3:08 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Carlos,

Podrias mostrarnos como esta estructurado el codigo con el shortcode?

Respondido por: @cganguasgmail-com

He leido este hilo de este chico que pregunta lo mismo y la final lo consigue pero no entiendo que es lo que hace.

En el enlace que haces referencia la solución fue cambiar los tags "span" por "p" 

Saludos! 

Respondido : 02/12/2021 3:32 am

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Hola Bruno!!

Si lo tengo asi:

<span style="font-size: 10pt;">Inicio | [rank_math_breadcrumb]</span>

Lo cambie de span a p, pero sigue saltandose la linea a abajo.

<p style="font-size: 10pt;">Inicio | [rank_math_breadcrumb]</p>

Un saludo

Respondido : 02/12/2021 3:51 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Carlos,

Podrías compartirnos un enlace donde este en uso el código que nos muestras para echarle un vistazo

Saludos!

Respondido : 02/12/2021 3:54 am

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

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Buenas Bruno,

El lugar es este:

https://definitivo.safegest.com/blog/

arriba en la cabezera, es lo que esta seleccionado..

Screenshot 10

Un saludo

Respondido : 02/12/2021 4:04 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Carlos,

En tu caso puede que no funcione la solución que encontraste ya que el shortcode esta conformado por etiquetas "nav" y quedan por fuera de la "p" que quieres encerrar, sin embargo supongo quieres obtener un resultado como el siguiente:

image

Para ello he aplicado los siguientes CSS

.rank-math-breadcrumb::before{
content:'Inicio |';
position:relative
}
.rank-math-breadcrumb {
display: flex;
}
.rank-math-breadcrumb span{
padding-left: 5px;
}

Nos comentas que tal te va, Saludos

Respondido : 02/12/2021 4:24 am

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

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Muchas gracias bruno, funciona perfecto!!

Perdona se me olvido algo: 

El Inicio es un enlace, por tanto el codigo seria así: (como si fueran las breadcrums reales de rank math)

<a href="https://academy.safegest.com">Inicio</a> | [rank_math_breadcrumb]</span>

Gracias por tu ayuda. 😉

Respondido : 02/12/2021 4:42 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Carlos,

Genial! aunque el caso de content no es posible agregar código arbitrario como un enlace, es netamente estético, para hacer el inicio un enlace posiblemente sea necesario un código a medida

Podría recomendarte dos casos

1-Has el enlace independiente del shortcode y luego tratas de alinearlos vía estilos
2-Planteas el caso a nuestros colaboradores para que te apoyen con el código a medida https://www.webempresa.com/directorio-colaboradores.html

Saludos!

Respondido : 02/12/2021 4:58 am

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

Carlos
 Carlos
Reputable Member

@bruno-vichetti

Perfecto Bruno! 

Gracias por todo lo que me has ayudado....

Un saludo!!

Respondido : 02/12/2021 1:44 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos, 

Gracias a ti, siempre es un placer poder ayudarte

Con esto podemos dar el tema como solucionado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 02/12/2021 1:58 pm