Suporte » Ajustando o WordPress » Tags – Quebra de linha

  • Resolvido fgleite

    (@fgleite)


    Pessoal, estou com um problema nas minhas tags (aparecem no final da página) que elas aletóriamente quebram de linha e aparecem cortadas. Alguém sabe por onde posso procurar uma solução para isso?

    Abs!

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • Certamente o container das tags deve estar com altura fixa, coloca a url que fica mais fácil a gente ajudar.

    Oi Vinicius, obrigado por responder!
    Segue aqui um exemplo: http://vejaumbomfilme.com.br/para-sempre-lilya-2002/

    Abaixo dos comentários temos as tags, você pode verificar que quando não há exatamente um padrão para a quebra de linha. Gostaria apenas que se autoajustasse para não dividir ao meio o botão. Você sabe por onde posso tentar ajustar isso?

    Valeu!

    Opa, mals a demora cara, pelo que vi, é algum problema na geração do HTML, consegue colar a linha do seu tema que gera essas tags?

    Mano, me ajuda no post abaixo deste…

    Boa noite @fgleite,

    Você pode arrumar esse erro ajustando seu CSS. Antes remova o looping que adiciona “    ” depois dos links de sua tag.

    Depois ajuste o css de seus botoes da tag com o seguinte:

    .single #content .tags a {
        border: 1px solid #d11010;
        padding: 3px 5px;
        border-radius: 3px;
        color: #f5f5f5;
        background: #d11010;
        margin: 10px 0 0 15px; /*Adicionei margin para espaçar uma tag da outra*/
        word-wrap: normal; /*Essa class tem padrão em seu body, ela quebra as palavras..., apenas ajustei ela aqui.*/
        float: left; /*Alinha uma ao lado da outra para ficarem organizadas*/
    }

    Vualá: http://prnt.sc/e8unk3

    Para ajustar o titulo “Estilos:” defina um <hx> ou div ou id para ele e adicionar um float:left para ele ficar do lado 😀

    Se tiver dúvida avisa! o/

    • Esta resposta foi modificada 3 anos, 6 meses atrás por italoxz. Razão: codes
    • Esta resposta foi modificada 3 anos, 6 meses atrás por italoxz.
    • Esta resposta foi modificada 3 anos, 6 meses atrás por italoxz.

    Pessoal, muito obrigado por todo o suporte, acho que o caminho é por aí mesmo!

    @italoxz colei o código e a quebra de linha ficou ajustada! Obrigado! Ainda assim a disposição dos elementos fica um pouco estranha. Segue o link: http://vejaumbomfilme.com.br/beasts-of-no-nation-2015/

    Sou um pouco leigo no assunto, você sabe me dizer um pouco mais precisamente como definir esse <hx> para título “Estilos” ficar ao lado?

    Obrigadão mesmo!
    Um abraco!

    Olá @fgleite,

    Como eu informei você precisa retirar os &nbsp;&nbsp;&nbsp;&nbsp; de seu loop, é ele que está deixando as suas tags desconfiguradas.

    Aqui um pedaço de seu código atual:

    <div class="tags">
    <div class="titulo_tags">Estilos</div> <-- Adicione a div para controla-lo
    <a href="http://vejaumbomfilme.com.br/tag/acao-pura/" rel="tag">Ação Pura</a>
    &nbsp;&nbsp;&nbsp;&nbsp; <-- Remova esses espaços que estão sendo adicionados.
    <a href="http://vejaumbomfilme.com.br/tag/agoniante/" rel="tag">Agoniante</a>
    &nbsp;&nbsp;&nbsp;&nbsp; <-- Remova esses espaços que estão sendo adicionados.
    <a href="http://vejaumbomfilme.com.br/tag/arrebatador/" rel="tag">Arrebatador</a>
    &nbsp;&nbsp;&nbsp;&nbsp; <-- Remova esses espaços que estão sendo adicionados.				
    </div>

    O que é o &nbsp;?

    O caractere &nbsp; “Non-breaking space” apesar de não ser visualizado pelo leitor. Como o nome do caractere diz “espaço sem quebra” é utilizado para: Preencher um espaço vazio (sem conteúdo) de uma tag HTML. Resumindo é como se apertasse a tecla “espaço” entre os conteúdos.

    O <hx> seria <h3> ou <h4>, mas recomendo que utilize uma div com class ou id para manipular o elemento corretamente. Por exemplo: <div class="titulo_tags">Estilos</div>.

    Você está utilizando um tema ou está manipulando diretamente nos arquivos o seu site?

    Qualquer dúvida é só avisar. 😀

    Obrigado Italo!
    Entendi tudo certinho, só não sei onde encontrar/colocar esses códigos. É em alguma página php específica?

    (Estou utilizando o tema Spacious)
    Obrigado!

    Olá @fgleite,

    Analisei direto na página do tema (https://wp-themes.com/spacious/) e é um bug do tema mesmo.

    Instalei em uma hospedagem minha para testar e repliquei seu post, veja: http://prnt.sc/ecnpcw

    Analisei na versão 1.4.4:

    Veja no arquivo content-single.php usei com base esse: https://themes.trac.wordpress.org/browser/spacious/1.4.4/content-single.php?rev=71538

    Linha 17

    
    $spacious_tag_list = get_the_tag_list( '', '&nbsp;&nbsp;&nbsp;&nbsp;', '' );
    
    

    Remova os espaços: do “get_the_tag…” e você pode adicionar um <br> apenas para pular ali e mostrar as tags abaixo:

    
    $spacious_tag_list = get_the_tag_list( '<br>', '', '' );
    

    Salve e verifique.

    Aqui deu certo, veja: http://prnt.sc/ecnqd0

    Recomendo que de uma lida no codex para entender melhor sobre a geração de tags: https://codex.wordpress.org/Function_Reference/get_the_tag_list

    Até mais! 😀

    • Esta resposta foi modificada 3 anos, 5 meses atrás por italoxz.

    Poxa Italo, muito obrigado pela sua ajuda cara.
    Consegui fazer aqui e deu tudo certo!
    De verdade, muito obrigado!

    Um abraço!

    @fgleite,

    Por nada 😀

    Até mais!

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • O tópico ‘Tags – Quebra de linha’ está fechado para novas respostas.