• Resolvido leovieiraribeiro

    (@leovieiraribeiro)


    Olá,

    Uso o tema Oblique no meu site. Ele tem a característica de ter um visual “tijolado”, posts lado a lado, algo comum. Hoje, do nada, sem fazer nenhuma alteração de html, o site alterou automaticamente desse modelo e todos os posts ficaram em uma linha vertical. O que devo fazer para voltar ao normal?

    Obrigado!

Visualizando 7 respostas - 1 até 7 (de um total de 7)
  • Moderador Felipe Elia

    (@felipeelia)

    Oi @leovieiraribeiro,

    Visual “tijolado”, tipo masonry, normalmente é montado por javascript. Você fez alguma alteração de código ultimamente? Pode ser que o tema esteja apontando para algum arquivo externo ao seu ambiente e que ele tenha ficado momentaneamente fora do ar.

    Algumas coisas que podem ajudar a entender melhor:
    – Seu site está online em algum endereço para que a gente possa dar uma olhada?
    – Qual a versão do tema e WP que você está utilizando?
    – Instalou algum plugin ultimamente?

    Criador do tópico leovieiraribeiro

    (@leovieiraribeiro)

    Olá @felipeelia,

    Eu não fiz nenhuma alteração de código e nem instalei plugins. Acredito que tenha mudado de visual automaticamente porque o WordPress atualizou para a versão 4.6. O meu site está disponível no http://www.papua.com.br

    Obrigado (:

    Moderador Felipe Elia

    (@felipeelia)

    Então @leovieiraribeiro, é erro de javascript mesmo, como você pode ver no console do Google Chrome ou através do Firebug no Firefox (excelentes ferramentas, recomendo). Parece que o masonry não está recebendo as opções da maneira correta. Fiz um teste aqui e se você alterar o conteúdo do arquivo wp-content/themes/oblique/js/masonry-init.js pelo código abaixo deve voltar a funcionar:

    jQuery('.grid-layout').masonry({
    	options: {
    		itemSelector: '.hentry',
    		isAnimated: true,
    		animationOptions: {
    			duration: 300,
    			easing: 'linear',
    		}
    	}
    });

    Lembrando que o ideal seria criar um tema filho e nele “desregistrar” esse javascript e registrar e colocar na fila um arquivo novo com o action wp_enqueue_scripts, beleza?

    Se resolver o seu problema não esquece de marcar o tópico como resolvido 🙂

    • Esta resposta foi modificada 8 anos, 2 meses atrás por Felipe Elia. Razão: identação do código
    Criador do tópico leovieiraribeiro

    (@leovieiraribeiro)

    @felipeelia, ao fazer a alteração no arquivo masonry-init.js a correção seria automática? adicionei o código exatamente como você colocou e o problema não foi corrigido.

    Não sei se ajuda de alguma forma, mas com o site “errado”, o código atual é esse

    //Masonry init
    jQuery(function($) {
    	var $container = $('.grid-layout');
    	$container.imagesLoaded( function() {
    		$container.masonry({
    			itemSelector: '.hentry',
    	        isAnimated: true,
    			animationOptions: {
    				duration: 300,
    				easing: 'linear',
    			}
    	    });
    	});
    });
    Moderador Felipe Elia

    (@felipeelia)

    Desculpa @leovieiraribeiro, colei aqui o código que usei para o teste. Na verdade o conteúdo desse arquivo deveria ser:

    //Masonry init
    jQuery(function($) {
    	var $container = $('.grid-layout');
    	$container.imagesLoaded( function() {
    		$container.masonry({
    			options: {
    				itemSelector: '.hentry',
    				isAnimated: true,
    				animationOptions: {
    					duration: 300,
    					easing: 'linear',
    				}
    			}
    		});
    	});
    });

    Quando puder faz o teste aí e avisa se funcionou 🙂

    Criador do tópico leovieiraribeiro

    (@leovieiraribeiro)

    Putz, @felipeelia, nada desse trem funcionar haha não deu de novo. Eu não entendo absolutamente nada para pensar em outra solução para resolver essa treta :/

    Criador do tópico leovieiraribeiro

    (@leovieiraribeiro)

    Mentira. Deu certo!!haha Valeu, @felipeelia

Visualizando 7 respostas - 1 até 7 (de um total de 7)
  • O tópico ‘Alteração automática no layout do tema Oblique’ está fechado para novas respostas.