Jump to content
codercss

Criar tema para wordpress bem simples e responsive

Recommended Posts

Olá,

 

Adorei este site: http://wbruno.com.br/

Pretendo criar um site para mim desse jeito. Mas atenção, não quero plagiar o autor. Apenas, como o meu conhecimento em reponsive web sites é básico, estou a pensar começar por uma coisa mais acessível. Algo como um fundo branco, uma lista de artigos é bem mais simples de colocar num web site responsive do que todos os layouts com que eu já sonhei :P

 

Estou a seguir estes artigos: https://www.wptotal.com/como-criar-um-wordpress-theme-parte-2/

 

A questão é! Sabendo eu já de html e um pouco do CSS (o básico para montar um site estático) qual a próxima matéria que devo seguir para conseguir criar um tema parecido com este: http://wbruno.com.br/

 

Mais uma vez relembro, e não me entendam mal. Não pretendo copiar o autor. Apenas me inspiro na ideia dele e vejo uma optima oportunidade para começar, finalmente, a criar algo responsive.

Uma coisa que preocupa, é criar um tema para além de ser responsive também funcione bem no maior número de browsers. Já li vários livros da casa do código, e sei que temos que ter esse aspecto em consideração.

 

Para finalizar, a ideia, é criar um tema para wordpress, tendo como base este http://wbruno.com.br/  . O meu problema é criar o tema responsive!

 

Por isso, grande mestres :), o que aconselham ler/fazer?

 

[UPDATE]

Estou a falar no wordpress mas não sei e este developer utilizou o wordpress. Caso exista alguma ferramenta que entregue este site já pronto agradeço a partilha.

 

Valeu

Share this post


Link to post
Share on other sites

Olá,

 

Após analisar e pensar sobre o assunto vou optar por não utilizar o wordpress. Para já vou concentrar-me no layout e em tornar o website responsive. Nos primeiro tempos a gestão será complicada, pois terei que escrever todas as páginas na mão, mas no futuro vou passando para wordpress  e assim as coisas ficam mais simples.

 

Caso tenham alguma sugestão agradeço a ajuda!

Share this post


Link to post
Share on other sites

Oi codercss! bacana que você tenha curtido o meu blog, vlw!!

 

O meu site era wordpress antes sim, e eu usava este tema no início: 

https://github.com/wbruno/blog-dev

 

Depois passei para um tema pronto, e agora estou usando *jekyll* e página estáticas no GitHub.

https://github.com/wbruno/wbruno.github.io

 

 

Esse tema atual, é pronto também, se chama `minima` 

https://github.com/jekyll/minima

 

 

Criar o tema responsivo é bem simples, se você optar por wordpress, tome como base o primeiro link que postei 
https://github.com/wbruno/blog-dev

já é um tema wordpress responsivo que fiz.


Basicamente, você vai "quebrando" as colunas nos breakpoints (media queries), até ficar muito pequeno e elas serem 100% de largura.
Qualquer dúvida, só perguntar.

  • +1 1

Share this post


Link to post
Share on other sites

Valeu @William Bruno

Andei pesquisando por temas e fui parar a este site: https://startbootstrap.com/template-categories/all/

 

Nos temos encontro esta licença: https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE

 

O que ela significa e o que posso fazer por ela?

Posso utilizar o tema da maneira como entender? Tenho que referenciar o autor em algum local?

 

Obrigado

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Carlos Web Soluções Web
      Olá....boa tarde !!

      Crei um menu multi-level simples em CSS:
       
      MENU_MOLDE

      , gostaria agora que, para:

      @media screen and (max-width: 900px)

      o menu se torne responsável, com ul li a {float: none; text-align: left; width: 100%} e ativar o submenu ao clicá-lo e desativar ao clica-lo novamente!!

      Alguém poderia me ajudar ??
      Desde já muito obrigado !!
    • By crisronconi
      Boa tarde!! 
       
      Estou tendo problema com o tema Dazzling, quando publico a página aparece q o slide do topo da página está com erro de configuração.. 
      Mas não sei o q errei..  
       
      Ps. Não sou da área, estou começando agora 
    • By Carlos Web Soluções Web
      Olá pessoal !!
      Estou desenvolvendo um menu em CSS, e eu gostaria de colocá-lo no CSS Responsive:
       
      @media screen and (max-width: 800px) {
      }
       
      O link do menu de como está atual se encontra em:
      MENU Link

      e o que eu desejo alcançar é:
      MENU RESPONSIVE

      Por favor me ajudem.....abraço !!
    • By JOWEB
      Pessoal gostaria de mudar essa frase Você pode gostar também   
      no Tema ColorMag, consigo fazer isso pelo editor do wordpress ou terei que entra nas sub pasta via FTP e qual caminho seria?
      Tendei usar o inspetor do navegador, seguei nessa parte:
       
      <h4 class="related-posts-main-title"><i class="fa fa-thumbs-up"></i><span>Você pode gostar também</span></h4> 
    • By Naldinhosi
      Pessoal bom dia, peço desculpas se já existe um post referente a esse problema, caso haja me informe por gentileza  se não...
       
      Estou concluindo o desenvolvimento de um site responsive, então resolvi atualizar meus navegadores, quando entro no site fica meio desorganizado o menu superior entre outras informações, então eu retiro o zoom da página para 90% e o site fica tudo ok, gostaria de saber se alguém esta passando por isso e como resolver, ou errei em alguma coisa referente ao meu código. ficarei grato e obrigado.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.