Suporte » Temas » Problemas com “enter”

  • Resolvido tio-dread

    (@tio-dread)


    Boa tarde, estou com um problema em um layout que estou trabalhando, que é o seguinte:
    Quando faço a postagem e dou um “enter”, ele pula as duas linhas padrão na edição do post, mas quando faço a publicação do post, ele consta apenas um enter simples, como se fosse em um editor de texto do windows.

    Alguém já teve esse problema em algum layout, ou sabe qual tag deve ser modificada pra que funcione corretamente?

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Tio dread,

    Por favor, seja mais claro na descrição do seu problema. O que vc quer dizer com “duas linhas padrão” ou “como se fosse um editor de texto do windows”?

    De qualquer forma, o WordPress automaticamente limpa o html de tags redundantes, vazias, etc. Se vc quer uma entrelinha (espaço entre as linhas) maior, a forma correta de se conseguir isso é através do arquivo de folha de estilos (css), aumentando a altura de linha (line-height) ou colocando uma margem inferior (margin-bottom) no parágrafo (<p>).

    abs.
    Cátia

    Bom dia! Também estou com esse problema.

    Cátia, o que o Tio Dread quis dizer foi que ao dar dois espaços ou “enters” ou colocar dois “< br / >” num post html, é que ao publicar o post, esses dois “< br / >” não são publicados. Apenas um. O WordPress “limpa” o outro “< br / >”, como você disse acima.

    Essa maneira de dar “espaço” no texto não é o procedimento correto, eu sei, mas é o mais usado pelos usuários, pelos editores dos textos.

    Quando esse editor, quando o autor do texto quer mais de um espaço, descer mais de uma linha num texto ele dá “enter”.

    Nós não podemos alterar o line-height no css, senão todo o texto no post terá espaçamento duplo, triplo… e o que o usuário (ou editor) quer é que o texto tenha dois “espaços” especificamente naquele ponto do texto onde ele deu seus 2, 3 “enters”.

    Entendeu?

    Cátia, é possível manter esses “enters” no post sem precisar alterar o css? Caso seja possível, o que é necessário alterar?

    Um abraço, obrigado!


    Tiago Araujo

    Nesse caso, a solução é alternar para o editor nãovisual, e acrescentar um margin-bottom maior ao parágrafo imediatamente anterior ao espaço desejado. Assim (considerando que o margin-bottom padrão seja 12px):

    <p style="margin-bottom:24px;">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
    
    <!-- Aqui entra o "espaço duplo". -->
    
    <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>

    []’s!

    Tive o mesmo problema (ou parecido);

    Solução:

    Veja no css do seu tema se a tag “<p>” está com os atributos margin e padding setado em 0; se for o caso apague essa configuração.

    No meu caso, como utilizo um trecho de css para resetar os elementos html apenas retirei o “p” do bloco ex:

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    }

    repare que após o “h6” há um “p” basta apaga-lo;

    Com isso os paragrafos dos post voltaram a ser espaçados;
    (você também pode configurar o “margin” da tag como desejar)

    Nota: reparei que o wordperess ignora a tag
    logo caso você queira quebras de linhas seguidas (aumentando o espaço entre os paragrafos> utilize “<p> </p>” quantas vezes quiser ou utilize a opção do Rghedin acima “<p style=”margin-bottom:24px;”>” setando o margin-bottom com o tamanho desejado.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Problemas com “enter”’ está fechado para novas respostas.