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

Me pueden ayudar con el ancho de un theme responsive.

Estas en el tema de Me pueden ayudar con el ancho de un theme responsive. en el foro de WordPress en Foros del Web. Hola chicos... Estoy haciendo unas pequeñas modificaciones que me pidieron a un theme, sin embargo me he topado con un problema que no he podido ...
  #1 (permalink)  
Antiguo 02/03/2014, 18:16
Avatar de Marthita23  
Fecha de Ingreso: enero-2003
Ubicación: Edo Mexico
Mensajes: 485
Antigüedad: 15 años, 7 meses
Puntos: 17
Pregunta Me pueden ayudar con el ancho de un theme responsive.

Hola chicos...

Estoy haciendo unas pequeñas modificaciones que me pidieron a un theme, sin embargo me he topado con un problema que no he podido solucionar espero me ayuden.

El theme sobre el que me encuentro trabajando es:

Este::::>

Como pueden ver la pagina de index.php o home.php esta dividida en 2 columnas de contenido aquí una captura:



El ancho que ocupan las 2 columnas es el ancho general de la pagina me refiero a que el wrapper esta en width: 100%;

Al entrar en un articulo o pagina esta con la mismas dimensiones de ancho como se ve en la siguiente captura:



Es ahí donde esta el problema que tengo, me gustaria hacer que la parte de los artículos o paginas no fuera tan ancho, que la pagina de index o home mantuviese sus tamaño pero al entrar al post fuera mas reducido el espacio en cuanto a anchura como se ve en la imagen siguiente:



Ya intente de mil formas, edite todos los códigos pero aun así no puedo lograr hacerlo.

Por favor ayúdenme ya que es un trabajo que tengo que entregar y ya me queda poco tiempo para ello.

Saludos.
  #2 (permalink)  
Antiguo 03/03/2014, 09:20
Avatar de TMeister
Crazy Coder
 
Fecha de Ingreso: enero-2002
Ubicación: En la Oficina
Mensajes: 2.880
Antigüedad: 16 años, 7 meses
Puntos: 193
Respuesta: Me pueden ayudar con el ancho de un theme responsive.

Agrega a tu CSS

Código CSS:
Ver original
  1. .single .wrapper{
  2.  
  3.     width: 70%;
  4.     margin 0 auto;
  5.  
  6. }

Este es el resultado:

http://screencast.com/t/6ssKcq8xAcu
  #3 (permalink)  
Antiguo 08/03/2014, 13:36
Avatar de Marthita23  
Fecha de Ingreso: enero-2003
Ubicación: Edo Mexico
Mensajes: 485
Antigüedad: 15 años, 7 meses
Puntos: 17
Respuesta: Me pueden ayudar con el ancho de un theme responsive.

Hola TMister ya intente poner el código que me indicas, pero no pasa nada...

Se tendria que modificar algo en esta parte tambien ???? es del single.php

<?php
get_header();
?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h2 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

<?php the_post_thumbnail('thumbnail'); ?>

<div class="meta">
<ul>
<li><?php _e("Categoría:", 'northern'); ?> <?php the_category(', ') ?> <?php the_tags(__('Tags:&nbsp;', 'northern'), ' , ' , ''); ?></li>
</ul>
</div>

<?php the_content(__('(more...)', 'northern')); ?>

<div class="commentlink">
<?php wp_link_pages(); ?>
<?php // comments_popup_link(__('No Comments', 'northern'), __('1 Comment', 'northern'), __('% Comments', 'northern'), '', __('Comments are closed.', 'northern') ); ?>
</div>

</article>

<?php endwhile; endif; ?>

<?php // comments_template( '', true ); ?>

<section class="pagenav">
<span class="previous"><?php previous_post_link('%link'); ?></span> - <span class="next"><?php next_post_link('%link'); ?></span>
</section>

</section>

<?php get_sidebar(''); ?>
<?php get_sidebar('2'); ?>
<?php get_sidebar('3'); ?>
<?php get_sidebar('4'); ?>
  #4 (permalink)  
Antiguo 08/03/2014, 19:39
 
Fecha de Ingreso: mayo-2011
Mensajes: 101
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: Me pueden ayudar con el ancho de un theme responsive.

Si desea modificar el ancho buscan wrapper del sitio y fíjate en cada plantilla como esta definido y desde ahi modifica, a simples rasgos buscan el div que envuelve todo la web y ese modifica.
  #5 (permalink)  
Antiguo 09/03/2014, 13:50
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.683
Antigüedad: 9 años, 1 mes
Puntos: 425
Respuesta: Me pueden ayudar con el ancho de un theme responsive.

El código de TMeister funciona perfectamente.
__________________
Mi blog personal | Mi G+
  #6 (permalink)  
Antiguo 10/03/2014, 10:48
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 8 años
Puntos: 14
Respuesta: Me pueden ayudar con el ancho de un theme responsive.

De todas formas podrías usar con depuradores de código como Firebug para ver los estilos que se le están aplicando en ese momento.

Lo mismo, al hacer el tema responsive hay que tener en cuenta la herencia de las propiedades, puedas tener un width suelto por ahí alejado de la mano de dios y te aplique ese en vez del que deseas en ese momento ;)
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"

Etiquetas: ancho, php, post, theme
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 05:53.