• Resuelto Ibuprofeno

    (@ibuprofeno)


    Buenas a todos, no hace mucho que empece a usar WordPress, me parece interesante para aprender, pero tengo una duda con respecto a las imágenes, sucede que yo uso el tema «Oxygen» y cuando agrande el tamaño de la columna principal de 940 a 1040, se ve mas amplio, pero… las imagenes de la misma quedaron chicas (470×140), la quiero aumentar a 570 de ancho, probé con el inspeccionar elemento y funciona, ¿Pero donde modifico tal variable? las imágenes que subo es de 1080×1920 así que no debería tener problema, el problema es que me lo muestra en 470×140 y nose donde modificar. En el inspeccionar elemento con codigo html si modifica pero cuando voy a la barra de estilos CSS en el inspreccionar elementos, no me permite modificar nada, solo sale esto:
    <img src=’http://s2.subirimagenes.com/otros/previo/thump_9076949prueba.jpg&#8217; alt=’subir imagenes’ border=’0′>

    agradeceria si alguien me ayudase, muchas gracias.

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • Angus Young

    (@angus-young)

    Hola Ibuprofeno ¡¡me gusta tu nombre!! ;-P

    Yo también uso el Oxygen en varias webs y es un gran tema.

    Por lo que entiendo estás intentando modificar tamaños de imágenes y no (supongo) has modificado el layout del tema, o sea: que tienes la columna central y los dos sidebar (izquierda y derecha).

    Si te fijas el «wrap» total del tema es de 940 y 740 es justo la mitad, que es el ancho que tiene la columna central o «content-wrap» por lo que si has conseguido aumentar el ancho total a 1040 te aconsejaría un ancho de imagen máximo de 520 (50% de 1040, total… por 50px no nos vamos a pelear…) que será el máximo al que podrá ampliarse y la altura ponla como «auto» para no distorsionarlas (o bién recórtalas «a mano»)

    PEEEEEEEROOO….

    Si bicheas el archivo css verás que utiliza % en vez de px reales para definir los tamaños (no todas las pantallas son iguales) por lo
    para presentar la imagen susodicha le da un 100% de ancho del content-wrap.

    Así que (de inexperto a inexperto) te aconsejo dos cosas:

    A: olvídate de los píxeles y empieza a pensar en %, lo que deberías hacer es aumentar todo lo que puedas el wrap total y dejar el resto del trabajo al tema, o bien piensa en utilizar la plantilla predeterminada o la full-width, que con esa tendrás más juego en cuanto a las imágenes pero menos en cuanto a sidebars y adios al slider (claro), y

    B: empieza a pensar en trabajar con temas hijos o «child theme», esto es lo que te aconsejo… Y por varios motivos: si put… ¡perdón! CUSTOMIZAS demasiado el tema puedes perder las características responsive, que se te vaya todo al… y SOBRE TODO olvídate de actualizar el tema: todo lo cambiado se perderá por arte de software…

    Y te lo digo por propia experiencia, esta web:

    apuntateuna.es

    utiliza Oxygen, y fue tan ampliamente put… ¡perdón! customizada que ya no podemos actualizar el tema, a no ser que vuelva a comparar uno a uno todos los documentos del tema y cree un tema hijo con las variaciones que le incorporamos y, creeme, seguro que no nos funcionaba igual… y eso que casi todo fue en css y functions…

    Así que a darle la vuelta a la tortilla… en wordpress.org te explican muy bien lo de los temas hijos, y es mas fácil de lo que parece (je je toy de coña…) (no, si en serio) ahora mismamente estoy a vueltas con un tema hijo de Oxygen a ver como sale, fíjate que acabo de abrir un hilo:

    http://es.forums.wordpress.org/topic/oxygen-template-nuevo-con-slider-pero-sin-sidebar?replies=1

    en cuanto lo tenga listo, si te interesa, y siguiendo con la licencia GPL, lo pondré a disposición de quien le interese (si es que existe, claro). Mi idea es un home que en realidad sea un full-width pero con un slider del 100% y del que me desaparezcan los sidebar, pero me estoy liando… con el tema y aquí 😉

    Ea, ánimo con el tema hijo, críalo con todo amor y verás como después te saca los ojos je je je

    Salud

    Iniciador del debate Ibuprofeno

    (@ibuprofeno)

    Hola, gracias por tu extensa respuesta, me ha servido, pero para serte sincero me he liado un poco jajaja, es decir, no me ha quedado claro donde debo modificar eso? o es que leí mal? entiendo tu explicacion de px y %, pero donde modifico eso? eso queria saber xD

    PD: ¿Te mola mi nombre? no entiendo porque tanto les gusta (si, muchos me han dicho lo mismo xD)

    Iniciador del debate Ibuprofeno

    (@ibuprofeno)

    PD2: Me olvidé decirte que estuve viendo tu página y esta bastante bien, me gustaría pedirte algún contacto, tienes facebook o algún correo o algo para preguntarte algunas cosillas como los plugins que usas para que se vea esa barra de twitter o de facebook que tambien se ve esa barra con las publicaciones recientes y los banners de los mismos, ya que conozco muy poco de ellos, cualquier cosita me sirve para aprender, aun sigo batallando como hiciste eso de las imágenes, desde que cambie el ancho a 1040, la imagen en el ancho no se expande, sigue en 470 (y de altura 140), aunq las suba a 1080×1920 se queda con 470, aun no veo donde se cambia eso u.u

    Angus Young

    (@angus-young)

    Hola de nuevo, no te agobies y tómate un nombre-tuyo 😉

    Lamento haberte liado; para modificar las cosas deberás mirar el style.css. Pero aquí es donde te aconsejo usar los temas hijos no vayas a cargarte el original y además de no poder actualizarlo.

    Hay extensiones de los navegadores (yo utilizo Web Developer Extension) que te dicen un montón de cosas de las webs, p.ej. en las imágenes de abajo le he pedido en Información: Display Div Dimensions y mira lo que me da:

    http://i27.photobucket.com/albums/c161/LaTrama/oxygen_zps1aa82bd0.png
    http://i27.photobucket.com/albums/c161/LaTrama/oxygen2_zps8d2c76e2.png

    A partir de aquí ya sabrás mas os menos lo que tienes que buscar, lo demás es a base de cabezazos si, como yo, no eres programador.
    Si quieres un tamaño mayor de fotos piensa en elegir la plantilla predeterminada, a ver si puedes ponerla mas grande.

    Lo de la barra de las publicaciones recientes es muy sencillo: cuando hagas un post puedes marcarlo como «featured» y te lo mostrará en el slider siempre que tengas como inicio una página dinámica que te muestre los últimos posts, claro; lo de twitter y facebook son los plugins de ellos mismos y en página los proporcionan (en realidad es un widget de texto con el código que ellos te facilitan).

    Hay una página muy interesante para saber el tema y los plugins que se usan en una web wp:

    http://whatwpthemeisthat.com/

    Pones la url y te chiva lo que tiene mas o menos.

    No tengo feisbú, lo siento (o no?) así que de momento por aquí miraremos que podemos hacer…

    Iniciador del debate Ibuprofeno

    (@ibuprofeno)

    Vale, muchas gracias por los datos, lo de twitter y facebook ya sabia que son widgets o plugins, pero a eso me refería, cual era el nombre de ellos, para buscarlo y bajarlo, ya mañana me meteré a meterle mano y a googlear un poco a ver en que resulta todo, muchas gracias por tu tiempo 🙂

    Iniciador del debate Ibuprofeno

    (@ibuprofeno)

    PD: he visto tu pagina y básicamente es lo que yo intentaba hacer, ¿Qué has modificado? ¿El wrap total? (y supongo que así las imágenes se modifican solas?) porque la mía estaba muy delgada, por eso las «expandi» de 940 a 1040 pero el problema fueron las imagenes que me quedan cortas, quizas modifique algo que no era «global».

    acá te va una imagen para que veas como queda:
    http://s2.subirimagenes.com/otros/previo/thump_9079690prueba.jpg

    como ves, en la imagen de flash, le falta ese «pedacito» para expandirse. (justo la parte donde hasta la barra gris de «Sin categoria» se desvia alla y se acopla, todo bien, pero la imagen no se «acopla».

    Lo siento por no darte la web, es que no esta almacenada en un hosting, de momento esta en localhost.

    Cualquier cosa estaré atento.

    Angus Young

    (@angus-young)

    Hola de nuevo

    En la web no modificamos nada de las plantillas, sólo (creo recordar) del css y algo de las funciones…

    He estado bicheando un poco en los archivos del tema y he visto que en «index.php» y «page-template-front.php» define los tamaños de miniatura a 470×140.

    Creo que ahí está el quid de la cuestión…

    Prueba a cambiarlos a 520×140 desde el apariencia/editor (y seleccionando esos archivos, claro) a ver que pasa… creo que se solucionará.

    De todas formas te recuerdo lo de los temas hijos: very very importante si no quieres tener que modificar los archivos del tema cada vez que haya una actualización del mismo, o bien no lo actualizes nunca (que es lo q me pasa con apuntateuna) pero no es lo mas idóneo (seguridad y esas cosillas)

    Ahí va un enlace donde te comenta como hacerlos:

    http://codex.wordpress.org/es:Temas_hijos

    Como a mí me costó darle vueltas a lo que escribí en el css ahí va lo mínimo que necesitas poner:

    /*
     Theme Name:   Oxygen Child
     Theme URI:    http://ibuprofeno.com/team-por-si-lo-quieres-compartir
     Description:  Oxygen Child Theme
     Author:       Ibuprofeno
     Author URI:   http://ibuprofeno.com
     Template:     oxygen
     Version:      0.5.4
     Tags:         custom-front page (esto es lo que estoy haciendo yo)
     Text Domain:  oxygen-child
    */
    
    @import url("../oxygen/style.css");
    
    /* =Aquí empieza la personalización de tu tema
    -------------------------------------------------------------- */
    .breadcrumbs {
    display: none;
    }
    
    .featured-wrapper {
    float: left;
    width: 100%;
    }
    .content-wrap {
    float: left;
    width: 100%;
    }
    #content {
    width: 100%;
    }

    Ojo: lo que está después de los guiones está lo que yo quiero modificar: he eliminado los breadcrumbs, el slider del featured wrapper lo he puesto al 100%, y todo el contenido me lo llevo a la izquierda y que ocupe el 100%.

    Si no quieres modificar nada de los estilos elimina lo de después de los guiones y lo dejas sin nada, y para que la imagen se te amplie lo que hemos hablado antes: create unos archivos index.php y page-template-front.php donde sólo modificas esas medidas de las imágenes.

    ¡Ah! una última cosa: tú sabrás donde has modificado el ancho a 1040… ese cambio si que debe ir reflejado en el tema hijo, bien en el css o donde lo hayas hecho.

    …no sé si me explico…

    ZZZUERRRRTE

    Iniciador del debate Ibuprofeno

    (@ibuprofeno)

    Hola Angus Young, recién lo termine de configurar (he estado casi toda la mañana), y si, ya había hecho eso, pero aun me faltaba otra más, y es que el muy maldito estaba oculto también en el archivo index.php (si, imagino que eso también lo sobrescribirá), en la parte:

    function oxygen_embed_defaults( $args ) {

    $args[‘width’] = 470; /* Acá lo cambie a 520*/

    if ( is_page_template( ‘page-template-fullwidth.php’ ) )
    $args[‘width’] = 1040;

    return $args;
    }

    ahí cambie a 520 justo como indicaste en los otros dos archivos y ahí resultó, ¿Cómo? no tengo idea jaja pero por todo lo demás, te agradezco, no conocía nada de temas hijos con esta plataforma, solo he programado en java, php, ajax, css y c#, recién hace 5 días me acostumbro a esto y tiene sus ventajas y desventajas, ahora me pondré a estudiar eso de los temas hijos, muchas gracias por tus consejos y la orientación (Y)

    Angus Young

    (@angus-young)

    Hola «Ibu» (je je)

    ¡que envidia me das…! ¿sabes programar en todo eso? ¡¡y yo que ni siquiera aprendí a programar el video!! 🙁

    En fin que se va a hacer, como decía mi madre «siempre ha habido clases y clases». Yo no tengo ni pajolera idea de ná de esas cosas que comentas… ¡ya me gustaría!

    En realidad soy diseñador gráfico (me considero mas bien técnico gráfico) y esto de las cosas esas que nombras lo hago a base de cabezazos… si esto no es: quizá sea esto otro ¡ah! ¡pues no era esto!

    Me copio los archivos base en un editor de texto y en otra ventanita me dedico a put.. (perdón…) retocar el código y a ver que sale…

    Hombre, a base de cabezazos ya me voy conociendo cuales son las esquinas que hacen mas daño al darte con la cabeza e intento evitarlas, otra cosa no se…

    Pero eso de programar «a pelo»… quenvidiamasgraaaande

    Ea, un abrazo y ánimo, que con lo que me cuentas esto del wp lo tienes dominado en tres días.

    Salud!!

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • El debate ‘Tamaño imagen 470×140’ está cerrado a nuevas respuestas.