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

Otra ayudita ... cómo poner un campo personalizado en este sitio...

Estas en el tema de Otra ayudita ... cómo poner un campo personalizado en este sitio... en el foro de WordPress en Foros del Web. De nuevo yo dando lata... Verán, todo va muy bien con el sitio, salvo un detalle, en este bloque: http://img88.imageshack.us/img88/976...categories.jpg Necesito colocar la descripción de ...
  #1 (permalink)  
Antiguo 22/06/2011, 22:03
 
Fecha de Ingreso: octubre-2008
Mensajes: 48
Antigüedad: 10 años, 10 meses
Puntos: 5
Otra ayudita ... cómo poner un campo personalizado en este sitio...

De nuevo yo dando lata...

Verán, todo va muy bien con el sitio, salvo un detalle, en este bloque:

http://img88.imageshack.us/img88/976...categories.jpg

Necesito colocar la descripción de la categoría abajo del nombre de las categoría, de tal manera que aunque esté activa la primera pestaña en las demás no sólo se lea el nombre del la categoria, sino tambien la descripción de la misma abajito.

El archivo PHP que controla el bloque contiene el siguiente código:

Según yo donde se determina lo que lleva la pestaña es esta línea:
echo'<li><a href="#tab'.$i.'">'.$cat->name.'</a></li>';


El código completo del archivo php es este:


Código PHP:
<div id="quickCategories">
          
          <div class="navTabs">
            <ul class="tabs">
              <?php
              $i 
0;
              
$c 10;
              
              while (
$i $c)
              {
                
$i++;
                
$category "wpzoom_featured_category_" "$i";
                
                if ($
$category != 0)
                {
                  
$cat get_category($$category,false);
                  
                  echo
'<li><a href="#tab'.$i.'">'.$cat->name.'</a></li>';
                  
                }
                
              }          
              
?>
            </ul>
          </div>
          
          <div class="box">
          
            <div class="tab_container">
            
          <?php
          $cc 
0;
          
$c 10;
          
          while (
$cc $c)
          {
          
          
$cc++;
          
$category "wpzoom_featured_category_" "$cc";
          
          if ($
$category != 0)
          {
          
          
$cat get_category($$category,false);
          
          
$catlink get_category_link($$category);
          
            
    
$breaking_cat "cat=".$$category;  // Breaking tag slug
    
    
wp_reset_query();
    
    
query_posts("showposts=$wpzoom_featured_categories_posts&$breaking_cat&order_by=post_date&order=DESC");

    
?>

          <div id="tab<?php echo $cc?>" class="tab_content">
<?php if ( have_posts() ) : ?>
            <ul class="posts">
<?php 
$x 
0;
while (
have_posts()) : the_post(); update_post_caches($posts); 
$x++;
?>
              <li<?php if ($x == 6) {echo ' class="last"';} ?>>
              <?php unset($img);
if ( 
current_theme_supports'post-thumbnails' ) && has_post_thumbnail() ) {
                        
$thumbURL wp_get_attachment_image_srcget_post_thumbnail_id($post->ID), '' );
            
$img $thumbURL[0]; 
                        }

            else {
                unset(
$img);
                if (
$wpzoom_cf_use == 'Yes')
                {
                  
$img get_post_meta($post->ID$wpzoom_cf_phototrue);
                }
                else
                {
                  if (!
$img)
                  {
                    
$img catch_that_image($post->ID);
                  }
                }
              }

         if (
$img){ 
         
$img wpzoom_wpmu($img);
         
?>
        <div class="cover"><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo $img ?>&amp;h=90&amp;w=140&amp;zc=1" width="140" height="90" alt="<?php the_title(); ?>" /></a></div><?php ?>

             <?php
        $headband 
get_post_meta($post->ID"headband"$single true);
        echo 
$headband;
        
?>              
            <h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
            </li><?php endwhile; ?>
            </ul><?php endif; ?>
            
            </div><!-- end .tab_content -->
            
            <?php // if category is set 
            
// endwhile ?>
            
            </div><!-- end .tab_container -->
            
            <div class="cleaner">&nbsp;</div>
          
          </div><!-- end .box -->
          
          </div><!-- end #quickCategories -->
          <?php wp_reset_query(); ?>
Cómo siempre, muchísimas gracias por apoyarme.
Un saludo a todos.

Última edición por ixac; 22/06/2011 a las 22:55 Razón: me equivoque en una cosa
  #2 (permalink)  
Antiguo 23/06/2011, 06:37
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 14 años
Puntos: 638
Respuesta: Otra ayudita ... cómo poner un campo personalizado en este sitio...

Uhmmm... Intenta algo así:
Código PHP:
Ver original
  1. echo'<li><a href="#tab'.$i.'">'.$cat->name.'</a><span>'.$cat->category_description.'</span></li>';
Ya lo otro es crearle un estilo CSS a esa etiqueta span dentro del li para que le des forma a tu gusto...

En cuanto a tu duda específicamente te recomiendo este link http://codex.wordpress.org/Function_...e/get_category. Como te recomiendo que te pasees por la documentación de Wordpress de vez en cuando, verás cómo un mundo nuevo se abre a tus ojos...

http://codex.wordpress.org/Function_Reference/
http://codex.wordpress.org/Template_Tags/


Saludos
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #3 (permalink)  
Antiguo 23/06/2011, 07:08
 
Fecha de Ingreso: octubre-2008
Mensajes: 48
Antigüedad: 10 años, 10 meses
Puntos: 5
Respuesta: Otra ayudita ... cómo poner un campo personalizado en este sitio...

rogertm:

¡Mil gracias!... casi funciona! casi casi... lo único es que no quedó debajo sino juntito, yo puedo hacer los cambios en css para darle formato, pero como verás en cuanto a etiquetas de php soy bastante sonsa.

¿como hacer pa que quede debajo? osea, debajo del nombre de la categoría? ¿me echas esa última mano? Gracias!!

prometo ponerme a estudiar pronto el codex

Última edición por ixac; 23/06/2011 a las 07:13 Razón: dedazo
  #4 (permalink)  
Antiguo 23/06/2011, 07:16
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 18 años, 6 meses
Puntos: 535
Respuesta: Otra ayudita ... cómo poner un campo personalizado en este sitio...

Probá de ponerle position:relative a ese <span> y jugá con los valores de top y left (igual ojo que no estoy seguro, es lo primero que yo probaría)
__________________
...___...
  #5 (permalink)  
Antiguo 23/06/2011, 07:30
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 14 años
Puntos: 638
Respuesta: Otra ayudita ... cómo poner un campo personalizado en este sitio...

Igual puedes probar con un display:block, de todas maneras puedes intentar algo y si no te sale, pues pregunta en el foro de CSS...

Saludos
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #6 (permalink)  
Antiguo 23/06/2011, 07:40
 
Fecha de Ingreso: octubre-2008
Mensajes: 48
Antigüedad: 10 años, 10 meses
Puntos: 5
Respuesta: Otra ayudita ... cómo poner un campo personalizado en este sitio...

Ok, mil gracias a ambos!
  #7 (permalink)  
Antiguo 23/06/2011, 09:09
 
Fecha de Ingreso: octubre-2008
Mensajes: 48
Antigüedad: 10 años, 10 meses
Puntos: 5
Respuesta: Otra ayudita ... cómo poner un campo personalizado en este sitio...

He aquí lo que he logrado, en el link esta la captura del navegador, el asunto es que no logro centrarlo

http://img87.imageshack.us/img87/2405/quickx.jpg

En el CSS del style (que controla lo que es el nombre de la columna) he puesto:

Código:
.navTabs li a {vertical-align: middle; padding:15px 25px 15px 25px; color: #fff; text-decoration: none; background-color: #4E79AF; border: solid 1px #e9e9e9; }
.navTabs li.active a, .navTabs li a:hover {vertical-align: middle; padding:15px 25px 15px 25px; color: #333; background-color: #fff; border-bottom: solid 2px #4E79AF; text-decoration: none; }
y en el php donde inserté la descripción puse:

Código PHP:
echo'<li><a href="#tab'.$i.'">'.$cat->name.'</a><span style="vertical-align: middle; font-size:11px; color:#fff; text-align:center; display:block;">'.$cat->category_description.'</span></li>'
no logro que quede centrado verticalmente
  #8 (permalink)  
Antiguo 23/06/2011, 11:55
 
Fecha de Ingreso: octubre-2008
Mensajes: 48
Antigüedad: 10 años, 10 meses
Puntos: 5
Respuesta: Otra ayudita ... cómo poner un campo personalizado en este sitio...

Al parecer, quedó todo super perfecto al final,
modifiqué el CSS del theme, el CSS del Style y cambié algunos valores del bloque, y la verdad anda más que perfecto.

Gracias por el empujón!!!
=)
  #9 (permalink)  
Antiguo 23/06/2011, 12:41
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 14 años
Puntos: 638
Respuesta: Otra ayudita ... cómo poner un campo personalizado en este sitio...

Cita:
Iniciado por ixac Ver Mensaje
Al parecer, quedó todo super perfecto al final,
modifiqué el CSS del theme, el CSS del Style y cambié algunos valores del bloque, y la verdad anda más que perfecto.

Gracias por el empujón!!!
=)
Bien, Felicitaciones por el esfuerzo
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose

Etiquetas: personalizado, campos
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 23:03.