Contente
Este artigo apareceu pela primeira vez na edição 213 da revista .net - a revista mais vendida do mundo para web designers e desenvolvedores.
Quantas vezes você disse: “Este é o ano em que finalmente vou começar um blog”? Como muitos, você começa o longo e difícil processo de projetar um site para o cliente mais difícil - você mesmo - apenas para vê-lo passar para o segundo plano sempre que clientes reais e pagantes atrapalham.
Depois de definir o design, o processo de construção e desenvolvimento do seu blog começa. Depois de semanas (ou meses), finalmente é hora de apertar o botão de lançamento. Em algum lugar entre seu quarto e quinto post perspicaz e brilhante, você se dá conta ... Manter este blog atualizado vai exigir uma enorme quantidade de trabalho.
Pessoalmente, eu me encontrei preso naquele ciclo exato mais de uma vez ao longo dos anos. No início de 2009, percebi que precisava repensar exatamente o que estava tentando realizar com um blog pessoal. A ideia de escrever longos posts algumas vezes por semana parece incrível, mas para mim simplesmente não era realista. Eu já estava tweetando, mas o que realmente precisava era a capacidade de compartilhar um pouco mais com postagens curtas, diretas e objetivas. Minha busca pela simplicidade me levou diretamente ao Tumblr.
Começando
Em 6 de abril de 2009, me inscrevi para uma conta e comecei a postar. Usando o Tumblr's Theme Garden, escolhi um tema básico com o qual sabia que poderia viver enquanto testava o Tumblr. A simplicidade da plataforma também significa que eu não preciso me preocupar em instalar o software de blog em meu servidor. Eu coloco todos os meus esforços na curadoria de conteúdo sobre design, cultura, tecnologia e negócios, juntamente com meus pensamentos e opiniões pessoais.
Quase dois anos depois, consegui manter um blog no Tumblr com cerca de 600 postagens em meu site www.jonathanmoore.com: uma média de 0,85 postagens por dia. Hoje percebi que a simplicidade é o que me ajudou a manter a consistência com as postagens, mas a rede de pessoas no Tumblr é o que me mantém animado com a plataforma. O Tumblr simplifica o blog típico, tornando o blog muito mais fácil. Milhões de pessoas em todo o mundo estão compartilhando coisas que fazem, amam, encontram e criam.
No centro do Tumblr estão oito tipos de postagem - texto, foto, citação, link, bate-papo, áudio, vídeo e perguntas respondidas - que você pode publicar no painel. Isso torna o compartilhamento de qualquer coisa que você encontrar ou criar ridiculamente fácil. Se você estiver postando um vídeo, o próprio vídeo é o assunto principal e, em seguida, você pode adicionar uma legenda opcional para fornecer contexto, informações ou detalhes sobre ele. O mesmo se aplica a outros tipos de postagem, com exceção de postagens de texto, que permitem criar postagens de blog mais típicas com uma combinação de texto, imagens e vídeo em uma única postagem.
O Tumblr não apenas simplifica os tipos de postagem, mas também oferece uma ampla variedade de maneiras de postar em seu blog. Pessoalmente, costumo usar o Dashboard na maioria das vezes, mas existem várias outras maneiras de postar conteúdo em seu blog.
- Bookmarklet, que permite postar diretamente de seu navegador enquanto navega na web
- Aplicativos móveis para iPhone, BlackBerry e Android
- Publicação de e-mail sofisticada para postar texto, fotos, MP3s ou vídeos diretamente de seu celular ou por e-mail
- Postagens de áudio de chamada com um número gratuito
- Muitos outros aplicativos de terceiros (www.tumblr.com/docs/en/apps)
Para obter mais detalhes sobre as várias maneiras de postar no Tumblr, consulte www.tumblr.com/goodies.
A comunidade
Claro, você poderia usar o Tumblr simplesmente como uma forma de atualizar seu blog, mas você estaria perdendo a rica e fascinante comunidade do Tumblr. A verdadeira diversão começa quando você segue um punhado de pessoas interessantes, inspiradoras e com ideias semelhantes. E, uma vez que seu blog tenha conquistado uma base decente de seguidores, é incrível ver como uma postagem pode se espalhar rapidamente pela plataforma, com curtidas e blogs.
Além de seguir pessoas conhecidas no Tumblr, o diretório integrado é uma ótima maneira de descobrir novas pessoas na plataforma. O diretório é dividido em quase 50 categorias, cobrindo uma ampla gama de assuntos, incluindo designers, desenvolvedores, empreendedores, startups, arquitetura, organizações sem fins lucrativos e viagens. Passe uma ou duas horas navegando em blogs recomendados pela comunidade e logo você terá um excelente grupo de sites para seguir como ponto de partida.
O Tumblr construiu várias maneiras de recompensar as pessoas que postam conteúdo original, inspirador, criativo e interessante em seus blogs. O mais aparente seria curtir e compartilhar. Na parte superior de cada página de link permanente do blog e no painel, você encontrará um ícone de coração para "curtir" a postagem. Se você encontrar uma postagem que acha que vale a pena ser compartilhada ou se quiser adicionar suas próprias opiniões a ela, você pode bloquear a postagem em seu próprio blog. Reblogar é a maneira pela qual uma ideia ou post meme se espalha rapidamente por uma rede de milhares de blogs.
Tornando-se móvel
Mais rápido do que percebemos, as pessoas estão começando a abandonar seus laptops em favor de dispositivos móveis, então o Tumblr criou aplicativos móveis e layouts de blog otimizados para dispositivos móveis. Os aplicativos para as plataformas iPhone, BlackBerry e Android permitem que você navegue em seu Painel e publique todos os tipos de postagem diretamente de seu telefone. Os aplicativos para iPhone e Android permitem que você acesse as opções de postagem avançadas do Tumblr - salvar como rascunho, adicionar à fila, publicar e URLs de postagem personalizada.
Envie suas postagens diretamente para o seu blog com a sofisticada publicação por e-mail do Tumblr. Vá para a página Goodies (tumblr.com/goodies) para descobrir o endereço de e-mail exclusivo do seu site.
Depois de clicar em enviar, o Tumblr detectará automaticamente o tipo de postagem que você está tentando criar e publicará em seu site. Se você quiser um pouco mais de controle sobre a formatação, o Tumblr tem suporte para sintaxe Markdown (daringfireball.net/projects/markdown/syntax).
Todos os seus blogs vêm com um layout móvel bonito e otimizado para iPhone, BlackBerry, Android e muito mais. Se o tema que você está usando funciona bem em navegadores de celular, você sempre pode desativar o layout otimizado no menu Personalizar. O Tumblr também oferece a capacidade de substituir o layout móvel padrão pelo seu próprio layout personalizado: consulte tumblr.com/docs/en/custom_themes#iphone-themes.
Temas
Com a dedicação do Tumblr em manter todos os tipos de postagem o mais simples possível, é incrivelmente fácil mudar o design do seu site. Você pode selecionar entre centenas de temas gratuitos e premium integrados ao Tumblr; como alternativa, o Tumblr oferece controle total para criar algo original.
Atualmente, existem quase 900 temas de alta qualidade no Theme Garden integrado do Tumblr (tumblr.com/themes). Conforme você navega pelos temas em destaque, premium, recentes e populares, você pode visualizar cada um para ter uma ideia de como ficaria em seu site. Depois de encontrar um que funcione para você, com apenas um clique, você pode instalar o tema em qualquer um dos seus sites do Tumblr.
A maioria desses temas é totalmente grátis para usar e personalizar, mas alguns têm um custo extra, custando US $ 9, US $ 19 ou US $ 49 (tumblr.com/themes/premium). Você descobrirá que a maioria dos temas premium tem designs de alta qualidade, todos os recursos do Tumblr são cobertos, dezenas de opções de personalização e suporte para tradução de idiomas para inglês, francês, alemão, italiano e japonês. Além disso, a maioria dos designers de temas premium oferece um suporte incrível para cada um de seus temas.
Fora do Theme Garden oficial do Tumblr, empresas que tradicionalmente se concentraram em temas do WordPress agora estão oferecendo versões do Tumblr, incluindo The Theme Foundry (thethemefoundry.com) e Obox (obox-design.com). Em muitos casos, eles oferecem brindes adicionais com sua compra, como arquivos PSD para download e acesso a outros temas. Embora os temas externos não ofereçam instalações com um clique, adicionar o tema ao seu site é tão simples quanto colar o HTML do tema no menu Personalizar do Tumblr.
Personalizando seu site
O Tumblr tem um menu Personalizar incrivelmente útil integrado, que permite personalizar, ampliar e controlar uma série de recursos para cada um dos seus sites. Vejamos algumas das opções disponíveis nos sete menus Personalizar:
- Informações Defina o título do seu site, adicione uma descrição em HTML, envie um retrato ou ícone e defina o URL do Tumblr, incluindo a opção de adicionar seu próprio nome de domínio personalizado.
- Tema Visualize, instale e, em alguns casos, compre um dos temas premium ou destacados do Tumblr. Além disso, você pode clicar no botão Usar HTML personalizado para modificar o HTML de seu tema existente ou colar em seu próprio HTML de tema personalizado.
- Aparência Se o seu tema suportar opções de aparência, você encontrará uma série de seletores de cores, botões de upload de imagem, opções para ativar e campos de texto para personalizar a aparência do seu tema. Muitos dos temas premium do Tumblr oferecem várias dezenas de opções que permitem modificar as cores do tema, fazer upload de imagens de cabeçalho, alterar o layout do site e integrar opções de terceiros, como Google Analytics, comentários do Disqus e feeds de imagens do Flickr colando em seu IDs.
- Páginas Adicione outras páginas estáticas ao seu site que sejam perfeitas para biografias, informações de contato e detalhes do site. Além disso, você pode redirecionar páginas que o levam a links externos ou, muitas vezes, a pseudocategorias, vinculando a um URL de tag em seu site.
- Serviços Conecte seu site Tumblr com o Facebook e adicione perfeitamente suas postagens ao feed de notícias do Facebook. Autorize o Tumblr a enviar automaticamente suas postagens ao Twitter e usar o Feedburner para o feed RSS do seu site.O Tumblr também oferece a opção de importar feeds RSS automaticamente, atualizações no Twitter, postagens de blog fora do Tumblr, uploads do YouTube e Vimeo e outros como postagens para o seu site Tumblr.
- Comunidade Permita que as pessoas respondam às suas postagens, façam perguntas e enviem qualquer tipo de postagem que seja adicionado à sua fila de envio para aprovação.
- Avançado Defina o seu tema e idioma do painel para inglês, francês, alemão, italiano ou japonês, adicione CSS personalizado para substituir qualquer uma das propriedades CSS do tema, determine o número de postagens que são exibidas por página e muitas outras opções.
Temas personalizados
O mesmo foco na simplicidade e estrutura que o Tumblr fornece para postagem e compartilhamento continua com a ferramenta para criar seu próprio tema personalizado. Contanto que você se sinta confortável com HTML e CSS, deverá ser capaz de dar vida ao seu design em tempo recorde. O sistema de temas do Tumblr se baseia em variáveis e blocos de chaves que permitem que você insira praticamente todos os tipos de post e dados do site, com desenvolvimento de back-end zero.
Ao criar um novo tema do Tumblr, é sempre mais fácil construir seu design com HTML e CSS simples e diretos que cobrem os oito principais tipos de postagem - texto, foto, citação, link, bate-papo, áudio, vídeo e resposta - e todos os outros vários elementos do Tumblr, como tags de postagem, datas, notas e paginação. Depois de ter uma construção HTML estática completa do seu site, você pode começar a parte divertida de inserir as variáveis do tema. Variáveis (em negrito) são usadas para inserir dados dinâmicos em seu tema.
html lang = "en"> head> title> {Title} / title> meta name = "description" content = "{MetaDescription}" /> link rel = "shortcut icon" href = "{Favicon}" /> link rel = "apple-touch-icon" href = "{PortraitURL-128}" /> link rel = "alternate" type = "application / rss + xml" title = "RSS" href = "{RSS}" /> / head > body> {block: Posts} section>! - Todos os tipos de post são adicionados dentro do bloco Posts -> / section> block: Posts} / body> / html>
Blocos
Além das variáveis de tema, o Tumblr usa um sistema de blocos para renderizar blocos de HTML relacionados a um conjunto específico de dados, como postagens, tipos de postagens, tags e paginação.
Os blocos são usados como elementos condicionais que são renderizados apenas se o tipo de dados existir - {block: HasTags} - ou eles servem como um loop que renderiza HTML para cada um dos elementos dentro do bloco: {block: Tags}.
{block: HasTags} ul> {block: Tags} li> a href = "{TagURL}"> {Tag} / a> / li> {/ block: Tags} / ul> {/ block: HasTags}
Aqui estão exemplos de texto básico e estruturas de postagem de fotos que você pode usar para criar seu modelo. (Observe que estou usando os novos elementos HTML5 que tornam o HTML muito mais fácil de ler e atributos de dados que podem ser usados como ganchos para manipulação de jQuery / JavaScript do tema de sua escolha.)
Texto:
{block: Text} artigo>! - O bloco de título de postagem de texto opcional será renderizado se houver um título -> {block: Title} header> h2> a href = "{Permalink}"> {Title} / a> / h2> / header> {/ block: Title} seção> {Body} / section> {/ block: Text}
Foto:
{block: Photo} article> header>! - Envolva a imagem com os atributos alt e highres em variáveis para renderizar um link para a página da postagem -> {LinkOpenTag} img src = "{PhotoURL-500}" alt = "{ PhotoAlt} "data-highres =" {PhotoURL- HighRes} "/> {LinkCloseTag} / header>! - Se uma legenda de postagem existir, o bloco de legenda será renderizado -> seção {block: Caption}> {Caption} / seção> {/ bloco: Legenda} {/ bloco: Foto}
Fique atualizado sobre todos os outros tipos de blocos, variáveis e dados para criar algo ótimo para o seu blog clicando aqui: tumblr.com/docs/en/custom_themes.
Confira os 40 melhores blogs do Tumblr para designers em nosso site irmão Creative Bloq.
