SOCIAL MEDIA

25/08/2016

Como remover o "Continue Lendo" de temas do ThemeXpose

Oi gente! Hoje venho mais uma vez tratar de Templates & HTML, mas dessa vez pra fazer um tutorial bem útil e básico. Muita gente usa os templates do ThemeXpose e não gosta da opção "Continue Lendo" que já vem inserida nos temas. Pra quem não sabe o que é, na página inicial os posts não aparecem por completo, mas com um limite de caracteres exibidos e um botão "Continue Reading", que leva o usuário até o link do post pra vê-lo inteiro.



Muitas pessoas até deixam de usar os tais temas por conta disso, mas ainda há como alterar essa situação, até de um jeito bem fácil. Eu aprendi como no blog Inferno ou Glória e vou passar pra vocês. Já adianto que não funciona em todos os temas, porque já testei em um mais complexo que não funcionou e também não testei em todos. Alguns temas que eu testei e funcionou foram os Rosemary e Voux.

Vamos lá!

Primeira vá no Editor HTML do seu blog (Modelo > Editar HTML).

Aperte Ctrl + F para que uma barra de pesquisa seja acionada.


Digite "summary&quot na caixa e aperte Enter.

Aparecerá o seguinte código:


Apague todo o código destacado em vermelho:

<div expr:id='&quot;summary&quot; + data:post.id' style='display:none;'>
<data:post.body/>
</div>

Seu código deverá ficar da seguinte forma:


Feito isso é só salvar e observar como ficou o seu template!

Dica Extra

É bem provável que apagando o Continue Lendo a exibição das imagens na página inicial fique comprometida e elas apareçam incompletas, principalmente na versão para celular. Para corrigir isso, copie o seguinte código:

max-width:100%;
height:auto;

E o cole dentro da especificação para o item img. É logo no início do CSS, como mostra a imagem:


Qualquer dúvida é só comentar. :)

comentário(s) pelo facebook:

34 comentários :

  1. Esse post com certeza vai ajudar muita gente, Juliana. Arrasou.
    Eu tinha dúvida para colocar esse botão, mas consegui, hehe.
    Seu blog é lindo.
    Bjsssss

    www.3dimensoes.com

    ResponderExcluir
    Respostas
    1. Muito obrigada! Tem gente que gosta e tem gente que não gosta do "Continue Lendo" haha.
      Beijos

      Excluir
  2. É bem dificil de configurar esses layout,apesar de serem lindos.Adorei seu tutorial <3

    ResponderExcluir
    Respostas
    1. Exigem um trabalho... mas é legal usá-los. Muito obrigada!

      Excluir
  3. Que lindo e florido o seu blog, adorando conhecer.
    Muito bom o tutorial.

    Preserve Suas Raízes | Fã Page

    ResponderExcluir
  4. Ai meu Deusss, você não sabe o quanto que me ajudou, muuuuito obrigadaa!

    Beijão,
    Flores no Luar

    ResponderExcluir
    Respostas
    1. Eu imagino!
      Fico feliz em ajudar, qualquer coisa é só entrar em contato <3
      Beijos

      Excluir
    2. Eu me animei (um pouco) demaiss, hahah. No template que eu estou testando (Elegance) ficou o post completo sim, mas ao apagar a parte, ele não aparece mais os títulos das postagens. Se você souber ajudar, eu ficaria muuuuito grata, mas se não souber, tudo bem, eu testo em outro (:

      Excluir
    3. Quando isso acontecia comigo era porque eu apaguei TODO o trecho. Mas olha bem o código que eu destaquei e apaga só a parte que está em VERMELHO. Desse jeito o título e a data não são excluídos. :)
      Beijos! <3

      Excluir
    4. Infelizmente, não foi isso. Ele continuou do mesmo jeito. Acho que vou desistir mesmo desse template (vai ser muito difícil, porque me apaixonei por ele). Mas mesmo assim, obrigada ♥

      Excluir
    5. Enfim, eu tentei em outro, e DEU CERTOOOO! MUITO OBRIGADA!

      Excluir
    6. Eu tinha observado que nos templates mais complexos realmente não funciona, porque eles tem vários scripts diferentes. Mas nos templates que eu citei acima e nos que seguem codificação parecida funciona! Que bom que você conseguiu! :D
      Beijos <3

      Excluir
  5. O meu tema é o Rosemary e não deu certo :(

    ResponderExcluir
    Respostas
    1. O meu tema atual é o Rosemary e está sem o "continue lendo" com os passos desse tutorial. Verifique se você apagou as partes certas, só apague o que está destacado em vermelho, e não o código todo :)
      Beijos

      Excluir
  6. Deu super certo, Juh! <3 Só que eu queria colocar outro continue lendo e não to sabendo como, alguma chance de sair um post sobre isso? Beijão

    Quero ser Miranda

    ResponderExcluir
    Respostas
    1. Que bom que ajudou, Rayanne!
      Como assim colocar outro continue lendo? Mudar o estilo que aparece?
      Beijos e muito obrigada por comentar <3

      Excluir
    2. Só queria mudar o Continue reading para leia mais, sabe?
      Vou agradecer demaisssss se souber me ajudar hahah Beijo

      Excluir
    3. Tenta digitar CTRL+F e no campo de busca que aparecer digita "continue reading"... Se aparecer o texto, é só apagar e escrever "Leia Mais". Se não aparecer, é porque o seu template usa scripts que só o autor do template original pode editar!
      Beijos

      Excluir
  7. Eu queria remover esse leia mais automatico e usar apenas algumas vezes em posts grandes. Mas percebi que depois que tirei este código, a propria quebra do blogger não funciona mais em nenhuma parte quando eu mesma quero fazer a quebra. Sabe o que posso alterar para conseguir usar esse "leia" mais apenas quando eu quiser?

    ResponderExcluir
    Respostas
    1. Você teria que pedir pro pessoal do ThemeXpose fazer essa configuração :/ Porque como os templates lá são programados pra ter o Leia Mais em todos os posts, depois que apaga o código não vai funcionar mais. Aí a pessoa que criou o template teria que fazer a adaptação do 0.

      Excluir
  8. Ju, ótimo tutorial, super funcionou aqui <3 Porém estou com um problema, fiz certinho também o que tu falou sobre o tamanho das imagens, mas elas não ficaram padronizadas. Tipo assim, as imagens grandes, maiores que a área de postagem, foram reduzidas para a largura da área de postagem (que era o que eu queria). Mas as pequenas não aumentaram de tamanho para ficar da largura da área de postagem, elas ficaram menores. Sabe se tem como arrumar isso? =) No meu lay anterior todas ficavam com a mesma largura, eu colocava por exemplo max-width: 640 px e elas ficavam certinhas, mas não funcionou nesse caso..

    ResponderExcluir
    Respostas
    1. Oi Mari!
      Esse é um problema comum nos temes do ThemeXpose porque a codificação das imagens na página inicial é uma, geralmente com a largura da área da postagem, e na dos posts é outra, daí quando você apaga o continue lendo fica uma configuração só e geralmente mais comprometida.

      Você tentou editar pela Dica Extra?

      Eu sempre inspeciono o código da imagem na página inicial (Com o continue lendo) e pego o código e depois abro um link de um post e inspeciono o código de uma imagem desse post. Depois lá no HTML eu vou no código referente às imagens do post e colo o código que eu copiei no início. Deu pra entender? rs

      Espero poder ajudar, beijo.

      Excluir
  9. Juh, acabei de conseguir, ahahha que feliz! Muito obrigada por essa dica, sério ajudou muito!

    ResponderExcluir
  10. Olá Ju, esse post é de uma utilidade! Eu na verdade queria colocar o Continue Reading em português, mas não consigo alterar :(

    ResponderExcluir
    Respostas
    1. Oi Isa!
      Você pode ir no seu Editor HTML, e na caixinha do HTML teclar CTRL + F, que vai surgir uma caixa de pesquisa no canto direito da caixinha do HTML. Aí você digita "Continue Reading". Você vai achar o texto dessa mensagem, aí é só substituir pelo texto em português.
      Se não aparecer nenhum resultado é porque o código do seu template está "escondido" por scritps, daí só o criador do template pode mexer :/
      Espero poder ter ajudado, beijão

      Excluir
    2. Então eu já fiz isso várias vezes e nunca encontrei, de fato está "escondido". Obrigada! Beijos,

      Excluir
  11. Cara, me ajudou muitoooooo. Obrigada!

    http://www.viveresemaquiar.com

    ResponderExcluir
  12. MUITO OBRIGADA AAAA ♥
    https://clikvenus.blogspot.com.br/

    ResponderExcluir