Foros del Web » Creando para Internet » CSS »

Modificar diseño de tema wordpress

Estas en el tema de Modificar diseño de tema wordpress en el foro de CSS en Foros del Web. Hola a todos; Instale el siguiente tema en mi blog http://theunstandard.5thirtyone.com/ Como pueden ver en el tema original solo se ven las imagenes o thumbnail ...
  #1 (permalink)  
Antiguo 14/11/2010, 14:09
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 14 años, 6 meses
Puntos: 7
Modificar diseño de tema wordpress

Hola a todos;

Instale el siguiente tema en mi blog http://theunstandard.5thirtyone.com/

Como pueden ver en el tema original solo se ven las imagenes o thumbnail de cada post y el titulo.

Me gustaria modificarlo y que se vea de la siguiente manera. me dijeron que habia que modificar el css para ello.

Aqui les dejo un ejemplo de como me gustaria que quede:



Aqui pueden descargar el tema: http://5thirtyone.com/downloads/word...unstandard.zip

Si alguien sabe como se puede modificar estaria muy agradecido que lo comparta.

Muchas gracias y saludos!!
__________________
Fondos de pantalla
Juegos Gratis
  #2 (permalink)  
Antiguo 14/11/2010, 17:20
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 22 años, 6 meses
Puntos: 59
Respuesta: Modificar diseño de tema wordpress

Deberías modificar el archivo STYLE.CSS en la carpeta de tu tema actual (/wp-content/themes/tu_tema/style.css)

Como saber que clase es la que afecta a ese texto en concreto? mira el código de la página o en GChrome click derecho e "inspeccionar elemento" y puedes ver que clase es, luego busca esa clase en el archivo y agrega tu estilo personalizado.

Debería funcionar.
__________________
Cool Village
@Wakkos
  #3 (permalink)  
Antiguo 15/11/2010, 09:24
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 14 años, 6 meses
Puntos: 7
Respuesta: Modificar diseño de tema wordpress

Hola Wakkos.

Si eso lo se. Lo que no se es como debo modificarlo para que se vea como quiero.
__________________
Fondos de pantalla
Juegos Gratis
  #4 (permalink)  
Antiguo 15/11/2010, 10:20
Avatar de luckystrikede11  
Fecha de Ingreso: octubre-2009
Ubicación: Concepcion, Chile
Mensajes: 240
Antigüedad: 14 años, 6 meses
Puntos: 17
Respuesta: Modificar diseño de tema wordpress

tienes que modificar el archivo index.php y el archivo style.css si quieres darle algun estilo

coloca el loop que esta en el archivo index.php para poder ayudarte en lo que tienes que modificar
__________________
www.jcabezas.net
  #5 (permalink)  
Antiguo 16/11/2010, 13:05
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 14 años, 6 meses
Puntos: 7
Respuesta: Modificar diseño de tema wordpress

Me gustaria hacer lo siguiente:

Insertar <?php the_content(); ?> debajo de cada imagen o thumbnail.

Para que quede de la siguiente forma:

__________________
Fondos de pantalla
Juegos Gratis
  #6 (permalink)  
Antiguo 16/11/2010, 13:07
 
Fecha de Ingreso: octubre-2009
Ubicación: Santa Fe
Mensajes: 206
Antigüedad: 14 años, 6 meses
Puntos: 7
Respuesta: Modificar diseño de tema wordpress

Esta es la index del tema:

Código:
<?php get_header(); ?>
<div class="home fix">
    <div class="left">
        <div class="recent-leads fix">
            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <div id="post-<?php the_ID(); ?>" class="<?php echo ( is_first_post($post->ID) ) ? 'main-post-bg' : 'secondary-post-bg left'; ?>">
                <p class="post-comments"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p>
                <?php if ( is_first_post($post->ID) ) $img_src = get_post_meta($post->ID, 'lead_image', true); 
                    else $img_src = get_post_meta($post->ID, 'secondary_image', true); 
                    if ( $img_src == '' ) $img_src = '/wp-content/themes/theunstandard/images/theunstandard-blank.png';
                ?>
                
                <?php include (TEMPLATEPATH . '/includes/index_dynamic.php'); ?>
                
                
                <div class="title-insert">
                    <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
                </div>
            </div>
            <?php endwhile; ?>
            <div class="entry navigation radius-link fix">
                <br class="clear" />
                <p class="left"><?php previous_posts_link('&laquo; previous'); ?></p><p class="right"><?php next_posts_link('next &raquo;'); ?></p>
            </div>
            <?php else : ?>
            <div class="post single">
                <h2>No matching results</h2>
                <div class="entry">
                    <p>You seem to have found a mis-linked page or search query with no associated or related results.</p>
                </div>
            </div>
            <?php endif; ?>
        </div>
    </div>
    <div class="right">
        <?php include (TEMPLATEPATH . '/sidebar.php'); ?>
    </div>
</div>
<?php include (TEMPLATEPATH . '/show_categories.php'); ?>
<?php get_footer(); ?>
__________________
Fondos de pantalla
Juegos Gratis

Etiquetas: diseño, modificar, tema, wordpress, themes
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 18:08.