Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

<?php the_excerpt(); ?> CSS

Estas en el tema de <?php the_excerpt(); ?> CSS en el foro de WordPress en Foros del Web. Hola a todos, quiero darle un estilo a <?php the_excerpt(); ?> pero cuando lo pongo asi: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original <p class = ...
  #1 (permalink)  
Antiguo 19/08/2014, 07:36
 
Fecha de Ingreso: enero-2010
Mensajes: 400
Antigüedad: 9 años, 7 meses
Puntos: 6
<?php the_excerpt(); ?> CSS

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

Código CSS:
Ver original
  1. <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:
Ver original
  1. <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:
Ver original
  1. .titled .highlight {
  2.   display: inline;
  3.  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.72);
  4.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B7000000,endColorstr=#B7000000);
  5.   color: white;
  6.   font-size:40px;
  7.   font-family:"Lato Black";
  8.   padding: 0.2rem;
  9.   padding-left: 8px;
  10.   padding-right: 4px;;
  11. }
  12. .titlede.step-1 .highlight {
  13.   box-shadow: 0.5rem 0 0 #ee4035, -0.5rem 0 0 #ee4035;
  14. }
  15. .titlede.step-2 .highlight {
  16.   box-shadow: 0.5rem 0 0 blue, -0.5rem 0 0 blue;
  17. }
  #2 (permalink)  
Antiguo 19/08/2014, 09:07
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.439
Antigüedad: 11 años, 5 meses
Puntos: 1065
Respuesta: <?php the_excerpt(); ?> CSS

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()
  #3 (permalink)  
Antiguo 19/08/2014, 10:24
 
Fecha de Ingreso: enero-2010
Mensajes: 400
Antigüedad: 9 años, 7 meses
Puntos: 6
Respuesta: <?php the_excerpt(); ?> CSS

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 ?
  #4 (permalink)  
Antiguo 20/08/2014, 15:41
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 10 años, 1 mes
Puntos: 426
Respuesta: <?php the_excerpt(); ?> CSS

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:
Ver original
  1. <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:
Ver original
  1. add_filter( 'the_excerpt', 'add_class_to_excerpt' );
  2. function add_class_to_excerpt( $excerpt ) {
  3.     return str_replace('<p', '<p class="excerpt"', $excerpt);
  4. }

Y en style.css:
Código CSS:
Ver original
  1. .excerpt {
  2.   color: #ff0000;
  3.   }
__________________
Mi blog personal | Mi G+
  #5 (permalink)  
Antiguo 26/08/2014, 08:58
 
Fecha de Ingreso: enero-2010
Mensajes: 400
Antigüedad: 9 años, 7 meses
Puntos: 6
Respuesta: <?php the_excerpt(); ?> CSS

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
  #6 (permalink)  
Antiguo 31/08/2014, 19:32
Avatar de satanson123  
Fecha de Ingreso: julio-2012
Mensajes: 217
Antigüedad: 7 años
Puntos: 2
Respuesta: <?php the_excerpt(); ?> CSS

Cita:
Iniciado por bbrian Ver Mensaje
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($contenido0$many'UTF-8');
$content .= "...";
echo 
$content;

Y donde tu quieras mostrarlo

Código HTML:
Ver original
  1. <div class="excerpt">
  2. <?php the_excerpt2('120'); ?>
  3. </div>

Cambias el numero 120 por los caracteres que quieras mostrar.

Etiquetas: -php, css, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:37.