<?php the_excerpt(); ?> CSS

[bbrian]

Hola a todos, quiero darle un estilo a <?php the_excerpt(); ?> pero cuando lo pongo asi:

Código CSS:

<p class="titled" id="target"><span class="highlight"><?php the_excerpt(); ?></span></p>
 

No me funciona en cambio si se lo pongo a <?php the_title(); ?

Código CSS:

<p class="titled" id="target"><span class="highlight"><?php the_title(); ?></span></p>
 

Sale perfecto, como yo quiero. Alguien sabe cual es el problema? Gracias

EL CSS ES:

Código CSS:

.titled .highlight {
  display: inline;
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.72);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B7000000,endColorstr=#B7000000);
  color: white;
  font-size:40px;
  font-family:"Lato Black";
  padding: 0.2rem;
  padding-left: 8px;
  padding-right: 4px;;
}
.titlede.step-1 .highlight {
  box-shadow: 0.5rem 0 0 #ee4035, -0.5rem 0 0 #ee4035;
}
.titlede.step-2 .highlight {
  box-shadow: 0.5rem 0 0 blue, -0.5rem 0 0 blue;
}
 

[ArturoGallegos]

1.- la etiqueta <span> es de linea mientras que el the_excerpt() puede arrojar elementos de bloque lo que te generara errores, trata de no usar la etiqueta span y en su lugar usa un div mas.

2.- si no te funciona con lo anterior en lugar de the_excerpt() usa get_the_excerpt()

[bbrian]

Probe de las dos formas que me dijiste y sigue exactamente igual, y cuando le pongo get_the_excerpt() directamente no aparece el texto.
Gracias por tu pronta respuestas !
Alguna otra sugerencia ?

[zanguanga]

Yo creo que con excerpt no te funciona porque estás metiendo un <p> dentro de otro <p> (el que genera el excerpt). Es decir, estás intentando algo así:

Código HTML:

<p><span><p></p></span></p>
 

y claro, eso no es correcto. Un párrafo no puede contener otro párrafo.

No sé si habrá otra solución mejor pero puedes intentar con esto en functions.php:

Código PHP:

add_filter( 'the_excerpt', 'add_class_to_excerpt' );
function add_class_to_excerpt( $excerpt ) {
    return str_replace('<p', '<p class="excerpt"', $excerpt);
}
 

Y en style.css:

Código CSS:

.excerpt {
  color: #ff0000;
  }
 

[bbrian]

Hola, lo solucione utilizando get_excerpt, quedo justo como yo queria.
Me surgio un problema, al ultilizar get_excerpt automaticamente se agrega un link que dice leer mas..., y no encuentro en ninguna lado la funcion para eliminarlo. Hay forma de quitarlo? Gracias

[satanson123]

Iniciado por bbrian

Hola, lo solucione utilizando get_excerpt, quedo justo como yo queria.
Me surgio un problema, al ultilizar get_excerpt automaticamente se agrega un link que dice leer mas..., y no encuentro en ninguna lado la funcion para eliminarlo. Hay forma de quitarlo? Gracias

Yo utilizo esta forma agregando unas lineas en function.php

Código PHP:

  function the_excerpt2($many) 
{ 
$contenido = get_the_excerpt(); 
$content = mb_substr($contenido, 0, $many, 'UTF-8'); 
$content .= "..."; 
echo $content; 
}  
   

Y donde tu quieras mostrarlo

Código HTML:

<div class="excerpt">
<?php the_excerpt2('120'); ?>
</div>
 

Cambias el numero 120 por los caracteres que quieras mostrar.