>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Adicionar uma Quebra "Leia Mais" em HTML no Tumblr

Adicionar uma quebra "Leia Mais" no Tumblr é uma excelente maneira de dividir o conteúdo do blog e facilitar a rolagem por várias postagens. É fácil de fazer usando o editor de texto rico padrão do Tumblr, mas se quiser adicionar uma quebra "Leia Mais" do Tumblr em HTML, precisa adicionar um pequeno trecho de código. Não é código HTML padrão e não parecerá que funciona na visualização da postagem, mas depois de publicar, aparece como desejado. É uma boa ideia conhecer ambas as abordagens, pois o método padrão é muito mais simples.

Tumblr "Leia Mais" – Método Fácil

Adicionar uma quebra "Leia Mais" é fácil usando o editor de texto rico padrão no Tumblr. Primeiro, escreva a seção inicial da postagem, ou seja, a parte que deseja que apareça antes da quebra "Leia Mais". Em seguida, selecione "Enter" para iniciar uma nova linha e observe o símbolo "+" que aparece à direita da janela do editor ao lado da nova linha. Clique neste símbolo e as opções aparecem, com a mais à direita sendo uma fileira de três pontos sobre um fundo cinza.

Clique no símbolo de três pontos para inserir a quebra "Leia Mais" usando o método simples. Também pode usar o atalho "Ctrl"+"Shift"+"K" no PC ou "Command"+"Shift"+"K" no Mac para fazer a mesma coisa. Isso gera automaticamente o código HTML necessário. Não precisa acessar o editor HTML se não quiser.

Código HTML para "Leia Mais"

Também pode criar uma quebra "Leia Mais" do Tumblr através do editor HTML no Tumblr. Para acessar o editor, clique no ícone de engrenagem no canto superior direito da tela ao criar uma nova postagem ou editar uma existente e depois clique no menu suspenso ao lado de "Editor de texto". Escolha "HTML" nas opções exibidas, e o editor muda para o modo HTML.

O processo a partir deste ponto é simples. Se já tiver texto no lugar, verá as tags "

" e "

" para inícios e fins de parágrafos, respectivamente. Entre a tag de fechamento e a de abertura, onde deseja que a quebra "Leia Mais" esteja localizada, digite "[[MORE]]" (sem aspas) para gerar a quebra "Leia Mais".

No entanto, esse código não é padrão para HTML, e se clicar em "Visualizar", ele será exibido exatamente como você escreveu. Não se preocupe, porém. Ao publicar a postagem, ela aparece como uma quebra, assim como acontece com o método anterior.

"Leia Mais" no Editor Markdown

O último formato para o editor no Tumblr é o editor Markdown, e também pode criar um link "Leia Mais" usando este editor. O processo é exatamente o mesmo que para HTML. Digite o texto que deseja antes da quebra "Leia Mais" e depois "[[MORE]]" antes de continuar digitando seu texto. Não aparecerá na visualização, como no modo HTML, mas funciona ao publicar a postagem.

Adicionando Quebras de Linha em HTML

Embora o link "Leia Mais" seja a maneira mais útil de separar seu conteúdo, também pode ajudar saber como inserir quebras de linha em HTML. Isso é fácil: insira o código "

" (sem as aspas) no ponto onde deseja que a quebra de linha apareça. Não precisa colocar isso entre tags de fechamento e abertura de parágrafo. Funciona em qualquer lugar.