Galería en cuadrícula con errores

Inicio Foros WordPress Themes y Diseño Galería en cuadrícula con errores

Etiquetado: 

Este debate contiene 21 respuestas, tiene 2 mensajes y lo actualizó  LGrusin hace 5 años, 4 meses.

  • Autor
    Publicaciones
  • #69497

    Anónimo

    Hola,

    Hace unos días instalé plantilla Pinstrap (http://bragthemes.com/theme/pinstrap-pinterest-meets-bootstrap/) la cual trae como página principal una galería con las imágenes / fotografías que subo como destacadas en cada post. Pero el problema es que algunas de ellas las repite / duplica. ¿Habría alguna forma de que no se repitieran?

    El otro problema que tengo con la galería, aunque parezca irónico, es que se quedan algunos rectángulos vacíos y no se insertan las imágenes. ¿A que puede ser debido?

    Para ver el problema mi blog es: http://acalu.es/

    Un saludo y gracias.

  • #69503

    LGrusin
    Miembro

    Pues así por encima, parece que los posts que no contienen imagen son los que salen con el cuadrito. Sobre el post repetido parece que es una imagen añadida con caption…

    Tendría que mirar el theme con más detalle.

    Un saludo

  • #69522

    Anónimo

    Es cierto, no se cómo no me había dado cuenta de que los rectángulos en blanco eran posts sin imágenes… supongo que no se podrán quitar.

    Sobre las fotografías repetidas ha sido un misterio, porque al publicar 2 posts nuevos han desaparecido ¡! mejor.

    Y la última cosa que me incomoda y no se por qué pasa es que en el scroll infinito al bajar pone que se están cargando las imágenes, pero no aparecen hasta que subo un poco con la ruleta del ratón, como si se quedara pillao. Es un problema, porque la gente que lo visite puede pensar que no hay más imágenes y se vaya. ¿Habría alguna manera de solucionarlo?

    Un saludo.

  • #69523

    Anónimo

    He encontrado el trozo de código del scroll infinito, lo pongo por aquí por si aclara algo:

    <!– start infinite scroll function  –>

    <script type=”text/javascript”>
    jQuery(document).ready(function($) {

    var count = 2;
    var total = <?php echo $wp_query->max_num_pages; ?>;
    $(window).scroll(function(){
    if  ($(window).scrollTop() == $(document).height() – $(window).height()){
    if (count > total){
    return false;
    }else{
    loadArticle(count);
    }
    count++;
    }
    });

    function loadArticle(pageNumber){

    $(‘a#inifiniteLoader’).show(‘fast’);

    $.ajax({
    url: “<?php bloginfo(‘wpurl’) ?>/wp-admin/admin-ajax.php”,
    type:’POST’,
    data: “action=infinite_scroll&page_no=”+ pageNumber + ‘&loop_file=loop’,
    success: function(html){
    $(‘a#inifiniteLoader’).hide(‘1000′);

    $(“#tiles”).append(html);    // This will be the div where our content will be loaded
    $(“a[rel=’colorbox’]”).colorbox({
    transition:’elastic’,
    opacity:’0.7′,
    maxHeight:’90%’
    });
    }
    });
    return false;
    }

    });

    </script>

    <!– end infinite scroll pagination –>

    <div>
    <div>

    <div>
    <div id=”main” role=”main”>
    <ul id=”tiles”>

    <?php
    /* Run the loop to output the posts.
    * If you want to overload this in a child theme then include a file
    * called loop-index.php and that will be used instead.
    */
    get_template_part( ‘loop’ );
    ?>

    </ul>
    </div>

    </div>

    </div>

    </div>

    <a id=”inifiniteLoader”>Cargando… <img src=”<?php bloginfo(‘template_directory’); ?>/images/ajax-loader.gif”></a>

  • #69528

    LGrusin
    Miembro

    Sobre el tema del scroll ten en cuenta que debe cargar varias imágenes, no es una sóla. Si la imagen es grande ya tarda en cargar, multiplica por el número de imágenes y saldrá un tiempo enorme de carga. Precisamente el aviso de carga es para eso para que no se desespere la gente.

    La verdad es que no se me ocurre una manera de solucionarlo. Si acaso podrías sustituir el scroll por una paginación, como en los posts, de manera que se carguen imágenes de 10 en 10 por ejemplo.

    Un saludo

  • #69544

    Anónimo

    Sustituí el scroll infinito por una paginación normal, pero con las fotos no quedaba muy bien, así que probé a quitar los widgets del pie de página y ahora parece que la mayoría de las veces carga de manera normal, aunque a veces se quedando atascado (no me refería a que tardara mucho, sino que simplemente no salían las imágenes hasta que le daba a la ruleta del ratón hacia arriba), no sé por qué.

    El tema de las imágenes duplicadas vuelve a aparecer, parece una cosa aleatoria y no lo comprendo, porque todas las imágenes las añado de la misma forma y todas tienen pie de foto (me imagino que a eso te referías con el caption).

    Y se que son muchas preguntas para un hilo, pero ¿los rectángulos que salen cuando se publica un post sin imagen se podrían quitar?

    Un saludo.

  • #69566

    LGrusin
    Miembro

    Puesto que los rectángulos son posts sin imagen y no salen en la página de inicio, se podría modificar el theme para que muestre sólo los posts con imagen y así no se vea tan feo con los rectángulos.

    Lo que no tengo claro si saldrá bien con todos los posts que contengan imagen. Lo digo porque has usado varios métodos desde el inicio del blog para poner las imágenes, con pie de foto, con enlace a flickr o alineando las imágenes.

    Sobre el scroll decirte que se actualiza al mover el ratón, es un efecto extraño pero funciona así.

    Un saludo

  • #69599

    Anónimo

    ¿Sabrías alguna orientación sobre el código para quitar los rectángulos vacíos?

    ¿Y el motivo por el que se duplican algunas imágenes aparentemente de manera aleatoria?

    Con el scroll, ¿se puede añadir o quitar algo de código para que no tener que utilizar la ruleta del ratón?

    Un saludo y muchas gracias por tu tiempo.

  • #69603

    LGrusin
    Miembro

    He hecho una modificación en el theme para que sólo muestre posts con imágenes, los rectángulos desaparecen pero no va bien del todo.

    El principal problema es que este theme funciona sólo con las imágenes destacadas y en tu blog no usas esa característica. La modificación ideal consistiría en detectar la imagen del post, sea del tipo que sea, y mostrarla. Si lo consigo te lo hago saber.

    Sobre el problema de duplicar las imágenes, no logro provocar el efecto. Dime una cosa, ¿Has cambiado las imágenes que servía flickr y las has subido a tu blog? Podría ser esa la razón, figuran con dos URLs…

    Lo del scroll creo que la mejor solución es quitarlo y poner un número de posts fijos por página. Si te fijas es lo mismo que hace ahora, creo que muestras 30 posts por paginación de inicio, pues sería lo mismo pero con botón de anteriores o siguientes. Lo puedes comprobar de forma manual poniendo:
    acalu.es/page/2
    acalu.es/page/3
    acalu.es/page/4
    etc, etc, y así vas investigando el porqué de las cosas raras que hace con las imágenes…

    Un saludo

  • #69604

    Anónimo

    El que el theme funcione sólo con las imágenes destacadas no lo veo mal, porque al no publicar sólo fotografías en algunos posts que escribo de texto no me gustaría que saliera la imagen 😉

    Al final he vuelto a quitar el scroll infinito y he puesto la paginación normal, aunque no queda tan chulo, creo que así no salen duplicadas.

    ¿Cual sería la modificación que has hecho para que no se muestren los rectángulos?

    Un saludo.

  • #69668

    LGrusin
    Miembro

    Acalu, es que tú nunca has usado las imágenes destacadas en los posts. Sin embargo, el theme está cogiendo imágenes sólo de los posts que tienen pie de imagen, el resto, no los muestra. Eso tampoco debería funcionar así. Fijate en los primeros posts allá por el 2009… 😉

    Según te leo no te importaría que los posts que no tengan imágenes no aparecieran en la página de inicio. ¿Cómo accede el visitante a ellos?

    El problema que existe al hacer esto es que ya no se mostrarían 30. Se mostrarían según el número de posts con imágenes. O sea, una página puede contener 25, 15, 30, etc, según encuentre el theme imágenes o no. Incluso podría haber alguna página en blanco como por ejemplo, acalu.es/page/6/

    En eso estoy, si no tienes prisa te pongo el código por aquí…

    No sé si me estoy explicando, espero no haberte liado más… 😉

    Un saludo

  • #69671

    Anónimo

    Oh, siento mucho la confusión, es que desde que cambié la plantilla estoy actualizando los posts poco a poco desde los más recientes hacia los más antiguos, y todavía no tengo todas las imágenes destacadas subidas, porque con la plantilla anterior no las usaba. Por eso no salen todas aún, no es que las esté cogiendo con el pie de imagen, sino que que las más recientes también las puse con ese texto ahí 🙁

    La página de inicio tenía pensado que sólo fuera una galería de mis fotografías, por eso no me importa que no salgan los posts que sólo tengan texto, que sería tutoriales y demás, que para eso entren en el enlace de arriba que pone blog, donde estaría todo. Sé que no es muy intuitivo, pero quiero probar con esta manera 😉

    Lo ideal sería que la página de inicio mostrara las 30 imágenes destacadas y se saltara los posts que no las tenga, y que no salieran los rectángulos en blanco, pero si eso no es posible vería bien que aunque se muestren menos de 30 fotografías no aparecieran los rectángulos.

    El otro día se cayó el servidor de Flickr y tampoco pude actualizar todas las imágenes correctamente, poco a poco lo voy haciendo.

    Gracias por tu ayuda, y si me pudieras decir que código tengo que modificar para el tema de los rectángulos te lo agradezco 🙂

    Un saludo.

  • #69673

    LGrusin
    Miembro

    Bien, si es así como dices pues no hay que modificar mucho. En el archivo loop.php hay que hacer dos cambios.
    1 – Busca la línea que pone
    <?php if ( has_post_thumbnail()) : ?>
    la quitas de donde está y la pones delante de:
    <li><div id=”post-<?php the_ID(); ?>”>
    2 – La línea <?php endif; ?> que está delante de <div class=”mask”>
    la quitas de ahí y la pones después de </li> que está casi al final del archivo.

    Guarda los cambios y prueba. Presta atención y guarda el archivo anterior por si acaso. Ya me dirás si te gusta como queda…

    Un saludo

  • #69674

    Anónimo

    Funcionó!! muchas gracias por la ayuda 😉

    Un saludo.

  • #69705

    LGrusin
    Miembro

    Me alegro, ahora te queda modificar todos los posts antiguos… 😉

    Un saludo

  • #70077

    Anónimo

    De nuevo estoy dándole vueltas a la plantilla con una cosa que no me terminó de convencer completamente, y era para preguntar si habría alguna manera de que en la página principal de la galería no se viera reflejado (disminuyendo la cantidad de fotos) el que publique artículos de texto. Es decir, que salieran las 30 imágenes y luego en el blog pudiera ir publicando más artículos de sólo texto.

    Un saludo.

  • #70081

    LGrusin
    Miembro

    Según tú, no te importaba que no aparecieran 30 posts…. 😉

    Si el problema es que sólo salen los posts con imágenes destacadas, pues ponle también a los posts con sólo texto imágenes destacadas…

    Lo ideal es que no se muestren las imágenes en los posts de texto pero si en la galería de la página de inicio. Aunque no recuerdo ahora cómo es tu theme ;-(

    Un saludo

  • #70082

    Anónimo

    Es cierto… pero al no tenerlo todo solucionado pensaba que era más urgente arreglar las otras dudas.
    No le quiero poner imágenes destacadas a los posts de texto (y por tanto no quiero que aparezcan en la galería) porque no quiero mezclarlo con mis fotografías personales, quiero que la página de inicio sea una muestra de lo que hago, los posts de texto son un complemento para los lectores y de paso para que me encuentren en los buscadores.
    Pero si escribo de forma continua muchos posts de texto no va a aparecer ninguna fotografía en la galería 🙁
    Tampoco sé si se puede hacer lo que estoy comentando. La plantilla que estoy utilizando es esta: PinStrap http://bragthemes.com/theme/pinstrap-pinterest-meets-bootstrap/
    Un saludo y gracias por la paciencia.

  • #70099

    LGrusin
    Miembro

    Entiendo, pero tienes que decirle a WordPress cuál es la diferencia entre un post con imagen y otro de texto. En el bucle principal, el theme muestra todos los posts y no diferencia los que tienen imagen de los que no la llevan, puesto que presupone que todos la tienen.

    Al modificar el theme nos hemos saltado en el bucle los posts de texto, por esa razón no aparecen de 30 en 30.

    Deja ver si se me ocurre alguna idea…

    Un saludo

  • #70104

    LGrusin
    Miembro

    Por cierto, mirando en las categorías de tu blog veo que tienes una de Fotografías. Si los posts con imágenes destacadas pertenecen todos a esta categoría pues creo que ahí puede estar la solución. Hacer la consulta por la categoría Fotografias en vez de todos los posts como está ahora.

    Sería poner esto antes del bucle while:
    <?php query_posts( ‘posts_per_page=30&category_name=fotografias&paged=’.$paged); ?>

    Esto en el archivo loop.php…

    Un saludo

  • #70105

    Anónimo

    Muchísimas gracias LGrusin, ha funcionado, como siempre 😉 Ahora sí que sí está todo tal y como me gusta.

    Un saludo.

  • #70125

    LGrusin
    Miembro

    A ver, voy a cotillear… 😉

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest