Usando o formato NPF

O formato NPF permite que você adicione vários tipos de conteúdo num post.

Nos apps

Todos os posts feitos nos apps do Tumblr para iOS e Android usam o formato NPF.

Ao abrir o editor de posts, você verá uma série de ícones na parte inferior da tela.

Da esquerda para a direita:

• Aa: Opções de formatação de blocos de texto.
• Ícone da corrente: Toque nele para adicionar um bloco de links.
• GIF: Permite que você crie um GIF com um vídeo de seu dispositivo ou use a busca de GIFs do Tumblr. Insere um bloco de imagens.
• Ícone do álbum de fotos: Abre a biblioteca de imagens de seu dispositivo. Você pode inserir um bloco de imagens ou de vídeos.
• Fones de ouvido: Busca faixas no Soundcloud ou Spotify, inserindo-as no post como blocos de áudio.

Observação: Ao selecionar alguma parte do texto, você verá apenas o ícone Aa e as opções de formatação de texto. Desmarque para revelar todos os ícones.

Cada um dos ícones corresponde a um tipo diferente de bloco de conteúdo que você pode adicionar ao post. Abaixo, analisaremos um por um.

Opções de texto

Escreva alguma coisa no post e, em seguida, selecione o texto para ver as opções de formatação de texto.

Você verá as seguintes opções:

• Nesta primeira fileira, estão as cores. Toque em uma cor para aplicar ao texto selecionado.
• Pressione e segure o ícone Aa para alterar o subtipo do texto:
  • Regular: Texto de tamanho padrão.
  • Médio: Fonte de tamanho médio.
  • Grande: Fonte de tamanho grande. Esta opção pode ser usada como título do post.
  • Citação: Equivale ao tipo de post "Citação".
  • Diálogo: Equivale ao tipo de post "Diálogo".
  • Lucille: Fonte cursiva.
  • Recuado: Citação em bloco.
  • Lista com marcadores: Lista não ordenada que utiliza marcadores.
  • Lista numerada: Lista ordenada.
• Você também pode tocar no ícone Aa para alternar entre os subtipos.
• Ao selecionar Aa, você verá mais algumas opções à direita. Da esquerda para a direita:
  • Negrito (B)
  • Itálico (i)
  • Riscado (S)
  • Pequeno (<s>)
  • Hiperlink
    • Toque neste ícone e cole o URL para adicionar um link ao texto.

Mais informações sobre as opções de formatação de texto neste artigo.

Adicionando um link

Toque no ícone da corrente para inserir bloco de links. Dica: Se já tiver copiado seu URL para a área de transferência, o Tumblr irá perguntar se você deseja usar esse link.

Inserindo um GIF

Toque no ícone de GIF para abrir a pesquisa. Na lupa, você pode fazer uma busca, ou se tocar em "Criar um GIF", pode criar o seu.

Mais informações sobre como criar GIFs neste artigo.

Adicionando uma foto ou vídeo

Toque no ícone da foto para abrir a biblioteca de imagens do seu dispositivo.

Depois de adicionar uma imagem ao post, toque nos 3 pontinhos no canto inferior direito para adicionar texto Alt. Ele deve ser uma breve descrição de sua imagem para que o post fique acessível àqueles que usam leitor de tela.

Toque no ícone da paleta para editar sua imagem, inserindo filtros, adesivos e texto.

Mais informações sobre como tirar e editar fotos neste artigo. Já o artigo sobre post de vídeos está aqui.

Áudio

Toque no ícone do fone de ouvido para pesquisar faixas no Spotify e no Soundcloud.

Mais informações sobre como postar áudio neste artigo.

Reorganizando blocos de conteúdo

Você pode segurar e arrastar um bloco para um local diferente do post:

Você também pode excluir um bloco inteiro ao arrastá-lo e soltá-lo no ícone da lixeira.

Na Web

Na web, você pode optar por o editor beta que utiliza o formato NPF. Para usá-lo, quando estiver criando um post, ative a opção beta no canto superior direito.

Este editor usa o mesmo tipo de bloco de conteúdo que a versão nos dispositivos móveis, mas a aparência é um pouco diferente, dependendo de qual ícone de post você escolhe ao clicar. Abaixo, analisaremos cada uma das opções.

Posts de texto

Clique na opção Aa/post de texto para ver um editor de posts conhecido:

A seguir, analisaremos os ícones à direita do post, da esquerda para a direita:

• Câmera: Permite o carregamento de uma imagem.
• Vídeo: Permite o carregamento de um vídeo.
• GIF: Abre a busca de GIFs.
• Áudio: Permite que você procure faixas no Spotify ou Soundcloud ou que cole um URL do Spotify, Soundcloud ou Bandcamp. Estamos trabalhando para disponibilizar o carregamento de arquivos de áudio.
• Link: Permite inserir um bloco de links.
• Três pontinhos: Permite inserir o link "Continuar lendo".

Insira o texto e depois selecione-o para acessar as opções de formatação de texto:

Da esquerda para a direita, as opções são as seguintes:

• Opções de subtipo de texto. Clique para expandir o menu de opções:
  • Regular: Texto de tamanho padrão.
  • Médio: Fonte de tamanho médio.
  • Grande: Fonte de tamanho grande. Esta opção pode ser usada como título do post.
  • Citação: Equivale ao tipo de post "Citação".
  • Diálogo: Equivale ao tipo de post "Diálogo".
  • Lucille: Fonte cursiva.
  • Recuado: Citação em bloco.
  • Lista com marcadores: Lista não ordenada que utiliza marcadores.
  • Lista numerada: Lista ordenada.
• Riscado (S)
• Pequeno (<s>)
• Negrito (B)
• Itálico (i)
• Hiperlink
• Cores de fonte

Mais informações sobre as opções de formatação de texto aqui.

Posts de foto

Clique no ícone de post de foto para abrir o editor:

Você pode carregar imagens do seu computador ou adicioná-las colando um URL.

Ao inserir uma legenda abaixo de sua imagem, você verá todas as opções que abordamos na seção de posts de texto. É possível adicionar todos os tipos de bloco de conteúdo à legenda.

Mais informações sobre como adicionar fotos aos seus postsneste artigo.

Posts de citação

Clicar no ícone de post de citação abre um post com o subtipo de texto definido como citação:

Posts de link

Clique no ícone do post de link para abrir um novo formulário com um bloco de link já inserido. Você pode então colar ou digitar o URL que deseja usar em seu post.

Posts de diálogo

Clicar no ícone de post de diálogo abre um post com o subtipo de texto definido como diálogo:

Posts de áudio

Clique no ícone de post de áudio para abrir um formulário com um bloco de áudio pré-inserido. Você pode pesquisar uma faixa no Spotify ou Soundcloud ou colar um URL de áudio do Spotify, Soundcloud ou Bandcamp.

Mais informações sobre as opções de áudio aqui.

Posts de vídeo

Clique no ícone de post de vídeo para abrir um novo formulário com estas duas opções:

Clique na opção à esquerda para carregar um arquivo de vídeo do seu computador. Clique na opção à direita para usar um URL de vídeo. Mais informações sobre posts de vídeos neste artigo.

NPF - Limites específicos

O NPF possui alguns limites:

• The maximum number of total content blocks allowed in a single post is 1,000.
• The maximum character length of a single text block is 4,096 characters, for a total limit of 4,096,000 characters per post if all 1,000 content blocks are used for text.
• O número máximo de menções é 50. Isso evita spam e abusos.
• O número máximo de links incorporados é 100. O número máximo de blocos de links permitido em um único post é 10.
• O número máximo de blocos de imagens permitido em um único post é 10.
• O número máximo de blocos de vídeos permitido em um único post é 10. No entanto, no momento, você só pode carregar um vídeo por post.
• O número máximo de blocos de áudios permitido em um único post é 10.
• There is an overall post size limit of 1MB.

Caso dois limites se sobreponham, o limite mais restritivo se aplica.

O que são tipos de post?

Por padrão, todos os novos posts originais criados no editor NPF são considerados posts regulares/herdados. Não há sentido falar em um único "tipo de post" quando se trata do formato NPF, pois ele apresenta uma variedade de tipos de bloco de conteúdo, em vez de enfatizar um único tipo de conteúdo.

Assim sendo, os posts NPF são mapeados para um tipo de post herdado, dependendo dos blocos de conteúdo você adiciona ao post. Leia mais sobre esta lógica aqui.

Temas NPF e do Tumblr

A exibição dos posts NPF pode ser um pouco diferente dos posts herdados. Para reduzir o impacto nos temas dos blogs, criamos o botão que permite habilitar e desabilitar a opção "Usar novos tipos de post".

Esse botão adiciona um patch CSS simples ao tema do seu blog para melhorar a forma como os posts NPF são exibidos. Por padrão, ele está ativado para todos, mas você pode desativá-lo no Painel "Editar tema".

Documentação

Para mais informações sobre o processo de criação do NPF, confira nosso post no blog dos desenvolvedores do Tumblr. As especificações completas podem ser encontradas no Github.