Como adicionar modelo de página diferente no Wordpress

No wordpress podemos usar as páginas padrões (page.php) para criar páginas e subpáginas. No entanto, em alguns casos específicos é necessário criar páginas diferentes do modelo padrão para organizar e gerenciar conteúdos.

Por | @marcianodias Softwares Pular para comentários

No wordpress podemos usar as páginas padrões (page.php) para criar páginas e subpáginas. No entanto, em alguns casos específicos é necessário criar páginas diferentes do modelo padrão para organizar e gerenciar conteúdos.

Requisitos para entender o tutorial:

  • Conhecimentos em HTML e CSS
  • Ter conhecimento básico de como funciona um tema para wordpress


Vamos ao tutorial!
O primeiro passo é criar um template normal usando seus conhecimentos em HTML e CSS. Você pode também criar um template diferenciado usando os comandos de um tema wordpress. Por exemplo, você pode pegar titulo dinamicamente, conteúdo, widgets, etc. além de outras configurações personalizadas que você pode aplicar ao modelo de página que irá criar. Em nosso exemplo vamos apenas chamar o modelo de template para poder ser aplicado em uma determinada página.
Após criar um modelo de página, adicione o código abaixo antes do da tag :

Exemplo:





Exemplo de Página</title>
</head>
<body>
Aqui fica todo o conteúdo da página personalizada.
</body>
</html></code></pre><br />
Salve o template com um nome qualquer e salve-o dentro da pasta do tema que você usa.<br />
Agora acesse o painel administrativo do seu wordpress clique em adicionar uma nova página. Dê um titulo à página ser criada.<br />
<blockquote><div style="text-align:center"><img itemprop="image" class="lazy " src="http://www.oficinadanet.com.br//imagens/coluna/2756//td_1.png" alt="http://www.oficinadanet.com.br//imagens/coluna/2756//td_1.png" /></div></blockquote><br />
<br />
Em seguida, em atributos de página, na opção modelo, clique na lista e escolha o modelo que você criou.<br />
<blockquote><div style="text-align:center"><img itemprop="image" class="lazy " src="http://www.oficinadanet.com.br//imagens/coluna/2756//2.png" alt="http://www.oficinadanet.com.br//imagens/coluna/2756//2.png" /></div></blockquote> <br />
<br />
Agora é só publicar a página criada. Se tiver sugestões de tutoriais comente abaixo.</p><script src="https://painel.m3midia.com.br/lib/prism/prism.js"></script><link rel="stylesheet" type="text/css" href="https://painel.m3midia.com.br/lib/prism/prism.css"></p>
                    </div>
                        <div class="wifl m-t-30">
                            <p><strong>Recomendações do editor:</strong></p>
                            <ul class="relacionadolink"><li><a onclick="_gaq.push(['_trackEvent', 'recomendacoes_editor', 'pfr2394', 'pto25621']);" href="https://www.oficinadanet.com.br/hardware/25621-a-gtx-1060-6gb-galax-oc-e-boa-para-jogos-roda-liso">A GTX 1060 6GB Galax OC é boa para jogos? - Roda Liso</a></li><li><a onclick="_gaq.push(['_trackEvent', 'recomendacoes_editor', 'pfr2394', 'pto25753']);" href="https://www.oficinadanet.com.br/smartphones/25753-lancamento-zenfone-6">Vídeo: ASUS lança Zenfone 6 com câmera FLIP, Snapdragon 855 a partir de 449 euros</a></li><li><a onclick="_gaq.push(['_trackEvent', 'recomendacoes_editor', 'pfr2394', 'pto25786']);" href="https://www.oficinadanet.com.br/smartphones/25786-instagram-direct-esta-sendo-descontinuado">Instagram Direct está sendo descontinuado</a></li><li><a onclick="_gaq.push(['_trackEvent', 'recomendacoes_editor', 'pfr2394', 'pto25785']);" href="https://www.oficinadanet.com.br/smartphones/25785-samsung-galaxy-s10-5g-e-o-primeiro-smartphone-5g-dos-eua">Samsung Galaxy S10 5G é o primeiro smartphone 5G dos EUA</a></li><li><a onclick="_gaq.push(['_trackEvent', 'recomendacoes_editor', 'pfr2394', 'pto25784']);" href="https://www.oficinadanet.com.br/hardware/25784-nvidia-anuncia-resultados-financeiros-positivos-para-o-primeiro-trimestre-fiscal-de-2020">NVIDIA anuncia resultados financeiros positivos para o início do próximo ano</a></li>
                            </ul>
                        </div>
                    
                </div>
                <script>try { _402_Show(); } catch(e) {}</script>
            </div>  
    <div class="bar2" >
        
        <div class="bar2"><div class="wifl m-b-40"><span class="titulo1" ><span>Conteúdos recentes</span></span><ul class="lst12  wifl  lsn "  ><li  >
                            <a class="" href="https://www.oficinadanet.com.br/hardware/25621-a-gtx-1060-6gb-galax-oc-e-boa-para-jogos-roda-liso"  onclick="_gaq.push(['_trackEvent', 'barra_novos', 'pfr2394', 'pto25621']);"   >
                                <span class="img box-img" ><img src="https://www.oficinadanet.com.br/imagens/post/25621/1060_14080.jpg" title="A GTX 1060 6GB Galax OC é boa para jogos? - Roda Liso" alt="A GTX 1060 6GB Galax OC é boa para jogos? - Roda Liso" >
                                </span>
                                <div class="info" >
                                    <span class="tit" >Hardware</span>
                                    <span class="tit tit2" >A GTX 1060 6GB Galax OC é boa para jogos? - Roda Liso</span>
                                </div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/smartphones/25753-lancamento-zenfone-6"  onclick="_gaq.push(['_trackEvent', 'barra_novos', 'pfr2394', 'pto25753']);"   >
                                <span class="img box-img" ><img src="https://www.oficinadanet.com.br/imagens/post/25753/zenfone6_14080.jpg" title="Vídeo: ASUS lança Zenfone 6 com câmera FLIP, Snapdragon 855 a partir de 449 euros" alt="Vídeo: ASUS lança Zenfone 6 com câmera FLIP, Snapdragon 855 a partir de 449 euros" >
                                </span>
                                <div class="info" >
                                    <span class="tit" >Smartphones</span>
                                    <span class="tit tit2" >Vídeo: ASUS lança Zenfone 6 com câmera FLIP, Snapdragon 855 a partir d...</span>
                                </div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/smartphones/25786-instagram-direct-esta-sendo-descontinuado"  onclick="_gaq.push(['_trackEvent', 'barra_novos', 'pfr2394', 'pto25786']);"   >
                                <span class="img box-img" ><img src="https://www.oficinadanet.com.br/imagens/post/25786/instagram-dm_14080.jpg" title="Instagram Direct está sendo descontinuado" alt="Instagram Direct está sendo descontinuado" >
                                </span>
                                <div class="info" >
                                    <span class="tit" >Smartphones</span>
                                    <span class="tit tit2" >Instagram Direct está sendo descontinuado</span>
                                </div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/smartphones/25785-samsung-galaxy-s10-5g-e-o-primeiro-smartphone-5g-dos-eua"  onclick="_gaq.push(['_trackEvent', 'barra_novos', 'pfr2394', 'pto25785']);"   >
                                <span class="img box-img" ><img src="https://www.oficinadanet.com.br/imagens/post/25785/galaxy-s10-5g_14080.jpg" title="Samsung Galaxy S10 5G é o primeiro smartphone 5G dos EUA" alt="Samsung Galaxy S10 5G é o primeiro smartphone 5G dos EUA" >
                                </span>
                                <div class="info" >
                                    <span class="tit" >Smartphones</span>
                                    <span class="tit tit2" >Samsung Galaxy S10 5G é o primeiro smartphone 5G dos EUA</span>
                                </div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/hardware/25784-nvidia-anuncia-resultados-financeiros-positivos-para-o-primeiro-trimestre-fiscal-de-2020"  onclick="_gaq.push(['_trackEvent', 'barra_novos', 'pfr2394', 'pto25784']);"   >
                                <span class="img box-img" ><img src="https://www.oficinadanet.com.br/imagens/post/25784/2060rtx_14080.jpg" title="NVIDIA anuncia resultados financeiros positivos para o início do próximo ano" alt="NVIDIA anuncia resultados financeiros positivos para o início do próximo ano" >
                                </span>
                                <div class="info" >
                                    <span class="tit" >Hardware</span>
                                    <span class="tit tit2" >NVIDIA anuncia resultados financeiros positivos para o início do próxi...</span>
                                </div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/tecnologia/25783-corning-lanca-o-corning-astra-glass-na-display-week-2019-da-sid"  onclick="_gaq.push(['_trackEvent', 'barra_novos', 'pfr2394', 'pto25783']);"   >
                                <span class="img box-img" ><img src="https://www.oficinadanet.com.br/imagens/post/25783/corning-astra-glass_14080.jpg" title="Corning lança o Corning Astra Glass na Display Week 2019 da SID" alt="Corning lança o Corning Astra Glass na Display Week 2019 da SID" >
                                </span>
                                <div class="info" >
                                    <span class="tit" >Tecnologia</span>
                                    <span class="tit tit2" >Corning lança o Corning Astra Glass na Display Week 2019 da SID</span>
                                </div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/tecnologia/25782-san-francisco-vota-para-proibir-uso-de-tecnologia-de-reconhecimento-facial-na-cidade"  onclick="_gaq.push(['_trackEvent', 'barra_novos', 'pfr2394', 'pto25782']);"   >
                                <span class="img box-img" ><img src="https://www.oficinadanet.com.br/imagens/post/25782/reconhecimento-facial_14080.jpg" title="San Francisco vota para proibir uso de tecnologia de reconhecimento facial na cidade" alt="San Francisco vota para proibir uso de tecnologia de reconhecimento facial na cidade" >
                                </span>
                                <div class="info" >
                                    <span class="tit" >Tecnologia</span>
                                    <span class="tit tit2" >San Francisco vota para proibir uso de tecnologia de reconhecimento fa...</span>
                                </div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/games/25781-estudio-quer-lancar-rage-3-o-mais-rapido-possivel"  onclick="_gaq.push(['_trackEvent', 'barra_novos', 'pfr2394', 'pto25781']);"   >
                                <span class="img box-img" ><img src="https://www.oficinadanet.com.br/imagens/post/25781/capa_rage_3_1400x875_5cdf0e9edc890_14080.jpg" title="Estúdio quer lançar RAGE 3 “o mais rápido possível”" alt="Estúdio quer lançar RAGE 3 “o mais rápido possível”" >
                                </span>
                                <div class="info" >
                                    <span class="tit" >Games</span>
                                    <span class="tit tit2" >Estúdio quer lançar RAGE 3 “o mais rápido possível”</span>
                                </div>
                            </a>
                        </li></ul></div>      
        </div>
        <div class="bar2 p-rel" id="out_post_barra" data-distance="30" >
            <div class="bar2" id="post_barra" >
                    <div class='wifl m-b-40'>
                        <!-- /6524261/ON_300x600_LATERAL -->
                        <div id='div-gpt-ad-1555093777375-0'>
                        <script>
                        googletag.cmd.push(function() { googletag.display('div-gpt-ad-1555093777375-0'); });
                        </script>
                        </div>
                    </div>
            </div>
        </div>
    </div>
<div class="wifl bottom_pause_post_barra"><div style="float:left;">
<div style="width: 300px; float: left;">
<!-- /6524261/ON_FOOTER -->
<div id="div-gpt-ad-1512402583744-0" style="margin:auto; height:250px; width:300px;">
<script>
googletag.cmd.push(function() { googletag.display("div-gpt-ad-1512402583744-0"); });
</script>
</div>
</div></div>
    <div style="float:left; max-width:750px; margin-left:20px" class="wifl"><span class="titulo1" ><span>O QUE LER EM SEGUIDA</span></span><ul class="lst4 post wifl  lsn "  ><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/17738-como-transcrever-uma-gravacao-usando-o-google"  onclick="_gaq.push(['_trackEvent', 'oq_ler_conteudo_relacionado', 'pfr2394', 'pto17738']);"  >
                                <div class="img box-img2">
                                    <span class="label_tpl1 fix-bl bg1"></span>
                                    <img src="https://www.oficinadanet.com.br/imagens/post/17738/capa-som_200113.jpg" title="Como transcrever uma gravação usando o Google" alt="Como transcrever uma gravação usando o Google" >
                                    <span class="gradient"></span>
                                </div>
                                <span class="wifl tit4">Como transcrever uma gravação usando o Google</span>
                                <div class="wifl nfo">
                                    <span class="ass-autor cor2">por Debora Pricila Silveira</span></div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/13670-veja-como-deixar-o-google-chrome-como-navegador-padrao"  onclick="_gaq.push(['_trackEvent', 'oq_ler_conteudo_relacionado', 'pfr2394', 'pto13670']);"  >
                                <div class="img box-img2">
                                    <span class="label_tpl1 fix-bl bg1"></span>
                                    <img src="https://www.oficinadanet.com.br/imagens/post/13670/chrome123_200113.jpg" title="Como deixar o Google Chrome como navegador padrão" alt="Como deixar o Google Chrome como navegador padrão" >
                                    <span class="gradient"></span>
                                </div>
                                <span class="wifl tit4">Como deixar o Google Chrome como navegador padrão</span>
                                <div class="wifl nfo">
                                    <span class="ass-autor cor2">por Rafaela Pozzebom</span></div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/artigo/1779/tutorial_-_cartao_de_visita_no_corel_draw"  onclick="_gaq.push(['_trackEvent', 'oq_ler_conteudo_relacionado', 'pfr2394', 'pto1485']);"  >
                                <div class="img box-img2">
                                    <span class="label_tpl1 fix-bl bg1"></span>
                                    <img src="https://www.oficinadanet.com.br/_template/imagem/padrao.jpg" title="Criando cartão de visita no Corel Draw" alt="Criando cartão de visita no Corel Draw" >
                                    <span class="gradient"></span>
                                </div>
                                <span class="wifl tit4">Criando cartão de visita no Corel Draw</span>
                                <div class="wifl nfo">
                                    <span class="ass-autor cor2">por Luiz André Júnior</span></div>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/11737-criando-uma-camiseta-no-corel-draw-speed-art"  onclick="_gaq.push(['_trackEvent', 'oq_ler_conteudo_relacionado', 'pfr2394', 'pto11737']);"  >
                                <div class="img box-img2">
                                    <span class="label_tpl1 fix-bl bg1"></span>
                                    <img src="https://www.oficinadanet.com.br/imagens/post/11737/td_camisetacoreslwww_200113.jpg" title="Criando uma camiseta no Corel Draw - Speed-Art" alt="Criando uma camiseta no Corel Draw - Speed-Art" >
                                    <span class="gradient"></span>
                                </div>
                                <span class="wifl tit4">Criando uma camiseta no Corel Draw - Speed-Art</span>
                                <div class="wifl nfo">
                                    <span class="ass-autor cor2">por Piter Fuentes</span></div>
                            </a>
                        </li></ul>
    </div>
<style>
    #share_container{position:relative;height:auto;margin:7px 0;display:inline-block;}
    #share_container .share_menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:0;padding:0px;background-color:transparent;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
    #share_container .share_menu.vertical.right{right:0;top:calc(50% - 120px);}
    #share_container .share_menu.vertical.left{left:0;top:calc(50% - 120px);}
    #share_container .share_menu.vertical{-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:fixed;padding:10px;z-index:2147483694;background-color:#fff;border-radius:2px;}
    #share_container .share_menu.vertical li{margin:5px auto;background-color:#fff;border: 1px solid #cecece;border-radius: 5px; cursor: pointer}
    #share_container .share_menu.vertical li:hover{border: 1px solid #f3661a;}
    #share_container .share_menu li{list-style:none;position:relative;text-align:center;margin:5px 2px 0px;padding:0px;font-size:0px;width:30px;height:30px;}
        #share_container .facebookShare {width: 30px;height: 30px;background:  url(https://www.oficinadanet.com.br/_template/imagem/ico-bs-fb.png);display: block;}
    #share_container .twitterShare {width: 30px;height: 30px;background:  url(https://www.oficinadanet.com.br/_template/imagem/ico-bs-tw.png);display: block;}
    #share_container .linkedinShare {width: 30px;height: 30px;background:  url(https://www.oficinadanet.com.br/_template/imagem/ico-bs-in.png);display: block;}
    #share_container .emailShare {width: 30px;height: 30px;background:  url(https://www.oficinadanet.com.br/_template/imagem/ico-bs-mail.png);display: block;}
    #share_container .whatsappShare {width: 30px;height: 30px;background:  url(https://www.oficinadanet.com.br/_template/imagem/ico-bs-wa.png);display: block;}
    #share_container .telegramShare {width: 30px;height: 30px;background:  url(https://www.oficinadanet.com.br/_template/imagem/ico-bs-tg.png);display: block;}
    
@media screen and (max-width:1100px) {
    #share_container {display: none}
}
</style>
<div id="share_container" class=" left">
    <ul class="share_menu left vertical">
        <li class="share_btn visible" title="Compartilhe no Facebook"  onclick="  window.open('https://www.facebook.com/sharer/sharer.php?app_id=209309632417494&u=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2Fwordpress%2Fcomo_adicionar_modelo_de_pagina_diferente_no_wordpress%3Futm_source%3Dfacebook%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais','','width=600,height=400');  _gaq.push(['_trackEvent', 'btshare', 'facebook', 'https://www.oficinadanet.com.br/artigo/wordpress/como_adicionar_modelo_de_pagina_diferente_no_wordpress?utm_source=facebook&utm_medium=sharebutton&utm_campaign=RedesSociais']);  ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=2394','flgcomment');  " ><span class="facebookShare">Facebook</span></li>
        <li class="share_btn visible" title="Compartilhe no Twitter"  onclick="  window.open('https://twitter.com/intent/tweet?text=Como+adicionar+modelo+de+p%C3%A1gina+diferente+no+Wordpress+%7C+Por+%40marcianodias+%7C+&url=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2Fwordpress%2Fcomo_adicionar_modelo_de_pagina_diferente_no_wordpress%3Futm_source%3Dtwitter%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais&via=oficinadanet','','width=600,height=400');  _gaq.push(['_trackEvent', 'btshare', 'twitter', 'https://www.oficinadanet.com.br/artigo/wordpress/como_adicionar_modelo_de_pagina_diferente_no_wordpress?utm_source=twitter&utm_medium=sharebutton&utm_campaign=RedesSociais']);  ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&twitter=1&id=2394','flgcomment');  " ><span class="twitterShare">Twitter</span></li>
        <li class="share_btn visible" title="Compartilhe no Linkedin"  onclick="  window.open('https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2Fwordpress%2Fcomo_adicionar_modelo_de_pagina_diferente_no_wordpress%3Futm_source%3Dlinkedin%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais&summary=No+wordpress+podemos+usar+as+p%C3%A1ginas+padr%C3%B5es+%28page.php%29+para+criar+p%C3%A1ginas+e+subp%C3%A1ginas.+No+entanto%2C+em+alguns+casos+espec%C3%ADficos+%C3%A9+necess%C3%A1rio+criar+p%C3%A1ginas+diferentes+do+modelo+padr%C3%A3o+para+organizar+e+gerenciar+conte%C3%BAdos.&title=Como+adicionar+modelo+de+p%C3%A1gina+diferente+no+Wordpress&source=oficinadanet','','width=600,height=400');  _gaq.push(['_trackEvent', 'btshare', 'linkedin', 'https://www.oficinadanet.com.br/artigo/wordpress/como_adicionar_modelo_de_pagina_diferente_no_wordpress?utm_source=linkedin&utm_medium=sharebutton&utm_campaign=RedesSociais']);  ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=2394','flgcomment');  " ><span class="linkedinShare">Linkedin</span></li>
        <li class="share_btn visible" title="Compartilhe por Email"  onclick="  document.location='mailto:?subject=Como adicionar modelo de página diferente no Wordpress | Por @marcianodias | &body=Artigo: https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2Fwordpress%2Fcomo_adicionar_modelo_de_pagina_diferente_no_wordpress%3Futm_source%3Dshr_mail%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais';  _gaq.push(['_trackEvent', 'btshare', 'email', 'https://www.oficinadanet.com.br/artigo/wordpress/como_adicionar_modelo_de_pagina_diferente_no_wordpress?utm_source=shr_mail&utm_medium=sharebutton&utm_campaign=RedesSociais']);  ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=2394','flgcomment');  " ><span class="emailShare">Email</span></li>
        <li class="share_btn visible" title="Compartilhe pelo WhatsApp"  onclick="  _gaq.push(['_trackEvent', 'btshare', 'whatsapp', 'https://www.oficinadanet.com.br/artigo/wordpress/como_adicionar_modelo_de_pagina_diferente_no_wordpress?utm_source=whatsapp&utm_medium=sharebutton&utm_campaign=RedesSociais']);  window.open('https://api.whatsapp.com/send?text=Como adicionar modelo de página diferente no Wordpress - https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2Fwordpress%2Fcomo_adicionar_modelo_de_pagina_diferente_no_wordpress%3Futm_source%3Dwhatsapp%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais');  " ><span class="whatsappShare">WhatsApp</span></li>
        <li class="share_btn visible" title="Compartilhe pelo Telegram"  onclick="  _gaq.push(['_trackEvent', 'btshare', 'telegram', 'https://www.oficinadanet.com.br/artigo/wordpress/como_adicionar_modelo_de_pagina_diferente_no_wordpress?utm_source=telegram&utm_medium=sharebutton&utm_campaign=RedesSociais']);  window.open('https://telegram.me/share/url?url=https%3A%2F%2Fwww.oficinadanet.com.br%2Fartigo%2Fwordpress%2Fcomo_adicionar_modelo_de_pagina_diferente_no_wordpress%3Futm_source%3Dtelegram%26utm_medium%3Dsharebutton%26utm_campaign%3DRedesSociais&text=Como+adicionar+modelo+de+p%C3%A1gina+diferente+no+Wordpress');  ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=2394','flgcomment');  " ><span class="telegramShare">Telegram</span></li>
    </ul>
</div>
</div>
<div class="wifl">
    <div class="content5 ">
                <div class="wifl post-bottom1" id="boxcomment" >
                    <span class="titulo1 tit_tag" ><span>Comentários</span></span>
                    <div id="btcarregarcomments_disqus" class="bt-all tpl2 wifl">Carregar comentários</div>
                    <div id="comment" class="comentarios_box">
                        <div id="disqus_thread"></div>
                    </div>
                </div>
    </div>
    <div class="bar2 m-t-30" ><div class="wifl m-b-40"><span class="titulo1" ><span>Destaques</span></span><ul class="lst121  wifl  lsn "  ><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/16532-como-um-dominio-e-hospedagem-pagos-podem-ajudar-seu-blog"  onclick="_gaq.push(['_trackEvent', 'barra_destaques', 'pfr2394', 'pto16532']);"    >
                                <span class="nr">1</span>
                                <h3 class="tit tit2" >Como um domínio e hospedagem pagos podem ajudar seu blog?</h3>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/15523-review-mobiloud-plugin"  onclick="_gaq.push(['_trackEvent', 'barra_destaques', 'pfr2394', 'pto15523']);"    >
                                <span class="nr">2</span>
                                <h3 class="tit tit2" >Review Mobiloud plugin - A fábrica de Apps</h3>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/15368-alterando-as-urls-e-o-nome-do-usuario-nas-tabelas-do-wordpress-via-sql"  onclick="_gaq.push(['_trackEvent', 'barra_destaques', 'pfr2394', 'pto15368']);"    >
                                <span class="nr">3</span>
                                <h3 class="tit tit2" >Alterando as URLs e o nome do usuário nas tabelas do Wordpress via SQL</h3>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/10763-wordpress-10anos"  onclick="_gaq.push(['_trackEvent', 'barra_destaques', 'pfr2394', 'pto10763']);"    >
                                <span class="nr">4</span>
                                <h3 class="tit tit2" >WordPress completa 10 anos de existência</h3>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/10696-apos-yahoo-comprar-tumblr-wordpress-registra-aumento-significativo-de-usuarios"  onclick="_gaq.push(['_trackEvent', 'barra_destaques', 'pfr2394', 'pto10696']);"    >
                                <span class="nr">5</span>
                                <h3 class="tit tit2" >Após Yahoo comprar Tumblr, WordPress registra aumento significativo de usuários</h3>
                            </a>
                        </li><li  >
                            <a class="" href="https://www.oficinadanet.com.br/post/10419-ataque-cibernetico-afeta-wordpress"  onclick="_gaq.push(['_trackEvent', 'barra_destaques', 'pfr2394', 'pto10419']);"    >
                                <span class="nr">6</span>
                                <h3 class="tit tit2" >Ataque cibernético afeta WordPress</h3>
                            </a>
                        </li></ul></div>
    </div>
    
</div>
            
    </section>
</div></div>
                <script>
                    var disqus_shortname = 'oficinadanet'; // required: replace example with your forum shortname
                    var disqus_url = 'https://www.oficinadanet.com.br/artigo/wordpress/como_adicionar_modelo_de_pagina_diferente_no_wordpress';

                    var disqus_config = function () {
                        this.callbacks.onNewComment = [function(comment) {ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id=2394','flgcomment');
                        }];
                    };
                    function carregaComentariosDisqus()
                    {
                        $('#btcarregarcomments_disqus').hide();

                        (function() {
                            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                           dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                        })();
                    }        
                </script>
                <div style="display:none;" id="flgcomment"></div>
    <script>
        function loadLazyMateria()
        {carregaComentariosDisqus();         
        }
    </script>
                </section>
<footer class="footer wifl" id="footer">
    <div class="corpo">
        <a href="https://www.oficinadanet.com.br" class="logo2"></a>
        <div class="out-menu-footer">
            <ul class="menu-footer lst-footer1 wifl">
                <li><a href="https://www.oficinadanet.com.br/sobre">Sobre</a></li>
                <li><a href="https://www.oficinadanet.com.br/contato">Contato</a></li>
                <li><a href="https://www.oficinadanet.com.br/privacidade" >Política de Privacidade</a></li>
                <li><a href="https://www.oficinadanet.com.br/equipe" >Equipe</a></li>
                <li><a href="https://www.oficinadanet.com.br/colabore" >Trabalhe conosco</a></li>
            </ul>
            <ul class="menu-footer wifl">
                <li><span class="linksredes" onclick="window.open('https://www.facebook.com/oficinadanet')">Facebook</span></li>
                <li><span class="linksredes" onclick="window.open('https://www.youtube.com/user/oficinadanettv')">Youtube</span></li>
                <li><span class="linksredes" onclick="window.open('https://twitter.com/OficinadaNet')">Twitter</span></li>
                <li><span class="linksredes" onclick="window.open('https://www.instagram.com/oficinadanetoficial/')">Instagram</span></li>
                <li><span class="linksredes" onclick="window.open('https://t.me/oficinadanet')">Grupo no Telegram</span></li>
            </ul>
            <ul class="menu-footer wifl">
                <li><a href="https://www.oficinadanet.com.br/siga-nossas-redes-sociais" >Siga as nossas redes sociais</a></li>
            </ul>
        </div>
        <div class="out-menu-cupons">
            <span>Descontos</span>
            <ul class="lst_cupons wifl lsn">
                <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-netshoes">Descontos Netshoes</a></li>
                <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-saraiva">Descontos Saraiva</a></li>
                <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-livraria-cultura">Descontos Livraria Cultura</a></li>
                <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-fast-shop">Descontos Fast Shop</a></li>
                <li><a href="https://www.oficinadanet.com.br/cupons/cupom-de-desconto-sou-barato">Descontos Sou Barato</a></li>
            </ul>
        </div>
        <div class="box-m3"  >
            <p class="wifl txt1">Um site do grupo</p>
            <a class="m3midia" href="http://www.m3midia.com.br"></a>
            <p class="wifl txt2">© 2005-2019 <span>M3 Mídia</span></p>
            <p class="wifl txt2">Todos os direitos reservados</p>
        </div>
    </div>
</footer>
            <span title="Ir para o topo" class="top_page" id="top_page" ><span></span></span>
        <script>
                var tempo = '1800';
                window.setTimeout('location.reload();', tempo*1000);
                </script>
                <div class="wifl hgt100 blackoverlay" id="blackoverlay"></div>
<div id="out_lib" >
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</div>
<script>
    
    var vv={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=vv._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=vv._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}
    function BV(str){return vv.decode(str);}

    function scrollPageToID(id)
    {
        $('html,body').animate({ scrollTop: $('#'+id).offset().top - ( $(window).height() - $('#'+id).outerHeight(true) ) / 2  }, 700);
    }

    function serializeDataAttr(form)
    {
        var dataarr = new Array();
        for(var i in form.data()) {
            var subarr = new Array();
            subarr['name'] = i;
            subarr['value'] = form.data()[i];
            dataarr.push(subarr);
        }
        return $.param(form.serializeArray().concat(dataarr));
    }

    function testaVazio(campo,comparacao,mensagem,erro)
    {
        if (erro == true) {return true;}
        if (document.getElementById(campo).value == comparacao)
        {
            alert (mensagem);
            document.getElementById(campo).value = "";
            document.getElementById(campo).focus();
            return true;
        }
        else {return false;}
    }
    function testaCheckBox(classe,mensagem)
    {
        erro = true;
        checkboxes = document.getElementsByClassName(classe);

        for(var i=0, n=checkboxes.length; i<n; i++)
        {
            if(checkboxes[i].checked)
                erro = false;
        }

        if(erro == true)
        {
            alert(mensagem);
            checkboxes[0].focus();
            return true;
        }
        else
            return false;
  }
  
    function setCookie (name,value,expires,path,domain,secure)
    {
      document.cookie = name + "=" + escape (value) +
        ((expires) ? "; expires=" + expires.toUTCString() : "") +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain=" + domain : "") +
        ((secure) ? "; secure" : "");
    }
    
    function ajaxDireto(url,param,retorno,tipo) //usa jquery
    {
        if(!tipo) tipo = "POST"
         $.ajax({
           type: tipo,
           url: url,
           data: param,
           success: function(html){
             $("#"+retorno).html(html);
           }
         });

    }

    function newsletterCad(e,step)
    {
//        alert(step);
//        alert(e);

        
    }

    function populaSelectCidade(ele)
    {
        ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=populaSelectCidade&sigla='+$(ele).val(),'select_cidade');
    }
    
        
    $(document).ready(function (e) {
       var header_height = $("header").height();
       $(window).scroll(function(){
           var scrolltop = $(window).scrollTop();
           if(scrolltop > 0)
               $('#out-img-curso-aberto').css('top',(($(window).scrollTop()/2) *-1) + header_height);
           else
               $('#out-img-curso-aberto').css('top',header_height+'px');
       });
    });

    var scroll_aux      = 0;
    var header_top      = $("#header").offset().top;
    var header_height   = $("#header").outerHeight();
    var window_height   = $(window).height();
    var height_document = $(document).height();
    
    
    function fixedMenu()
    {
        var scroll = $(window).scrollTop();

        if( scroll >= (header_top+header_height) )
        {
            if(scroll < scroll_aux )
            {
                $('#mov_header').css({'position':'fixed',transition: '0.3s','top':'0px'});
            }
            else
            {
                if( (scroll+window_height+20) > height_document )
                {
                    $('#mov_header').css({'position':'fixed',transition: '0.3s','top':'0px'});
                }
                else
                {
                    var v_tra  = '0.3s';
                    if( scroll <= ( header_top + header_height + 100) )
                        v_tra  = '0s';

                    $('#mov_header').css({'position':'fixed',transition: v_tra,'top':'-'+header_height+'px'});
                }
            }
        }
        else if(scroll <= header_top)
        {
            $('#mov_header').css({'position':'absolute',transition: '0.3s','top':'0px'});

        }
        scroll_aux = scroll;
    }

    function boxHoverSite(act,cic,e)
    {
        var top     = $(e).offset().top+$(e).outerHeight();
        var e_hover = '';

        if($(e).data('box-hover'))
        {
            e_hover = '#'+$(e).data('box-hover')+'_hover';

            switch(act)
            {
                case 2:
                    $('.contr_hov_itens').fadeOut(0);
                    $(e_hover).fadeIn(400);
                    $(e_hover).addClass('contr_hov_itens');
                    boxHoverSite(0,0,e);
                break;
                case 0:
                    if(cic < 5)
                    {
                        var timeBoxHoverSite = setTimeout(function()
                        {
                            cic++;
                            boxHoverSite(0,cic,e);
                        }, 500);
                    }
                    else
                    {
                        clearTimeout(timeBoxHoverSite);
                        if(!$(e_hover).is(":hover") && !$(e).is(":hover") && !$(e_hover+' *').is(":focus"))
                        {
                            $(e_hover).fadeOut(400);
                        }
                        else
                            boxHoverSite(0,0,e);
                    }

                break;
            }
        }
        else
        {
            $('.contr_hov_itens').fadeOut(0);
        }
    }

    function blackoverlay(act)
    {
        if(act)
        {
            $('#blackoverlay').fadeIn(400);
            $('html').addClass('no_scroll');
        }
        else
        {
            $('#blackoverlay').fadeOut(400);
            $('html').removeClass('no_scroll');
        }
    }

    function actAovivo()
    {
        window.location = "";
    }

    function actBodyPago()
    {
        window.open("");
    }

    function actMenuMobile(act)
    {
        if(act)
        {
            $('#blackoverlay').addClass('blackoverlay_mobile').trigger('classChange');

            if(!$('#menumobile-act').data('post-left'))
            {
                $('#menumobile-act').data('post-left',$('#menumobile-act').css('left'));
            }
            $('#menumobile-act').css('left','0');
            $('#menumobile').css('display','none');
            $('#fechar_menumobile').css('display','block');
        }
        else
        {
            $('#menumobile-act').css('left',$('#menumobile-act').data('post-left'));
            $('#blackoverlay').removeClass('blackoverlay_mobile').trigger('classChange');
            $('#menumobile').css('display','block');
            $('#fechar_menumobile').css('display','none');
        }
        blackoverlay(act);
    }

    function actAbreComments(act)
    {
        if(act)
        {
            var post_id        = $('#bt_new_cmt').data('post_id');
            var url            = $('#bt_new_cmt').data('url');
            var tipo           = $('#bt_new_cmt').data('tipo');
            var comentariosnrs = $('#bt_new_cmt').data('comentariosnrs');
            
            if($("#box_new_cmt_retorno").html() == '')
            {
                ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=getCommentsBox&post_id='+post_id+'&url='+url+'&tipo='+tipo+'&comentariosnrs='+comentariosnrs,'box_new_cmt_retorno');
                ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=flgcomment&id='+post_id,'flgcomment');
            }
            
            $('#box_new_cmt_open').css('right','0');
            $('#bt_new_cmt_orelha').css('display','none');
            $('#bt_new_cmt_orelha_close').css('display','block');
            $('#bt_new_cmt_orelha_close').css('left','-30px');
        }
        else
        {
            var window_width = $(window).width();
            var right        = 'calc(-37% - 15px)';
            
            if(window_width < 1400)
            {
                right = '-330px';
            }
            
            $('#box_new_cmt_open').css('right',right);
            $('#bt_new_cmt_orelha_close').css('display','none');
            $('#bt_new_cmt_orelha').css('display','block');
            $('#bt_new_cmt_orelha').css('left','-43px');
        }
    }
    
    function actPopup(act,tipo)
    {
        if(act == 'fechar')
        {
            ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=setCookie&nome='+tipo+'&valor=1','box_popup');
            $('#box_popup').css('display','none');
            $('#box_popup_big').css('display','none');
            $('#box_popup_mobile').css('display','none');
            blackoverlay();
        }
    }

    function actSmartMobile(act)
    {
        if(act)
        {
            $('#blackoverlay').addClass('blackoverlay_smart').trigger('classChange');

            if(!$('#smart_filtro_m-act').data('post-left'))
            {
                $('#smart_filtro_m-act').data('post-left',$('#smart_filtro_m-act').css('left'));
            }
            $('#smart_filtro_m-act').css('left','0');
            $('#smart_filtro_m_abre').css('display','none');
            $('#smart_filtro_m_fecha').css('display','block');
            $('#smart_filtro_ud_out').css('display','block');
        }
        else
        {
            $('#smart_filtro_m-act').css('left',$('#smart_filtro_m-act').data('post-left'));
            $('#blackoverlay').removeClass('blackoverlay_smart').trigger('classChange');
            $('#smart_filtro_m_abre').css('display','block');
            $('#smart_filtro_m_fecha').css('display','none');
            $('#smart_filtro_ud_out').css('display','none');
        }
        blackoverlay(act);
    }

    
    var scroll_aux2     = 0;
    var loadCheck       = 0;
    var window_width    = $(window).width();

    function fixedOnScroll(id)
    {   
        if ($('#' + id).length > 0)
        {
            if( window_width > 1300 )
            {

                var k_distance      = 10;
                var comp_height     = 0;
                var scroll_top      = $(window).scrollTop();
                var height_maior    = false;
                var bottom_pause    = height_document;

                var anchor_top_dist     = $('#' + id).offset().top;
                var item_movel_height   = $('#' + id + ' > *').height();

                if($( ".bottom_pause_post_barra" ).length)
                {
                    bottom_pause =  $( ".bottom_pause_post_barra" ).offset().top - ( k_distance + header_height + item_movel_height + parseInt($( ".bottom_pause_post_barra" ).css('margin-top')));
                }

                //console.log('3 '+item_movel_height+' '+bottom_pause+' '+scroll_top+' '+scroll_aux2+' '+scroll_aux+' conta: '+(bottom_pause - scroll_top));
                
                //console.log('4 '+(bottom_pause - scroll_top) +' --- '+ anchor_top_dist);
                
                if( ( bottom_pause - scroll_top) < 0  ) //chega ao fim
                {
                    $('#' + id + ' > *').css({
                        "z-index": "100",
                        "left": 'initial',
                        "position": "fixed",
                        "bottom": "initial",
                        "transition":" 0s",
                        "top": (  (bottom_pause + k_distance + header_height) - scroll_top   )+'px'
                    });
                    if(loadCheck == 0)
                    {
                        loadLazyMateria();
                        
                        loadCheck = 1;
                    }

                }
                else if ((scroll_top + k_distance + header_height ) > anchor_top_dist) //scroll down
                {
                    k_distance = k_distance + header_height;
                    
                    $('#' + id + ' > *').css({
                        "z-index": "100",
                        "left": $('#' + id + ' > *').offset().left + 'px',
                        "position": "fixed",
                        "top": (k_distance) + 'px',
                        "bottom": "initial",
                        "transition":" 0.8s all ease"

                    });
                }
                else if (( (scroll_top + k_distance) - comp_height ) > anchor_top_dist) //scroll up
                {
                    k_distance = k_distance + header_height;
                    
                    $('#' + id + ' > *').css({
                        "z-index": "100",
                        "left": $('#' + id + ' > *').offset().left + 'px',
                        "position": "fixed",
                        "top": (k_distance)+'px',
                        "bottom": "initial",
                        "transition":" 0.8s all ease"
                    });
                }
                else
                {
                    $('#' + id + ' > *').css({
                        "z-index": "initial",
                        "left": 'initial',
                        "position": "initial",
                        "bottom": 'initial',
                        "top": 'initial'
                    });
                }
            }
            scroll_aux2 = scroll_top;
        }
    }

    function actBtVerMais(e)
    {
        var id = $(e).data('target');
        $('#'+id).show();
        $(e).hide();
    }

    function atcFixedOnScroll()
    {
        fixedOnScroll('out_post_barra');
    }

    
    function actContatoEmpresa(act,tipo)
    {
        if(act && tipo != 0)
        {

            if(tipo == 1)
                $('#empresa_contato_titulo').html('Entre em contato');
            else
                $('#empresa_contato_titulo').html('Solicite um orçamento');

            $('#hidden_tipo').val(tipo);

            $('#blackoverlay').addClass('blackoverlay_cont_empresa').trigger('classChange');
            $('#empresa_contato').fadeIn(400);
            $('#empresa_contato').height($('#empresa_contato'+' > *').outerHeight());
        }
        else
        {
            $('#empresa_contato').fadeOut(400);
            $('#blackoverlay').removeClass('blackoverlay_cont_empresa').trigger('classChange');
            $('#empresa_contato_titulo').html('');
        }
        blackoverlay(act);
    }

    function actBuscaDesktop(act)
    {
        $('#busca_clique').toggle();
        $('#busca_input').focus();
        $('#blackoverlay').addClass('blackoverlay_busca_desktop').trigger('classChange');
        blackoverlay(act);
    }

    function actBuscaObjeto()
    {
        $('#box_marca_closed').hide();
        $('#box_marca_busca').show();
        $('.box_marca').css('background-color','#f3661a');
        $('#busca_marca_input').focus();
    }

    function actCorrigirTexto(act,e)
    {
        if($('#modal_corrigir_txt').length == 0)
        {
            $(e).data('corrigir_titulo');
            $("html").append('<div class="modal modal-s block corrigir" id="modal_corrigir_txt" ><span class="load-ico" ></span></div>');
            ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=corrigirTexto&monta=1&corrigir_titulo='+$(e).data('corrigir_titulo')+'¶_email='+$(e).data('para_email'),'modal_corrigir_txt');
        }


        if(act)
        {
            $('#blackoverlay').addClass('blackoverlay_corrigir').trigger('classChange');
            $('#modal_corrigir_txt').fadeIn(400);
        }
        else
        {
            $('#modal_corrigir_txt').fadeOut(400);
            $('#blackoverlay').removeClass('blackoverlay_corrigir').trigger('classChange');
        }
        blackoverlay(act);
    }

    function newsletterCad(ele,s)
    {
        var cad_idx = $(ele).data('idx');
        ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php',$('#'+cad_idx+'_form1').serialize()+'&'+$('#'+cad_idx+'_form2').serialize(),$(ele).data('id_ulout'));
    }

    function fixedMenuDiagramado()
    {
        var scrolltop = $(window).scrollTop();

        if(scrolltop >= 350)
            $('.conteudo .out_menu_diagramado').css('top','0');
        else
            $('.conteudo .out_menu_diagramado').css('top','850px');
    };
    
    function fechaBoxBigPopup(gaq,cookie,link)
    {
        blackoverlay();
        setCookie(cookie,'1');
        _gaq.push(["_trackEvent", "popup_seguir", gaq, gaq]);
        document.location = link;
    }
    
    $(document).ready(function()
    {
            
        $(function ()
        {
            $(window).scroll(atcFixedOnScroll);
        });

        $('.disabled').click(function(e)
        {
           e.preventDefault();
        })

        $('.box_hover').mouseenter(function()
        {
            boxHoverSite(2,0,this);
        });

        $(window).scroll(fixedMenu);
        $(window).scroll(fixedMenuDiagramado);
        fixedMenu();
        fixedMenuDiagramado();
        $(".amenu_diagramado").click(function(){scrollPageToID($(this).attr('href').substring(1));});
        $(".bt_ver_mais").click(function(){ actBtVerMais(this); });
        $(".ver_mais_preco_obj").click(function(){ scrollPageToID('precos'); });
        $('#bt_header_busca').click(function(){ $('#busca_input').focus();});
        $('#smart_filtro_ud_dwn').click(function(){$(".smart_filtro").animate({scrollTop: '+=200px'}, 300);});
        $('#smart_filtro_ud_up').click(function(){$(".smart_filtro").animate({scrollTop: '-=200px'}, 300);});
        $('#mobile_busca').click(function(){ $('#mobile_bf').css('display','block');});
        $('#aovivo').click(function(){ actAovivo(); });
        $('#smart_filtro_m_abre').click(function(){ actSmartMobile(true); });
        $('#bt_new_cmt').click(function(){ actAbreComments(true); });
        $('#bt_new_cmt_orelha').click(function(){ actAbreComments(true); });
        $('#bt_new_cmt_orelha_close').click(function(){ actAbreComments(false); });
        $('.commentcall').click(function(){scrollPageToID('boxcomment');});
        $('#busca_clique_open').click(function(){ actBuscaDesktop(true); });
        $('#box_marca_closed').click(function(){ actBuscaObjeto(); });
        $('#smart_filtro_m_fecha').click(function(){ actSmartMobile(false); });
        $('#menumobile').click(function(){ actMenuMobile(true); });
        $('.fechar_sticky').click(function(){ actPopup('fechar','OFICINA_STICKY'); });
        $('#fechar_menumobile').click(function(){ actMenuMobile(false); });
        $('.fechar_newsletter_big').click(function(){ actPopup('fechar','NEWSBIG'); });
        $('.fechar_youtube_big').click(function(){ actPopup('fechar','YOUTUBEBIG'); });
        $('.fechar_youtube_mobile').click(function(){ actPopup('fechar','YOUTUBEMOBILE'); });
        $('.fechar_instagram_mobile').click(function(){ actPopup('fechar','INSTAGRAMMOBILE'); });
        $('.fechar_todasredes_mobile').click(function(){ actPopup('fechar','TODASREDESMOBILE'); });
        $('.fechar_rss_big').click(function(){ actPopup('fechar','RSSBIG'); });
        $('.fechar_twitter_big').click(function(){ actPopup('fechar','TWITTERBIG'); });
        $('.fechar_instagram_big').click(function(){ actPopup('fechar','INSTAGRAMBIG'); });
        $('.fechar_todasredes_big').click(function(){ actPopup('fechar','TODASREDESBIG'); });
        $('.todasredes').click(function(){ actPopup('abrir','TODASREDESBIG'); });
        $('#fechar_newsletter').click(function(){ actPopup('fechar','ONNEWS'); });
        $('#fechar_youtube').click(function(){ actPopup('fechar','YOUTUBEBIG'); });
        $('#popup_youtube').click(function(){ actPopup('fechar','ONYOUTUBE'); });
        $("#form_envia").click(function(){ submitFormulario(); });
        $("#mostra_fone").click(function(){ $('#empresa_fone').html(BV($('#empresa_fone').data('info'))); $('#mostra_fone').hide(); });
        $(".empresa_contato").click(function(){ actContatoEmpresa(true,$(this).data('tipo'));});
        $('#empresa_contato_fechar').click(function(){ actContatoEmpresa(false,0) });
        $('.act_corrigir_texto').click(function(){ actCorrigirTexto(true,this) });
        $('#btcarregarcomments_disqus').click(function(){ carregaComentariosDisqus() });
        $('#btcarregarcomments_facebook').click(function(){ carregaComentariosFacebook() });
        $(".form_newsletter_cad").submit(function(event){  event.preventDefault(); newsletterCad(this,"1"); });
        $(".form_newsletter_cad2").submit(function(event){ event.preventDefault(); newsletterCad(this,"2"); });
        $(".form_newsletter_cad").submit(function(event){  event.preventDefault(); newsletterCad(this,'1'); });
        $(".form_newsletter_cad2").submit(function(event){ event.preventDefault(); newsletterCad(this,'2'); });

        $('#blackoverlay').on('classChange',function()
        {
            $('.blackoverlay_mobile').click(function(){ actMenuMobile(false) });
            $('.blackoverlay_smart').click(function(){ actSmartMobile(false) });
            $('.blackoverlay_cont_empresa').click(function(){ actContatoEmpresa(false,0) });
            $('.blackoverlay_corrigir').click(function(){ actCorrigirTexto(false,'') });
            $('.blackoverlay_busca_desktop').click(function(){ actBuscaDesktop(false)});
        });


        $('.accordion_act1 .i-tit').click(function(e)
        {
            if($(this).prop("tagName") != 'A')
            {
                $(this).addClass('click');
                $('.li-wrapper:not(\'.click\')').animate({height:0}, { duration: 400, queue: false });
                $('.i-tit:not(\'.click\')').removeClass('ativo');

                if(!$(this).hasClass('ativo'))
                {
                    $(this).addClass('ativo');
                    $(this).find('+ .li-wrapper').animate({height:$(this).find('+ .li-wrapper > .accordion_act1').outerHeight()}, { duration: 400, queue: false });
                }
                else
                {
                    $(this).removeClass('ativo');
                    $(this).find('+ .li-wrapper').animate({height:0},400);
                }
                $(this).removeClass('click');
            }
        });

        $('.accordion_act2 .tit_1').click(function(e)
        {
            $(this).addClass('click');
            $('.li-wp1:not(\'.click\')').animate({height:0}, { duration: 400, queue: false });

            if(!$(this).hasClass('ativo'))
            {
                var wrapper1_id         = 'wrapper_'+$(this).data('wrap0');
                var wrapper1_height     = $('#'+wrapper1_id+' > .accordion_act2 > li').length* $('#'+wrapper1_id+' > .accordion_act2 > li').outerHeight();

                $('#'+wrapper1_id).animate({height:wrapper1_height}, { duration: 400, queue: false });
                $('.tit_1').removeClass('ativo');
                $(this).addClass('ativo');
            }
            else
            {
                $('.tit_1').removeClass('ativo');
            }
            $(this).removeClass('click');
        });

        $('.accordion_act2 .tit_2').click(function(e)
        {
            $(this).addClass('click');
            $('.li-wp2:not(\'.click\')').animate({height:0}, { duration: 400, queue: false });

            var wrapper1_id = 'wrapper_'+$(this).data('wrap0');
            var wrapper2_id = 'wrapper_'+$(this).data('wrap0')+'_'+$(this).data('wrap1');

            if(!$(this).hasClass('ativo'))
            {
                var wrapper1_height     = $('#'+wrapper1_id+' > .accordion_act2 > li').length* $('#'+wrapper1_id+' > .accordion_act2 > li').outerHeight();
                var wrapper2_height     = $('#'+wrapper2_id+' > .accordion_act2 > li').length* $('#'+wrapper2_id+' > .accordion_act2 > li').outerHeight();


                $('#'+wrapper1_id).animate({height:wrapper1_height+wrapper2_height}, { duration: 400, queue: false });
                $('#'+wrapper2_id).animate({height:wrapper2_height}, { duration: 400, queue: false });

                $('.tit_2').removeClass('ativo');
                $(this).addClass('ativo');
            }
            else
            {
                var wrapper1_height = $('#'+wrapper1_id+' > .accordion_act2 > li').length*$('#'+wrapper1_id+' > .accordion_act2 > li > .tit_2').outerHeight();

                $('#'+wrapper1_id).animate({height:wrapper1_height}, { duration: 400, queue: false });
                $('.tit_2').removeClass('ativo');
            }
            $(this).removeClass('click');
        });
        
                    $('#act_user').css('display','none');
            $('#act_cad').css('display','block');
                });

    var lst_carregamento        = 1;
    var txtstatus               = 'ok';
    var html_ico_load_auto_load = '<span id="icoload_autoload" class="wifl p-rel" ><span class="load-ico" ></span></span>';
    function carregaConteudo()
    {
        if($('#auto_load_wrapper').length > 0)
        {
            var scrollPosition      = window.pageYOffset;
            var windowSize          = window.innerHeight;
            var footerHeightTop     = $('#footer').offset().top;

            var stop_load           = document.getElementById('auto_load_wrapper').getAttribute('data-stop-load');

            if((scrollPosition + windowSize + 800) > footerHeightTop && stop_load == '0')
            {
                if(txtstatus == 'ok')
                {
                    $("#auto_load_wrapper").append(html_ico_load_auto_load);
                    txtstatus = 'timeout';
                    $.ajax({
                        type: 'POST',
                        url: 'https://www.oficinadanet.com.br/ajax_oficina.php',
                        data: 'act=autoLoadConteudo&lst_carregamento='+lst_carregamento+'&'+serializeDataAttr($('#auto_load_wrapper')),
                        success: function(html)
                        {
                            $("#auto_load_wrapper").append(html);
                            $("#icoload_autoload").remove();
                            txtstatus = 'ok';
                        }
                    });
                    lst_carregamento++;
                }
            }
        }
    }
    
    
    $(".expand-gperf").click(function() {
        $(this).next().toggle();
    });

    $(function () {
        $(window).scroll(carregaConteudo);
        carregaConteudo();
    });

    $(window).scroll(function() {
        if ($(this).scrollTop() >= 150) {
            $('#top_page').fadeIn(200);
        } else {
            $('#top_page').fadeOut(200);
        }
    });
    $('#top_page').click(function() {
        $('body,html').animate({
            scrollTop : 0
        }, 500);
    });
    
    


    if ($(".carousel_destaque")[0])
    {
        $('#out_lib').append('<link href="https://painel.m3midia.com.br/lib/slick/slick.css" rel="stylesheet">');
        $.getScript("https://painel.m3midia.com.br/lib/slick/slick.js", function(){
            $('.carousel_destaque').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                autoplay: true,
                pauseOnHover: true,
                autoplaySpeed: 10000
            });
            setTimeout(function(){
                $('.carousel_destaque').removeClass('carregando');;
            }, 1500);
        });
    }

    if ($(".conteudo_galeria")[0])
    {
        $('#out_lib').append('<link href="https://painel.m3midia.com.br/lib/lightGallerySlider/lightGallerySlider.css" rel="stylesheet">');
        $.getScript("https://painel.m3midia.com.br/lib/lightGallerySlider/lightGallerySlider.js", function(){
            $('.conteudo_galeria').lightSlider({
           item: 3,
           loop:false,
           slideMove:3,
           easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
           speed:600,
           responsive : [
               {
                   breakpoint:800,
                   settings: {
                       item:3,
                       slideMove:1,
                       slideMargin:6,
                     }
               },
               {
                   breakpoint:480,
                   settings: {
                       item:2,
                       slideMove:1
                     }
               }
           ]
            }).lightGallery({

            });
            $('.out_conteudo_galeria').css('display','block');
        });
    }
    
    </script>
        
<script>
    function actSininho()
    {
        _gaq.push(['_trackEvent', 'sininho', 'sininho', 'sininho']);
        ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=setCookie&nome=ONSININHO&valor=1&tempo=36000','box_sininho');
        setTimeout("document.location = 'https://www.oficinadanet.com.br/novidades'",1000);
    }

    function actAvisoTopo(act)
    {
        switch(act)
        {
            case 'instagram':
                ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=setCookie&nome=ONINSTAGRAM&valor=1&tempo=36000','box_instagram');
            break;
            case 'youtube':
                ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=setCookie&nome=ONYOUTUBE&valor=1&tempo=36000','box_youtube');
            break;
            case 'user_topo':
                ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=setCookie&nome=ONUSERTOPO&valor=1&tempo=36000','box_user_topo');
            break;
        }
    }

    $(document).ready(function()
    {
        $('#sininho').click(function(){ actSininho(); });
        $('#instagram_topo').click(function(){ actAvisoTopo('instagram');});
        $('#youtube_topo').click(function(){ actAvisoTopo('youtube'); });
        $('#user_topo').click(function(){ actAvisoTopo('user_topo'); });
    });

</script>

    <script>
        setTimeout("$('#box_user_topo').fadeIn(1000)",1000);
        setTimeout("$('#box_user_topo').fadeOut(1000)",5000);
    </script>
    <script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-messaging.js"></script>
<script>
    const applicationServerKey = "BJX8Rw2npfApIhpWy-3hPGZvdvdHECD4FLbylmtWsMgyUDgsOeP8R5K5E0SxCWxQ21rYmG7basOHXlDande8OgY";
    // Initialize Firebase
    var config = {
        apiKey: "AIzaSyChPCYMhtkCC0AfCVeZe6847ZJOuj1XuYQ",
        authDomain: "oficina-da-net.firebaseapp.com",
        databaseURL: "https://oficina-da-net.firebaseio.com",
        projectId: "oficina-da-net",
        storageBucket: "oficina-da-net.appspot.com",
        messagingSenderId: "647906981733"
    };
    
    firebase.initializeApp(config);
    const messaging = firebase.messaging();
    messaging.usePublicVapidKey(applicationServerKey);  

    function getTokenFBClient()
    {
        return messaging.getToken();
    }
  

    function getTokenRefreshFBClient()
    {
        return messaging.onTokenRefresh(function() {
            return messaging.getToken();
        });
    }

    document.addEventListener("DOMContentLoaded", () => {        
        let isPushEnabled = false;
        
        if (!('serviceWorker' in navigator)) {
            console.warn("Service workers are not supported by this browser.");
            return;
        }

        if (!('PushManager' in window)) {
            console.warn('Push notifications are not supported by this browser.');
            return;
        }

        if (!('showNotification' in ServiceWorkerRegistration.prototype)) {
            console.warn('Notifications are not supported by this browser.');
            return;
        }

        if (Notification.permission === 'denied') {
            console.warn('Notifications are denied by the user');
            return;
        }
        
        navigator.serviceWorker.register("/firebase-messaging-sw.js")
            .then( reg => {
                reg.update();                
                console.log('[SW] Service worker has been registered');
                sw_registered();
            }, e => {
                console.error('[SW] Service worker registration failed', e);
        });
        
        function sw_registered()
        {
            navigator.serviceWorker.ready.then(serviceWorkerRegistration => serviceWorkerRegistration.pushManager.getSubscription())
            .then(subscription => {
                if (!subscription) 
                {
                    console.log('not subscription',subscription);
                    return push_subscribe();
                }
                else
                {                    
                    console.log('update token');
                    getTokenRefreshFBClient();
                    return push_sendSubscriptionToServer(subscription, 'push_updateSubscription');                    
                }
            })
            .then(subscription => subscription ) 
            .catch(e => {
                /*console.error('Error subscription', e);*/
            });
        }
    

        function push_subscribe() {
            navigator.serviceWorker.ready
            .then(serviceWorkerRegistration => serviceWorkerRegistration.pushManager.subscribe({
                userVisibleOnly: true,
                applicationServerKey: urlBase64ToUint8Array(applicationServerKey),
            }))
            .then(subscription => {                
                return push_sendSubscriptionToServer(subscription, 'push_subscribe');
            })
            .then(subscription => subscription )
            .catch(e => { });
        }

        function urlBase64ToUint8Array(base64String) {
            const padding = '='.repeat((4 - base64String.length % 4) % 4);
            const base64 = (base64String + padding)
                .replace(/\-/g, '+')
                .replace(/_/g, '/');

            const rawData = window.atob(base64);
            const outputArray = new Uint8Array(rawData.length);

            for (let i = 0; i < rawData.length; ++i) {
                outputArray[i] = rawData.charCodeAt(i);
            }
            return outputArray;
        }
    
        function push_sendSubscriptionToServer(subscription, acao) {
            var ret = getTokenFBClient();
            ret.then(function(refreshedToken) {

                const method = 'POST';
                const key = subscription.getKey('p256dh');
                const token = subscription.getKey('auth');
                const contentEncoding = (PushManager.supportedContentEncodings || ['aesgcm'])[0];

                var strSubscription = JSON.stringify(subscription.toJSON());
                
                                    ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=webpush&acao='+acao+'&subscription='+strSubscription+'&iidToken='+refreshedToken,'');                  
                                    }).catch(function(err) {
                console.log('Unable to retrieve refreshed token ', err);        
            });            
        }
    });
</script><style type="text/css" >
    .cmmt.comments_wrapper { width: 100%; float: left; margin-top: 15px }
    .cmmt.comments_wrapper button { background: transparent; border: 0; outline-color: transparent; cursor: pointer}
    .cmmt.comments_wrapper .avatar {width: 48px;height: 48px;float: left;background: #e4e7ea;overflow: hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .cmmt.comments_wrapper .avatar img { width: 100% }
    .cmmt .comment {width: calc(100% - 60px);float: right;color: #3f4549}
    .cmmt .comment:before, .cmmt .comment:after { content: ""; background: transparent; display: none }
    .cmmt .comment .content a { color: #1d00ff }
    .cmmt .comment_input {line-height: 0;position: relative;}
    .cmmt .comment_input textarea {width: calc(100% - 24px);;min-height: 70px;max-height: 300px;padding: 10px 10px 12px 10px;border: 2px solid #e4e7ea;color: #183A4C;font-size: 16px;line-height: 20px;resize: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .cmmt .comment_input textarea.invalid { border-color: #e23838; outline-color: #e23838 }
    .cmmt .comment_input .btn_submit {outline-width: 0;position: absolute;right: 0;bottom: 0;color: #fff;background: #778289;padding: 6px 24px;line-height: 19px;font-size: 15px;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;}
    .cmmt .comment_list_wrapper { width: 100%; float: left; margin-top: 30px }
    .cmmt .comment_list { list-style: none }
    .cmmt .comment_list li { width: calc(100% - 180px); float: left; margin-left: 180px;  margin-bottom: 20px }
    .cmmt .comment_list li.comment_indent0 { width: 100%; margin-left: 0px }
    .cmmt .comment_list li.comment_indent1 { width: calc(100% - 60px); margin-left: 60px }
    .cmmt .comment_list li.comment_indent2 { width: calc(100% - 120px); margin-left: 120px }
    .cmmt .comment_list li .show-user-options,
    .cmmt .comment_list li .user-options {border: 1px solid #afafaf;background: white;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .cmmt .comment_list li .show-user-options {height: 22px;position: absolute;right: 0;color: #afafaf;}
    .cmmt .comment_list li .user-options {width: 100px;position: absolute;right: 0;top: 21px;display: none;}
    .cmmt .comment_list li .user-options button:hover,
    .cmmt .comment_list li .show-user-options:hover {background: #f3f3f3;color: #000;}
    .cmmt .comment_list li .user-options button {width: 100%;text-align: center;color: #778289;font-size: 13px;line-height: 22px;}
    .cmmt .comment_list li .user-options.show { display: block }
    .cmmt .comment .comment_header { width: 100%; float: left; margin-bottom: 4px; }
    .cmmt .comment .comment_header .name  { font-weight: bold; float: left  }
    .cmmt .comment .comment_footer * { float: left }
    .cmmt .comment .comment_footer { margin-top: 4px }
    .cmmt .comment .text { font-size: 13px; color: #afafaf }
    .cmmt .comment .vote-down-text,
    .cmmt .comment .vote-up-text { margin: 0 10px 0 0; color: #8e8e8e; }
    .cmmt .comment .vote-down-text { margin-left: 10px }
    .cmmt .comment .text.bull { font-size: 16px }
    .cmmt .comment .comment_footer .vote-down,
    .cmmt .comment .comment_footer .vote-up {border: solid #b5b5b5;border-width: 0 2px 2px 0;display: inline-block;padding: 4px; outline-width: 0}
    .cmmt .comment .comment_footer .vote-down {transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top: 2px;}
    .cmmt .comment .comment_footer .vote-up { margin-top: 7px; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
    .cmmt .comment .comment_footer .vote-up:disabled,
    .cmmt .comment .comment_footer .vote-down:disabled { border-color: #e2e2e2; }
    .cmmt .comment .vote-up-text.voted,
    .cmmt .comment .comment_footer .vote-up-text.voted + .vote-up:disabled { border-color: green; color: green }
    .cmmt .comment .vote-down-text.voted,
    .cmmt .comment .comment_footer .vote-down-text.voted + .vote-down:disabled { border-color: red; color: red }
    .cmmt .comment .comment_footer .reply.text:hover {text-decoration: underline }
    .cmmt .comment .reply-box { margin-top: 10px }
    .cmmt .login_wrapper { width: 800px;height: 460px; display: none; margin: auto;position: fixed;background: #fff;z-index: 3001;top: 0;left: 0;bottom: 0;right: 0;}
    .cmmt .login_wrapper #login_loading { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background: rgba(165, 165, 165, 0.38); z-index: 3100 }
    .cmmt .login_wrapper #login_loading.show { display: block }
    .cmmt .login_wrapper.show { display: block }
    .cmmt .login_wrapper .box_form { width: calc(50% - 40px);height: 100%;float: left;padding: 0 20px; }
    .cmmt .login_wrapper .box_form .title { margin: 30px 0;font-size: 30px;color: #727272;font-weight: bold;text-align: center; }
    .cmmt .login_wrapper .box_form.register { width: calc(50% - 41px);border-left: 1px solid #ccc;background: #efefef }
    .cmmt .login_wrapper .close {position: absolute;right: 20px;top: 20px;width: 32px;height: 32px;opacity: 0.5; cursor: pointer}
    .cmmt .login_wrapper .close:hover {opacity: 1;}
    .cmmt .login_wrapper .close:before,
    .cmmt .login_wrapper .close:after {position: absolute;left: 15px;content: ' ';height: 31px;width: 2px;background-color: #333;}
    .cmmt .login_wrapper .close:before {transform: rotate(45deg);}
    .cmmt .login_wrapper .close:after {transform: rotate(-45deg);}
    .cmmt .login_wrapper input {width: calc(100% - 20px); height: 50px; float: left; margin-bottom: 20px; padding: 0 10px; font-size: 16px; font-weight: normal; color: #6f6f6f; background-color: white; border: 1px solid #d7d7d7; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
    .cmmt .login_wrapper input.invalid { border-color: #e23838; outline-color: #e23838; margin-bottom: 0 }
    .cmmt .login_wrapper input + .invalid_message { width: 100%;height: 16px;display: none;float: left;color: #e23838;font-size: 13px;line-height: 16px;margin-bottom: 4px; }
    .cmmt .login_wrapper input.invalid + .invalid_message { display: block }
    .cmmt .login_wrapper .text { margin-top: 20px; font-size: 13px; text-align: center; color: #727272 }
    .cmmt .login_wrapper .text.password { margin: 0px; text-align: left }
    .cmmt .login_wrapper .text.password:hover { text-decoration: underline }
    .cmmt .login_wrapper .btn_login {width: 100%; text-align: center;padding: 10px 0;color: #fff;background: #309434;font-size: 14px;border-bottom: 2px solid #0b650f;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
    .cmmt .login_wrapper .btn_login_fb:before { width: 15px; height: 15px; content: ""; margin-right: 10px; display: inline-block; background: url(https://www.oficinadanet.com.br/_template/imagem/ico-facebook2.png) }
    .cmmt .login_wrapper .btn_login_fb{margin-right: 10px;line-height: 15px;background: #4267b2;color: #FFF;font-size: 14px;width: 100%;float: left;margin-top: 20px;padding: 10px 0;text-align: center;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border-bottom: 2px solid #1f3c77;}
    .cmmt .comments_wrapper .btn_load_comment { position: relative; color: #fff;background: #778289;padding: 6px 24px; }
    .cmmt .comments_wrapper .btn_load_comment:disabled {background: #ececec; color: #778289;}
</style>
<script type="text/javascript" >

    var current_user = null;
    var cache_name = '4_artigo-wordpress-como_adicionar_modelo_de_pagina_diferente_no_wordpress';
    var comment_to_send = '';
    var post_id = null;
    var reply_comment_id = 0;

    function getCookie(name)
    {
        var cookies = document.cookie;
        var prefix = name + "=";
        var begin = cookies.indexOf("; " + prefix);

        if (begin == -1) {

            begin = cookies.indexOf(prefix);

            if (begin != 0) {
                return null;
            }

        } else {
            begin += 2;
        }

        var end = cookies.indexOf(";", begin);

        if (end == -1) {
            end = cookies.length;
        }

        return unescape(cookies.substring(begin + prefix.length, end));
    }

    function PopupCenter(url, title, w, h)
    {
        var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : window.screenX;
        var dualScreenTop = window.screenTop != undefined ? window.screenTop : window.screenY;
        var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
        var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

        var systemZoom = width / window.screen.availWidth;
        var left = (width - w) / 2 / systemZoom + dualScreenLeft;
        var top = (height - h) / 2 / systemZoom + dualScreenTop;

        var newWindow = window.open(url, title, 'scrollbars=no, width=' + w / systemZoom + ', height=' + h / systemZoom + ', top=' + top + ', left=' + left);

        if (window.focus)
            newWindow.focus();
    }
    
    window.successfullySocialLogin = function(type){
        var post_data = getPostData();
        $('#login_loading').addClass('show');
        $.ajax({
            type: 'POST',
            url: 'https://www.oficinadanet.com.br/ajax_oficina.php',
            data: post_data+'act=successfullySocialLogin',
            success: function (response) {
                
                if( response.error )
                {
                    alert('Ocorreu um erro durante o login.');
                }
                else
                {
                    setDataUser(response);
                    cleanForm();
                    hideCommentLogin();
                    $("#comment_list").html(response.html);
                    buildUserOptions();
                }
                $('#login_loading').removeClass('show');
            }
        });
    }

    function SubmitCommentForm(form)
    {
        if($(form).find('textarea').val().length)
        {
            $('.comment_input textarea').removeClass('invalid');
            comment_to_send = $(form).find('textarea').val();
            reply_comment_id = $(form).find('input[name="reply_comment_id"]').val();

            if(current_user === null)
            {
                ShowCommentLogin();
            }
            else
            {
                setComment();
            }
        }
        else
        {
            $(form).find('textarea').addClass('invalid').focus();
            setTimeout(function(){alert('Insira um comentário');},0);
        }
    }

    function ShowCommentLogin()
    {
        blackoverlay(true);
        $('#login_wrapper').addClass('show');
        $('#login_loading').removeClass('show');
    }

    function hideCommentLogin()
    {
        comment_to_send = '';
        blackoverlay(false);
        $('#login_wrapper').removeClass('show');
    }

    function SubmitLoginForm(form)
    {
        $('#login_loading').addClass('show');

        if(comment_to_send.length == 0 || post_id == 0)
            return;

        var post_data = getPostData();
        
        if($(form).find('input[name="act"]').val() == 'commentLogin')
        {

            var login = isValidInput($(form).find('input[name="login"]'));
            var password = isValidInput($(form).find('input[name="password"]'));

            if(login && password)
            {
                $.ajax({
                    type: 'POST',
                    url: 'https://www.oficinadanet.com.br/ajax_oficina.php',
                    data: post_data+'act=commentLogin&login='+login+'&password='+password,
                    success: function (response) {

                        if( response.error )
                        {
                            if(response.error_code == 'mail_user_name')
                                isValidInput($(form).find('input[name="login"]'),response);
                            else if(response.error_code == 'password')
                                isValidInput($(form).find('input[name="password"]'),response);
                            else
                                alert(response.error_message);
                        }
                        else
                        {
                            setDataUser(response);
                            cleanForm();
                            hideCommentLogin();
                            $("#comment_list").html(response.html);
                            buildUserOptions();
                        }
                        $('#login_loading').removeClass('show');
                    }
                });
            }
            else
            {
                $('#login_loading').removeClass('show');
            }
        }
        else if($(form).find('input[name="act"]').val() == 'commentRegister')
        {
            var email = isValidInput($(form).find('input[name="email"]'));
            var name = isValidInput($(form).find('input[name="name"]'));
            var password = isValidInput($(form).find('input[name="password"]'));

            if(email && name && password)
            {
                $.ajax({
                    type: 'POST',
                    url: 'https://www.oficinadanet.com.br/ajax_oficina.php',
                    data: post_data+'act=commentRegister&email='+email+'&name='+name+'&password='+password,
                    success: function (response) {

                        if( response.error )
                        {
                            if(response.error_code == 'invalid_name')
                                isValidInput($(form).find('input[name="name"]'),response);
                            else if(response.error_code == 'invalid_email')
                                isValidInput($(form).find('input[name="email"]'),response);
                            else if(response.error_code == 'email_exists')
                            {
                                $('#commentLogin').find('input[name="login"]').val(email);
                                $('#commentLogin').find('input[name="password"]').focus();
                                alert(response.error_message);
                            }
                            else
                                alert(response.error_message);
                        }
                        else
                        {
                            setDataUser(response);
                            cleanForm();
                            hideCommentLogin();
                            $("#comment_list").html(response.html);
                            buildUserOptions();
                        }
                        $('#login_loading').removeClass('show');
                    }
                });
            }
            else
            {
                $('#login_loading').removeClass('show');
            }
        }
    }

    function getPostData()
    {
        return 'comment='+comment_to_send+'&post_id='+post_id+'&reply_comment_id='+reply_comment_id+'&cache_name='+cache_name+'&';
    }

    function setComment()
    {
        cleanForm();
        var post_data = getPostData();
        $.ajax({
            type: 'POST',
            url: 'https://www.oficinadanet.com.br/ajax_oficina.php',
            data: 'act=setComment&'+post_data,
            success: function (html) {
                $('#comment_list').html(html);
                buildUserOptions();
                processVotedComments();
            }
        });
    }

    function cleanForm()
    {
        $('.comment_input textarea').removeClass('invalid').val('');
    }

    function isValidInput(input,response)
    {
        if(response != undefined)
        {
            $(input).next().html(response.error_message);
            $(input).addClass('invalid');
            return false;
        }
        else
        {
            var inputValue = $(input).val();
            if(inputValue.length == 0)
            {
                $(input).next().html('Preenchimento obrigatório.');
                $(input).addClass('invalid');
                return false;
            }
            else
            {
                $(input).next().html('');
                $(input).removeClass('invalid');
                return $(input).val();
            }
        }
    }

    function replyComment(button)
    {
        var id = $(button).data('reply-box');

        if($('#reply-box-'+id).html() == "")
        {
            cleanForm();
            var reply_comment = $(button).data('reply-id');
            $('#reply-box-'+id).html($('#out_comment_form').html());
            $('#reply-box-'+id+' .comment_input textarea').focus();
            $('#reply-box-'+id+' input[name="reply_comment_id"]').val($(button).data('reply-id'));
        }
        else
        {
            $('#reply-box-'+id).html('');
        }
    }

    function commentVote(button,vote)
    {
        var comment_id = $(button).data('comment');
        $.ajax({
            type: 'POST',
            url: 'https://www.oficinadanet.com.br/ajax_oficina.php',
            data: 'act=commentVote&post_id='+post_id+'&comment_id='+comment_id+'&vote='+vote,
            success: function (html) {
                processVotedComments();
            }
        });
    }

    function setDataUser(response)
    {
        current_user = response.user;
        if( current_user.image != undefined )
            $(".current_user_image").attr("src", current_user.image);
    }

    function processVotedComments()
    {
        if($("#comment_list").length != 0 && current_user != null)
        {
            var cookie_name = 'comment_vote_'+post_id;
            if(getCookie(cookie_name))
            {
                var comment_votes = JSON.parse(getCookie(cookie_name));
                Object.keys(comment_votes).forEach(function(k){
                    if($('#text-'+comment_votes[k]+'-'+k).hasClass('voted') == false)
                    {
                        $('#vote-up-'+k).attr("disabled", true);
                        $('#vote-down-'+k).attr("disabled", true);
                        $('#text-'+comment_votes[k]+'-'+k).html(parseInt($('#text-'+comment_votes[k]+'-'+k).html())+1);
                        $('#text-'+comment_votes[k]+'-'+k).addClass("voted");
                    }
                });
            }
        }
    }

    function buildUserOptions()
    {
        setTimeout(function (){
            if($("#comment_list").length != 0 && current_user != null)
            {
                $('#comment_list li').each(function(i)
                {
                    if($(this).data('user-id') == current_user.id)
                    {
                        var user_options = '<button type="button" class="show-user-options border" >•••</button>'
                           +'<div class="user-options" >'
                                +'<button class="delete-comment" type="button" data-comment-id="'+$(this).data('comment-id')+'" >Excluir</button>'
                            +'</div>';
                        $(this).prepend(user_options);
                    }
                });
            }
        },500);
    }

    function deleteComment(button)
    {
        var post_data = 'act=deleteComment&post_id='+post_id+'&comment_id='+$(button).data('comment-id')+'&cache_name='+cache_name;
        ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php',post_data,"comment_list");
        buildUserOptions();
    }

    function loadComment(button)
    {
        $(button).attr("disabled", true);
        $(button).data("title",$(button).html());
        $(button).html($(button).data("title-loading"));

        var load = $(button).data('load');
        var totalcomments = $(button).data('total-comments');

        var post_data = 'act=loadComment&post_id='+post_id+'&load='+load;

        var loadn = parseInt(load);
        loadn++;
        $(button).data('load',loadn);

        $.ajax({
            type: 'POST',
            url: 'https://www.oficinadanet.com.br/ajax_oficina.php',
            data: post_data,
            success: function (response) {

                if($('#comment_list li').length >= totalcomments)
                {
                    $(button).css('display','none');
                    $(button).attr("disabled", true);
                }
                else
                {
                    $('#comment_list').append(response.html);
                    $(button).attr("disabled", false);
                    $(button).html($(button).data("title"));
                    buildUserOptions();
                }
            }
        });
    }
    
    function initComment()
    {
        
        post_id = $('#comment_list').data('post-id');

        $('.comment_input textarea').bind('input propertychange', function() {
            $(this).height('0px').height($(this).prop('scrollHeight')-22);
        });

        $(document).on('click', 'button.show-user-options',function(e) {
            if($(this).next().hasClass('show'))
                $(this).next().removeClass('show');
            else
                $(this).next().addClass('show');
        });

        $(document).on('click', '.delete-comment',function(e) {
            deleteComment(this);
        });

        $(".comment_modal_form").on('submit',function(e) {
            SubmitLoginForm(this);
            e.preventDefault();
        });

        $(document).on('click', '.btn_submit',function(e) {
            var form = $(this).parents('form:first');
            SubmitCommentForm(form);
        });

        $(document).on('click', 'button.reply',function(e) {
            replyComment(this);
        });

        $(document).on('click', '.vote-up',function(e) {
            commentVote(this,'up');
        });

        $(document).on('click', '.vote-down',function(e) {
            commentVote(this,'down');
        });

        $(".close_commentLogin").on('click',function(e) {
            hideCommentLogin();
        });

        $(".blackoverlay").on('click',function(e) {
            hideCommentLogin();
        });

        $("#btn_load_comment").on('click',function(e) {
            loadComment(this);
        });

        $(document).ready(function (){
            processVotedComments();
            buildUserOptions();

            if($('#comment_list li').length >= $('#btn_load_comment').data('total-comments'))
            {
                $('#btn_load_comment').css('display','none');
                $('#btn_load_comment').attr("disabled", true);
            }
        });
    }
    
    var elementExists = document.getElementById("script_jquery");
    if(elementExists)
    {
        document.getElementById('script_jquery').addEventListener('load', function() {
            initComment();
        });
    }
    else
    {
        initComment();
    }
</script><link rel="stylesheet" href="https://www.oficinadanet.com.br/_template/css/geral.css?v=803">        <div class="ytvidbox" id="ytboxtest">
            <button onclick="fechaYt();" type="button" class="closebtyt" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
            <span class="yttit">Assista ao nosso último vídeo:</span>
            <div class="ytvidbox-interno" id="videocall">

            </div>
            <span class="ytb-sub" onclick="_gaq.push(['_trackEvent', 'ytbox-subscribe', 'ytbox-subscribe', 'ytbox-subscribe']); window.open('https://www.youtube.com/user/OficinaDaNetTV?sub_confirmation=1');">Inscreva-se no canal</span>
        </div>
        <script>
        function fechaYt()
        {
            _gaq.push(['_trackEvent', 'ytbox-fecha', 'ytbox-fecha', 'ytbox-fecha']); 
            ajaxDireto('https://www.oficinadanet.com.br/ajax_oficina.php','act=setCookie&nome=YTBOXTESTE&valor=1','box_popup');
            $('#ytboxtest').fadeOut(200);
        }
        function abreYt()
        {
                            $('#videocall').html('<iframe width="350" height="193" src="https://www.youtube.com/embed/?list=PLdQflD7vLzCjYNF01jjO4uuyyZLuQ96Yz&enablejsapi=1&rel=0" style="border:0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
                $('#ytboxtest').show();
                        }
        abreYt();
        </script>

        <style>
            .yttit { position: absolute!important; width:300px; left:1px; top:-31px; text-transform: uppercase; padding:6px 0px 6px 10px; background: #000; color:white;  }
            .ytvidbox { display: none; padding: 0;background: #fff;width: 352px;height: 193px;position: fixed;right: 1%;bottom:50px;-webkit-box-shadow: 0 10px 20px -5px rgba(0,0,0,0.55);-moz-box-shadow: 0 10px 20px -5px rgba(0,0,0,0.55);box-shadow: 0 10px 20px -5px rgba(0,0,0,0.55);z-index: 9999;}
            .ytvidbox-interno { width:350px; height: 193px; border:1px solid white; }
            .ytb-sub { position: absolute!important; right: 0; top:200px; cursor: pointer; font-size:13px; }
            .ytb-sub:hover { text-decoration: underline; color:red; }
            .closebtyt{ border:0;cursor:pointer;width: 40px!important;text-align: center; padding:0px 5px; font-size: 25px; color: #ccc;background:#111; position: absolute;top: -31px!important;right:1px;}
        </style>
        
        <div class="player_dynad_tv"></div>
    </body>
</html>