Suporte » Desenvolvendo com WordPress » Boa praticas para criação de pagina

  • Amigos sou iniciante em wp, isso está certo, colocar dentro do conteúdo de uma pagina, lembrando que essa pagina é a home inicial, estática.

    <section class="home-about home">
    <h2 class="home">Mitsubishi Secadores de Mão</h2>
    A Mitsubishi Electric é um dos grandes nomes do mundo na produção e venda de produtos eletroeletrônicos e de sistemas usados em diversos campos e aplicações. Como empresa global líder em sustentabilidade, aplicamos nossas tecnologias para contribuir com a sociedade e a vida das pessoas ao redor do mundo.
    <p class="text-center mt-5"><a class="btn btn-danger-cus" role="button" href="#">Saiba mais SOBRE NÓS</a></p>
    
    </section><section class="home-notice home">
    <h2 class="home"><i class="fa fa-file-text" aria-hidden="true"></i> Press Release</h2>
    <h3>Notícias globais</h3>
    <dl class="row">
     	<dt class="col-sm-2">28 Junho 2017</dt>
     	<dd class="col-sm-10"><a>Mitsubishi Electric to Record Gain from Sales of Investment Securities (inglês)</a></dd>
     	<dt class="col-sm-2">28 Abril 2017</dt>
     	<dd class="col-sm-10"><a>Mitsubishi Electric Announces Consolidated Financial Results for Fiscal 2017 (inglês)(Open new window)</a></dd>
     	<dt class="col-sm-2">22 Dezembro 2017</dt>
     	<dd class="col-sm-10"><a>Mitsubishi Electric to Record Gain from Sales of Investment Securities (inglês)</a></dd>
    </dl>
    <p class="text-right"><a class="more-news">Arquivos</a></p>
    
    <h3 class="mt-5">Notícias locais</h3>
    <dl class="row">
     	<dt class="col-sm-2">28 Junho 2017</dt>
     	<dd class="col-sm-10"><a>Mitsubishi Electric to Record Gain from Sales of Investment Securities (inglês)</a></dd>
     	<dt class="col-sm-2">28 Abril 2017</dt>
     	<dd class="col-sm-10"><a>Mitsubishi Electric Announces Consolidated Financial Results for Fiscal 2017 (inglês)(Open new window)</a></dd>
    </dl>
    <p class="text-right"><a class="more-news">Arquivos</a></p>
    
    </section><section class="home-related-links home">
    <h2 class="home">Links relacionados</h2>
    <div class="row">
    <div class="col-sm-4 nopadding">
    <div class="card">
    
    <img class="alignnone size-full wp-image-62" src="http://wp.dev/wp-content/uploads/2017/07/home-resumo.jpg" alt="" />
    <div class="card-img-overlay"><a>Mitsubishi Electric Em Resumo</a></div>
    </div>
    </div>
    <div class="col-sm-4 nopadding">
    <div class="card"><img class="wp-image-61" src="http://wp.dev/wp-content/uploads/2017/07/home-link-global.jpg" alt="" width="280" height="186" />
    <div class="card-img-overlay"><a>Mitsubishi Electric Global</a></div>
    </div>
    </div>
    <div class="col-sm-4 nopadding">
    <div class="card"><img class="wp-image-60" src="http://wp.dev/wp-content/uploads/2017/07/home-produtos.jpg" alt="" />
    <div class="card-img-overlay"><a>Produtos</a></div>
    </div>
    </div>
    </div>
    </section>
Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • @marcellorg você pode adicionar tranquilamente HTML dentro dos seus posts/páginas.

    Porém alguns pontos precisam ser levados em consideração quando o site é desenvolvido e a administração será passada a outra pessoa, no caso um cliente. Pois se ele não tiver o conhecimento técnico adequado e sem querer ele remover alguma das tags vai desconfigurar completamente o seu layout.

    Uma boa prática é fazer com que o tema suporte todos esses códigos dentro dos arquivos do mesmo. Sem contar que com os loops você consegue exibir de forma dinâmica as notícias do seu site.

    Alguns links que podem ajudar:
    https://codex.wordpress.org/pt-br:Usando_Temas
    https://codex.wordpress.org/Theme_Development (Inglês)

    Moderador Ramon Ahnert

    (@rahmohn)

    Olá, @marcellorg.

    Complementando o que o Everaldo falou…

    Você fez muita coisa na “mão” e, por mais que seja uma página estática, será sempre necessário mexer no código para alterar qualquer coisa.

    Por exemplo, o trecho de código abaixo que você fez:

    <img class="alignnone size-full wp-image-62" src="http://wp.dev/wp-content/uploads/2017/07/home-resumo.jpg" alt="" />

    Você colocou o link da imagem diretamente, quando você colocar isso em produção, vai ter q alterar o link da imagem. Para evitar esse tipo de situação você poderia utilizar a função wp_get_attachment_image_src().

    Referências:
    https://developer.wordpress.org/reference/functions/wp_get_attachment_image_src/

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Boa praticas para criação de pagina’ está fechado para novas respostas.