HPリニューアル～Wixからワードプレスへサイト移行しました
これまでサロンのホームページはWixを使っていましたが、このWix…実はとっても使いにくくて不便でした。
そもそも最初の時点でどうしてWixにしたのかというと、サロンの立ち上げだけでも手続きやら備品の購入やら何やらてんてこ舞いで、一からワードプレスサイトを作っている暇がなかったのです。
なので、Wixならパワポ感覚で直感的に操作できるし、ワードプレスより時短になるかなと思って選んだのですが――いざ使ってみると、重いし画面がズレたり頻繁にエラーが出たりで結構使いにくかったりして💧
そこで今回、ホームページのリニューアルを機に、Wixからワードプレスサイトへ移行することにしたのです。
新しく発売された有料テーマ「OLTANA」が見栄え良き！
ワードプレスでは主に有料テーマの「JIN」を好んで使っていたのですが、今回そのJIN運営チームから新しいワードプレステーマが発売されたというメールを受け取りました。
見てみると、かなり本格的なホームページが作れそうなデザインです。
しかも初心者向けで簡単に操作ができるテーマとのこと。
おお！それはありがたいですねー。
私はただ自分が運営するサロンのホームページが欲しいだけであって、サイトのデザインをしたいという訳ではありませんから（笑）
――という訳で、こちらを購入することに。
で、それからはひたすら作業、作業の日々でした。
Wixには丸ごとエクスポートできるような機能はないので、全て手作業でワードプレスサイトにページを移し替えました。
簡単ということは「ある程度パターン化している」ということでもあり、どうしてもテーマの仕様に合わせにくい項目もありましたが、工夫してどうにかページに収めることができました。
上に戻るボタンがないなど細かい点についてはやや不満もありますが、自分でボタンを実装できるほどの知識はないので、一応これで良しとしておきます。
ドメイン移管？それとも別ドメインにリダイレクト？
さて、もう一つの問題は、ドメインをどうするかということでした。
Wixで使っていた独自ドメインをそのままドメイン移管すれば サイトのURLは変わらずに済むのですが、サイトが停止する期間が一週間近くも発生してしまうのが大きな障壁でした。
なので、URLは変わってしまうけど、別ドメインで新しくサイトを作ってリダイレクトをかけることにしました。
といっても元々サロンのブログはワードプレスで運営していたので、そのドメインを使って「ホームページとブログを一本化する」ということです。
301リダイレクトをかければ、旧URLにアクセスしてきたユーザーを自動的に新URLへ転送できるし、今までのサイトのSEO評価を引き継げます。
ところがこれ、やってみると一筋縄ではいかなかった……。
▼ Wixのリダイレクトのやり方はこちらの記事に詳しく書かれています！
実は私もこのリダイレクトマネージャーを使ってリダイレクトをかけてみたのですが、うまくリダイレクトされるページとされないページが混在してしまったのです。
なぜ転送されるものとされないものがあるのか、いくら調べても分からない。もう時間のムダだと思ったので、次なる手段「Dev Mode（開発モード）」でコード入力して転送させることにしました。
開発モードでコード入力も四苦八苦
▼ コードの書き方はこちらのブログを参考にしました。
でも、私が自分の開発モード画面を開いてみると、上記のサイトにある情報とは様子が違っていたので少々戸惑いました。
ネット上で見かける他のどのサイトを調べても、コードはこんな感じ↓で載っているのに、私の画面はなぜか日本語だったのです。
// API Reference: https://www.wix.com/velo/reference/api-overview/introduction
// “Hello, World!” Example: https://learn-code.wix.com/en/article/1-hello-world
$w.onReady(function () {
// Write your JavaScript here
// To select an element by ID use: $w('#elementID')
// Click 'Preview' to run your code
});
// API Reference: https://www.wix.com/velo/reference/api-overview/introduction
// “Hello, World!” Example: https://learn-code.wix.com/en/article/1-hello-world
import wixLocation from 'wix-location';
$w.onReady(function () {
wixLocation.to("リダイレクト先ＵＲＬ");
})
結局、例文がそのまま使えないため、どこを消してどこを書き加えたらいいのか分からず四苦八苦しましたが、
とりあえず日本語で書かれてあるものの下に「そのままコードの下半分（import wixLocation より下の部分）を付け加える」ことで転送できました。
JavaScript……よく分からない……(:_;)
そんな訳で、ようやくホームページ完成です！
▼ こちらが旧ホームページ。二秒ほどで新サイトに転送されます。
▼ そしてこちらが新ホームページ。
URLが変わったことでチラシやら名刺やら諸々作り直さなきゃならないんですが、幸い旧ドメインは更新したばかりで、あと10か月くらいは有効期限内です。
なので転送されているうちに既存のお客様のブックマーク変更も完了するだろうし、これから配布するものは時間的に余裕があるのでゆっくり進めていこうと思います。
そんな訳で、簡単な備忘録でした。
いいなと思ったら応援しよう！
