Como configurar um tema estilo magazine

Depois de alguns pedidos resolvi escrever um pequeno tutorial explicando como configurar um tema estilo magazine. Para exemplificar usarei um tema recém lançado, o Revolution Two – Church. É claro que as configurações variam de tema para tema, mas este passo-a-passo ajudará a compreender como funciona a configuração.

O primeiro passo é fazer o download do tema, enviá-lo para a pasta themes do seu servidor e ativá-lo. Notem que junto com os arquivos do tema existe uma pasta chamada plugins, nela estão contidas os plugins Breadcrumb NavXT e Featured Content Gallery, envie-os para a pasta plugins do seu servidor e ative-os.

Agora se você visualizar a página inicial do blog verá que nenhum post é exibido, algo semelhante a imagem abaixo.

Tema Church desconfigurado

Tema Church desconfigurado

Para que tudo funcione como na página de demonstração do tema teremos que configurar muitas coisas. Podemos começar a configurando o SlideShow, para isto o plugin Featured Content Gallery já deve estar ativado. Acesse a página de configuração do plugin, através do menu Configurações na administração do seu WordPress, e preencha os campos da seguinte forma:

  • Gallery Width in Pixels: 590
  • Gallery Height in Pixels: 400
  • Text Overlay Height in Pixels: 100
  • Category Name: Destaques
  • Number of Items to Display: 3

Agora deveremos criar 3 posts na categoria Destaques (claro que você pode alterar a quantidade de posts e o nome da categoria) e em cada post terá um campo personalizado (custom field) cuja chave será articleimg e o valor será a URL da imagem de 590×400 pixels.

Upload da imagem

Copie a URL da imagem

Campo personalizado

Crie um campo personalizado

Adicione na categoria Destaques

Crie a categoria Destaques

Slideshow funcionando :)

Slideshow funcionando :)


Em seguida iremos configurar as três áreas localizadas logo abaixo do slideshow. Para isso devemos abrir o arquivo home.php do tema e alterar as linhas 28, 58 e 87. Nestas linhas procure pela tag WP_Query(“cat=10&showposts=3″), substitua o valor de cat pelo ID da categoria que será exibido e em showposts escolha o número de posts que serão exibidos desta categoria. Ao lado do conteúdo do post também é possível adicionar um thumbnail e sua configuração é semelhante a imagem do slideshow. Ao criar um post, faça o upload de uam imagem (70×70 pixels), crie um campo personalizado (custom field) cuja chave será thumbnail e o valor será a URL da imagem.

Como saber o ID da categoria

Como saber o ID da categoria

Copie a URL da imagem

Copie a URL do thumbnail

Crie um campo personalizado

Crie um campo personalizado

Thumbnail adicionado

Thumbnail adicionado


Note que se o post não possuir nenhum campo personalizado chamado thumbnail e este for exibido na página principal, no lugar do thumbnail será exibido uma imagem default (que você poderá trocar substituindo o arquivo thumbnail.png que existe dentro da pasta images do tema).

Por último iremos configurar as áreas pré-estabelecidas para publicidade do tema e como este possui uma página de opções, você verá que é bastante simples a inserção de banners. Na administração do blog, clique no menu Design e em seguida no submenu Revolution Church Options, nesta página insira os códigos da publicidade correspondentes às dimensões descritas ao lado de cada campo. Nesta mesma página ainda é possível informar o FeedBurner ID para que seus leitores possam se cadastrar e receber seus post por email (como acontece aqui no pBlog) e também adicionar um código de vídeo (embedded) para ser exibido na barra lateral.

Tema Church configurado!

Tema configurado!

Códigos dos banners

Códigos dos banners

Depois que terminei este tutorial foi que me dei conta da dificuldade que os usuários poucos experientes com WordPress sentem ao tentar configurar um tema estilo magazine e a frustração ao ver a demonstração do tema funcionando perfeitamente e não conseguir utilizá-lo no próprio blog. Por isso continuem mandando suas sugestões pelo formulário de contato e suas dúvidas para nosso fórum, pois através deles é que surgem posts como este.

90 thoughts on “Como configurar um tema estilo magazine

  1. oi gente tudo bem?
    queria poder alterar la em cima o nome de revolution para o nome de meu blog.
    alguem pode me orientar como?
    pensei em enviar a nova imagem para o ftp substiuindo a anterior, sera que isso resolve ou preciso mudar alguma coisa no html/

    abraço a todos

  2. Subistitua a imagem de nome “logo”. Lembre que é na extensão(formato) .png com as dimensões 432×100.
    Para que o fundo seja igual ao fundo da sua logo, substitua também a imagem “header” por uma imagem que seja uma amostra do fundo da sua logo.
    Qualquer dúvida: sgtpmevandro@hotmail.com

  3. olá gente tudo bem, muito obrigada mesmo pelas informaçoes
    a logo ja esta pronta e vou enviar a imagem

    agora estou com mais uma duvida, minha versao do wordpress é 2.7.1 em relaçao aos plugins acho que nao funciona o que faço então, mudo a versao do wordpress ou teria como eu procurar os plugins em versao mais atualizada.
    meu blog é hospedado na hostnet, adoraria poder mudar so os plugins para uma versao mais atual, pois a versao instalada por eles é essa, se tivesse que mudar teria que fazer download eu acho e tal.

    gente estou apaixonada por esse modelo sempre desejei um blog assim,
    quero agradecer a equipe desse blog por nos disponibilizar o link de download do modelo e tambem por nos orientar em sua configuraçao. muito bom mesmo.
    e tambem agradeço ao pessoal que participa aqui do forum, esclarecendo nossas duvidas.
    voces sao 10
    obrigada
    carla

    ah, evandro vou mandar um e-mail pra voce com a logo pra voce ver se ficou boa e se der me dar uma ajuda
    obrigada mais uma vez
    beijo a todos

  4. Oi gente, mas uma vez eu aqui a duvida agora é a seguinte, a versão 2.0 do featured content galery não funciona no wordpress 2.7.1, mas no meu menu de plugins tem uma atualização para a versao 3.2.0, posso atualizar para essa versão, será que ela funciona, alguem ja testou?
    abraço a todos.

  5. Oi gente, tudo bem?
    consegui configurar tudo direitinho.
    o blog ta lindo.
    so preciso de duas dicas: no modelo original tem um menu com duas linhas lá em cima:
    no menu de cima tem 5 paginas ( sample page com tres subpage, blog page, fullwidth, arquivo)
    a outra coluna tem categorias no total 8, tres tterao destaque na galeria os outros cinco possuem subcategorias e sub sub categorias.
    quero saber como configurar isso. tem que instalar algum plugin?
    como configurar aquelas barras que apareem com conteudo em ingles: por exemplo a “enews e updates” Featured videos e etc, como coloca-las em portugues?

    forte abraço
    obrigada

  6. Oi gente, tudo bem?
    primeiro quero agradecer a voces pela ajuda, configurei o tema e esta tudo supr ok.
    depois informo o link pra voces acessarem.
    preciso de uma ajuda para configurar o “navbar”

    <a href=”">Home

    esse é o codigo do tema revolution, ate aí tudo ok. O que preciso é configurar esse código para que os links das minhas paginas que são 4 possam estar escritos em letras maiusculas, ou seja no painel de administraçao eu consigo escrever em letras maiusculas mas lá no meu tema quando coloo no ar elas ficam minusculas.
    o outro codigo é esse:

    ese código é para configurar a exposiçao das categorias na barra superior do tema, logo abaixo das paginas, nesse aí eu não consegui mudar nada e a mensagem que aparece é: nao existem categorias, sendo que eu ja criei tres.

    os dois codigos estão no header.php
    alguem pode me dar uma ajuda?

    Outra duvida,
    no tema revolution existem dois espaços de publicidade”banner” e dois de ad sense, queria saber como modificar o codigo dos espaços para adsense e transforma-lo em espaços para banner

    grata

  7. aqui não funcionou usei o revolution music nem o slyde deu coloquei tudo do geito que falo mas tb nao endenti e nem achei onde colocar a thumbnail.

  8. Pingback: Top 15: Belíssimos Temas Gratuitos para Wordpress | Curiosando

  9. Pingback: Rhuan Willrich

  10. Pingback: Rhuan Willrich

  11. Pingback: Rhuan Willrich

  12. Olá, instalei o Featured Content Gallery 3.1.0, configurei, coloquei os posts e da o erro abaixo na página, será que podem me ajudar a arruma-lo? Agredeço desde já e parabens pelo post

    Detalhes dos erros da página da Web

    Mensagem: ‘Class’ não está definido
    Linha: 623
    Caractere: 1
    Código: 0
    URI: http://fabricadeideiasweb.com.br/wp1/wp-content/plugins/content-gallery/scripts/jd.gallery.js.php

    Mensagem: O objeto não dá suporte para a propriedade ou método
    Linha: 148
    Caractere: 9
    Código: 0
    URI: http://fabricadeideiasweb.com.br/wp1/

  13. Cara, aqui não consigo botar thumbs pra cada post =/
    faço a thumb, faço o up e boto o campo personalizado com a url e nada, fica sempre a defaut =//

    Mas o tuto ta muito bom, fora isso eico muito legal aki

    @nessa
    esse tema é antigo, vc tem que atualizar uma linha no template
    procura algo parecido com isso, no template

    quando achar troca por essa ai em cima =D

  14. o plugin related posts não funciona nesse tema não? tentei aqui e não deu certo. tem como confirmar essa informação por favor. obrigado!

  15. Comigo deu certo só que as categoria ficaram mostrando “sem categoria” e ainda não consegui configurar
    alguem pode me ajudar?

  16. oi emerson tudo bem?
    o que e configurei tambem ficou com esse problema na categoria pelo que entendi ela so aparece quando o dono do blog começar a postar coisa assim, meu e-mail e o link do site que eu configurei ta logo ai em cima a gente se fala, quem conseguir a informaçao primeiro ok?
    forte abraço
    ciaooo

  17. Oi Gabriel tudo bem?
    m add que eu te dou a configuraçao do blog o que eu configurei ta tudo ok.
    posso ajudar no seu.

    Ja fiz isso com outras pessoas aqui no Blog,
    valeu carla

    meu msn e e-mail: belezanarede@yahoo.com.br
    lá em cima tem outras postagens minhas se quiser confere lá o blog que eu configurei
    forte abraço
    ciaooo

  18. Já fiz de tudo para configurar os thumbs, mas não rola… alguém pode ajudar?
    Segui exatamente o tutorial, mas não aparece nada, nem mesmo a imagem default.

  19. Pingback: CONFIGURAR SLIDESHOW DE UM TEMA TIPO MAGAZINE | Dicas para sites e blogs

  20. Eu descompactei o tema que eu baixei, e lá não tinha a pasta de plugins, e eu não consegui enviar para a pasta Themes, você poderia explicar melhor esse procedimento?
    Obrigada, e eu adorei o artigo no todo (:

  21. Olá, parabéns pelo BLOG é ótimo!!!
    Tenho uma dúvida sobre um plugin, depois que instalei o Live Search Popup para ter uma busca inteligente (o que funcionou perfeitamente) agora o Featured Content Gallery não funciona mais (as imagens não aparecem), se eu desativo o Live Search Popup, o Gallery volta a funcionar. O que devo fazer? Já que gostei do live Search Popup, trocar o featured por outro (qual?) ou tem como resolver esse conflito e continuar com os dois.

  22. Olá,eu fiz tudo conforme o tutorial,contudo na minha galeria não aparece as imagens como configuradas no post.Já adicionei o Custom Field articleimg,configurei os thumbinals(que funcionaram perfeitamente),só a galeria que não pega a imagem que eu escolhi.Alguem ai pode me dizer por que isto não acontece?

  23. Oi Érico blz? Mto bom parabéns!
    Só to com um probleminha… Não consigo fazerc aparecer os tumbs d jeito nenhum! Eu fiz o custom field com a chave thumbnails e chamei a imagem e nada! e vc diz q se nao chamar imagem nenhuma, ele busca uma imagem defaul, mas nem isso consegui fazer aparecer, não sei onde eu to errando… pode da uma ajuda? Desde já vlw

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>