Como personalizar páginas de erro "404 Page Not Found" (Tumblr)

(Última atualização em 21/04/2019) - (English version of this tutorial here!)

Já fazia um tempo que eu vinha procurando uma forma de personalizar páginas de erro em temas para o Tumblr. Encontrei alguns tutoriais sobre o assunto, mas nenhum deles funcionava para todo tipo de blog, funcionavam apenas para blogs de um determinado idioma (já que o código selecionava a página baseando-se na frase de erro que ela mostra e essa frase muda de acordo com o idioma do blog, tornando impossível para o script encontra-la em blogs que estejam em outros idiomas).

Até que um dia, enquanto estudava JQuery (meus agradecimentos ao W3Schools), eu encontrei um método que poderia funcionar para qualquer blog no Tumblr, pois ele seleciona a página baseando-se em seu status (se é uma página de erro ou não). Eu testei e ele funcionou! 🙌 Então, para quem estiver interessado(a), aqui está o meu tutorial sobre como customizar "páginas não encontradas" no Tumblr utilizando Ajax.

How to select which posts to show in your fisrt page (Tumblr)

(Last updated in 15/04/2019) - (Versão em Português deste tutorial aqui!)

If, like me, you like your blog to look organized, but at the same time like to reblog a little bit of everything and it ends up messing with the appearance of your blog, you must have already thought "how good it would be if I could hide posts that I reblogged because I liked, but that don't match the aesthetic of my theme very well"... Another similar situation would be if you'd like to hide reblogged posts and show only your original posts in the first page.

Well, that would be possible to do using two different logics based in the use of tags. Let's say that you tagged some of your posts with "#photo", you could make your theme:

• Method 1) Show only the posts that contain the tag "#photo";
• Method 2) Or, show all posts, except fot the ones that contain the tag "#photo".

I've tried a couple times to use the method 2, but, unfortunately, I still can't make a script that execute this function without messing up with the entire theme. So, for now, the only available option that I know is the method 1, and that's the one I'll be teaching you to use in this post.

How does it work?

You'll install a script in your theme that will make the first page of your blog redirect to a tag page of your choice (if you don't know how to use/access tags, read these articles); this way, when anybody open your blog, the first posts they will see will be the ones tagged with this specific tag.

Como selecionar quais posts mostrar na sua página inicial (Tumblr)

(Última atualização em 15/04/2019) - (English version for this post here!)

Se, assim como eu, você gosta de deixar seu blog bem organizado, mas ao mesmo tempo gosta de reblogar um pouco de tudo e isso acaba bagunçando a aparência do seu blog, você já deve ter pensado "como seria bom poder esconder, no meu tema, posts que rebloguei porque gostei mas que não combinam com a estética do meu blog...". Outra situação parecida seria se você quer esconder posts reblogados e mostrar apenas os seus posts originais na primeira página do seu blog.

Bom, seria possível fazer isso utilizando duas lógicas diferentes baseando-se no uso de tags. Vamos supor que você marcou alguns posts do seu blog com uma tag "#foto", você poderia fazer o seu tema:

• Método 1) Mostrar somente os posts que contém a tag "#foto";
• Método 2) Ou, mostrar todos os posts, exceto os que contém a tag "#foto".

Eu tentei algumas vezes utilizar o método 2, mas, infelizmente ainda não consegui fazer um script que execute essa função sem acabar bagunçando o tema todo. Então por enquanto a única opção disponível que eu conheço é o método 1, e esse é o método que eu estarei ensinando a usar neste post.

Como funciona?

Você instala um script no seu tema que faz a primeira página do seu blog redirecionar para a página de uma tag de sua escolha (se você não sabe como usar/acessar tags, leia este tutorial); dessa forma, ao abrir o seu blog, os primeiros posts a serem mostrados serão os posts marcados com essa determinada tag.

How to organize Tumblr's captions (without scripts)

Click here to see the example a little closer

⚠ Procurando por uma tradução em Português deste tutorial? Clique aqui! ⚠

In this tutorial I will be showing you how to organize the captions (comments) of the posts on Tumblr without needing to use any script.

I found this method in the "Undocumented Documentation" that @bychloethemes did, where she shows some blocks and variables that are not yet registered on the official Tumblr documentation. In her documentation she talks about this method in a brief way, so if you rather a brief explanation you can go check her page. But if you want a little more details about it, then you can keep on reading my tutorial.

Como organizar os captions do Tumblr (sem scripts)

Clique aqui para ver o exemplo mais de perto

⚠ Searching for an English translation for this tutorial? Click here! ⚠

Neste tutorial eu estarei mostrando como organizar os captions (comentários) dos posts do Tumblr sem precisar de nenhum script.

Eu encontrei esse método na "Documentação não documentada" que a @bychloethemes fez, onde ela apresenta algumas variáveis do Tumblr que ainda não estão registradas na documentação oficial da plataforma. Lá ela fala, de forma breve, sobre esses códigos que eu estarei mostrando aqui no tutorial. Porém a documentação dela está toda em inglês, então para quem precisa de uma tradução para o português, aqui está a minha explicação.

Mas, antes de começar, já vou avisando que eu não me aprofundarei muito em explicações neste tutorial, então ele pode ficar um pouco confuso para quem não tem muita experiência com códigos. Já que a forma como os códigos estão organizados em um tema pode variar dependendo do tema, eu não tenho como prever de que jeito você encontrará os códigos no HTML do tema que você usa. Portanto esse tutorial é mais recomendado para quem já tem experiência com HTML e com as variáveis do Tumblr.