サイトのURLを変更したらログイン画面が見れなくなってしまいました

お世話になります。
この度、あるサイトのリニューアル作業をしていましてベーシック認証をかけてテスト環境として使っていた http://example.ne.jp/wp/ からリリースをするため　http://example.ne.jpにURLを変えたところログイン画面が見れなくなってしまいました。

各詳細情報は以下になります。
wordpress: 3.1.4
PHP: 5.1.6
MySQL: 5.0.45
テーマ: 自作

現在の状況に至るまでの経緯を書きますと。。

■http://example.ne.jp は最初drupalで運用されていました。
→ファイルは全てルートディレクトリ直下。
→URLが固定されていてどのページに行ってもアドレスバーに表示されるURLは常にwww.example.ne.jp でした。

■記事や内容の移行などは全く行わず、デザインも内容も新しいサイトをwordpressで構築することになりその作業を担当する事になりました。

■まず、http://example.ne.jp/wp/にベーシック認証をかけ、テスト環境としました。

■サイトができあがり、http://example.ne.jp/wp/　から　http://example.ne.jp　に移行する作業を以下のサイトを参考にしながら行いました。

http://suirakukai.com/wordpress/22/wordpress-change-in-directory/
http://wpdocs.sourceforge.jp/Giving_WordPress_Its_Own_Directory

■index.php と .htaccess ファイルはルートディレクトリにあったdrupalのものに上書きしました。

■http://example.ne.jpの表示を確認したところ問題なかったのですが、自作のサイトで設定した「ログイン」のリンク先が　404エラーになってしましました。
この部分のheader.phpファイル内の記述は以下のようになります。
<a href="<?php bloginfo('url'); ?>/wp-login.php">ログイン</a>

■さらに、urlを以下のように直接打ち込んでみました。
http://example.ne.jp/wp/wp-login.php
http://example.ne.jp/wp-login.php

その結果どちらも真っ白なページに以下のようにでてきました。
Not Found
The requested URL was not found on this server.

■解決策を探していて他のトピなどを見てwp-config.php内に以下のように記述してみました。

define('WP_SITEURL', 'http://www.example.ne.jp');
define('WP_HOME', 'http://www.example.ne.jp');

これで保存して http://www.example.ne.jp を見てみるとなぜかスタイルと画像が全く反映されていないテキストのみのページになっていました。

今回初めてwordpressでサイトを制作したので原因や解決策がさっぱりわかりません。
どなたかご教授いただけないでしょうか？
よろしくお願い致します。

また、今回データベースはdrupalの時に使用していたものと同じものを使用しています。
あとから気づいたのですが、このような場合、初めにバックアップをとっておくべきでしたでしょうか？　サイトの移行の際にデータベースに入っていた情報などが全て書き変わってしまうということなど起こりうるのでしょうか？

初心者な質問で申し訳ありませんがよろしくお願いします。