Mobile app version of vmapp.org
Login or Join
Ravi8258870

: Hosting blogs in tumblr and redirecting custom page I've a blog hosted at tumblr (own domain). Before that, I was hosting my blog using wordpress. When I was using wordpress, my permalink is

@Ravi8258870

Posted in: #Tumblr #WebHosting #Wordpress

I've a blog hosted at tumblr (own domain).

Before that, I was hosting my blog using wordpress. When I was using wordpress, my permalink is like <domain>/<year>/<month>/<date>/<article name>, but after shifting to tumblr, the permalinks are now different.

So when people visit the old link, I want to make a 301 redirect; or at least prepare a custom page to inform them that the site has been changed.

How do I do that??

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Ravi8258870

1 Comments

Sorted by latest first Latest Oldest Best

 

@Sent6035632

You can create 301 redirects in tumblr using the 'Redirect' page type:


Click the settings cog in your tumblr Dashboard.
Click the 'Customize your blog' button.
Click the 'Pages' header.
Choose the 'Add a page' link.
Choose 'Redirect' from the 'Page Type' drop down.
Put your old WordPress URL in the "Page URL" field.
Put the new tumblr URL in the "Redirect to" field.
Click the "Create page" button.




Requests for the old WordPress page will now result in a 301 (moved permanently) redirect to the new tumblr page. Note that every page has to be redirected manually. There's no wildcard system to create rules to handle mass forwarding, unfortunately.

There's also no dependable way to style 404 (not found) pages with tumblr's existing template code, so any pages you don't redirect will lead users to a dead end devoid of helpful suggestions or search boxes, like this one:



A possible workaround to improve usability and reduce bounce rate might be to edit your theme's template code and use jQuery to detect the title "Not found", and inject a more helpful error message into the post body below. How you do this depends on the theme in question, but it might look something like this:

HTML

<div class="text-post">
<h2>Not Found</h2>
<p>The URL you requested could not be found.</p>
</div>


jQuery

var pageTitle = $('div.text-post h2').text();
if (pageTitle == "Not Found"){
$('div.text-post p').html('Your new helpful message goes here.')
}


LIVE DEMO HERE.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme