Avisos
Vaciar todo

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

10 Respuestas
3 Usuarios
0 Reactions
25 Visitas
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

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
Respuestas: 6479
Illustrious Member 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
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

@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
Respuestas: 6479
Illustrious Member 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
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

@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
Respuestas: 6479
Illustrious Member 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
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

@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
Respuestas: 6479
Illustrious Member 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
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

@bruno-vichetti

Perfecto Bruno! 

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

Un saludo!!


 
Respondido : 02/12/2021 1:44 pm
Karen Rios
Respuestas: 18667
Illustrious Member 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