• Olá, testei o plugin WPTouch porém ele não atendeu minhas espectativas.
    Necessito que quando meu site seja acessado por dispositivos móveis, ele exiba apenas as categorias de forma bem visivel. Dessa forma pensei em usar um javascript no inicio da index do WP para interpretar se a resolução do visitante for menor que 600px e redirecionar a outra página.
    O script que estou usando é esse:

    if ($_GET[“op”] != “nomobile”) {
    echo(‘<script type=”text/javascript”>
    //<![CDATA[
    if (screen.width <= 600) {
    window.location.replace(“http://redebiz.net/site/mobile/&#8221;)
    }
    //]]>
    </script>’);
    }

    Até ai tudo bem, fiz um teste e abriu uma página diferente. Porém para configurar meu site para abrir em um dispositivo móvel, eu preciso ter duas folhas de estilo diferentes, uma para cada tipo de resolução. Estou com dificuldade em achar uma forma de fazer isso. Caso consiga carregar um segundo arquivo de estilos para quem usa resolução menor que 600px, posso montar praticamente um novo template, só para acesso em smarthphone, usando o mesmo banco de dados. Agradeço se algém puder ajudar. Meu site é http://autoguia.net

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Este método está obsoleto o que estão usando agora é um método chamado
    responsive design

    Aqui vc pode ver um tutorial sobre + demo para poder estudar.

    http://www.netmagazine.com/tutorials/improve-your-responsive-design-workflow-sass

    Criador do tópico enrico2012

    (@enrico2012)

    Obrigado Myst pela informação. Estudei um pouco e descobri que posso usar alguns parametros na chamada do CSS como por exemplo:

    <link rel=”stylesheet” href=”smartphones.css” media=”screen and (max-width:480px)” />

    No template que usei para fazer meu site (twentyeleven) percebi que ele carrega o CSS no arquivo header.php através desta linha:

    <link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” />

    Tentei substituir a string PHP que carrega o CSS pelo nome do meu novo arquivo.css porém não deu certo. Alguém sabe como incluir isso?

    No seu caso acho que vc pode usar isso

    <link rel="stylesheet" type="text/css" media="all" href="<?php get_stylesheet_directory_uri(); ?>/style.css" />

    Criador do tópico enrico2012

    (@enrico2012)

    Consegui resolver, chamando dois estilos no header.php

    <link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” />

    <link rel=”stylesheet” type=”text/css” href=”http://autoguia.net/wp-content/themes/autoguia/style2.css&#8221; media=”screen and (max-width:600px)” />

    Ele carrega o estilo principal primeiro e na sequência interpreta ajustando de acordo com a resolução. Tive que colocar o link inteiro do CSS com http:// pois não consegui de outra forma. Obrigado pela ajuda.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Duas folhas de estilo’ está fechado para novas respostas.