ブログをWordpressからSTUDIOへ移行しました

kunugi designのブログを2011年からWordpressで運用していました。約13年！
その間に2、3回ほどオリジナルテーマでリニューアルしました。
当初はクラッシクエディタでPCのみのデザインでしたが、レスポンシブになり、ブロックエディタに。
そのうち記事の更新が減ってきたのですが、セキュリティ的には放置できず、テーマのプラグインの更新は必要だし、Wordpressはメンテナンスが面倒だなあと思うようになりました。

そこで思い切ってSTUDIOに移行することにしました！

元々、アクセスは多くなかったのでSEOにもこだわりがなく、記事件数も大幅に増えることは無さそうなので、無料プランで公開しております。

WordpressのデータをSTUDIOへインポート

インポート自体はびっくりするぐらい短時間で完了しました！

その後、11年も運用していたので、もういらない記事を削除したり、Wordpressのプラグインから書き出されたHTMLを削除したり、全体的に記事を見直しました。

また、タグは煩雑に感じたので全て削除して、カテゴリのみにしました。

プレビューしたときにURLの中に"wp-…"という記述があって、なんでだろう？と思っていたのですが、おそらくインポートした際に読み込んだデータによるものだと思います。
不要な記述を削除して設定を変更していると何故かカテゴリが反映しなくなったり…。
デザインよりも設定の調整の方が時間がかかったように感じます。

デザインからSTUDIOに実装

Photoshopでさくっとトップページのファーストビューだけデザインし、それから実装しました。

フォントはSTUDIOで選択できる「CINZEL」と、kunugi designの本家サイトでも使用している「A1明朝」を使用しました。

テンプレートに使用した画像データは、背景の葉っぱとサブタイトル部分だけ。
CMSの下層ページは、ごくごくシンプルなレイアウトで良かったので、直接STUDIO上でデザインしました。

Wordpressでオリジナルテーマを作ろうとすると、デザイン→HTMLコーディング→phpテンプレート化→Wordpressインストール…と複数の工程がありますが、今回のSTUDIOへのリニューアルではかなり工数が抑えられたと感じます。

Xのシェアボタンの設置方法

CMS記事の下部にXのシェアボタンを設置しようと思いまして検索したところ、公式のヘルプを見つけました。

X（Twitter）シェアボタンの設置方法

固定ページなら上記方法で良いのですが、CMS内のページはurlやタイトルは動的に読み込みたいので、CMSプロパティを挿入する必要がありました。

この記事をシェアする-ボタンの設置方法

上記の記事ではイマイチわかりにくかったのですが、リンクURLの入力欄の右横にある＋ボタンを押すと、「CMSプロパティから選択」し、[$url]と[Title]を挿入できるようになりました！
それがわかるまで少し時間がかかってしまったので、メモしておきます！
できれば各種シェアボタンはデフォルトで搭載されると嬉しいですね！

不具合かも？無料プランなので問い合わせできず→後日いつの間にか改善！

STUDIOではCMS内の検索ページをワンクリックで簡単に作ることができます。
ですが、作成してから数日間、なぜか検索機能が動きませんでした。
初心者なので全ての機能を網羅しておらず、不具合かどうかの判断が難しかったです。

チャットサポートは有料プランのみなので問い合わせができません。
解決策がわからず、Studioコミュニティで質問してみました。

https://community-ja.studio.design/c/cms-2b1794/cms-47e346

こちらで不具合では？というコメントを頂いて、チャットサービスの「不具合を報告する（送信専用）」より問い合わせてみましたが、特に返信はなく…。
数日経過した後に試してみると、なんと改善しておりました！
他の方でも再現したと伺っていたので、何らかのご対応があったのかもしれません。

やはりこういう面でも、お仕事でSTUDIO制作をお請けする際は有料プランが良さそうだなと感じました。

WordpressからSTUDIO無料プランに変更してできなくなったこと

Googleアナリティクスやサーチコンソールの設定ができない

一応、無料プランでもダッシュボードでPV数は確認することができます。
元々アクセスも少なかったので、それでいいかな〜と思っていたのですが、やっぱりどのページが読まれているのかぐらいは把握できたら嬉しいなあと思いました。

サーチコンソールが使えたら記事をインデックスするように申請できますが、STUDIO無料プランの場合はGoogleサイトマップや、Xなどの外部リンクからの自然なインデックスを待つしか無さそうです。（Googleサイトマップは無料プランでも生成できます）

Googleアドセンスなどのアフィリエイトには不向き？

以前のWordpressには、テーマにGoogleアドセンス、記事によっては楽天・Amazon・Yahoo!ショッピングのアフィリエイトを設置していました。
できればSTUDIOにもRinkerやPochippのようにアフィリエイトを簡単に挿入できる機能があればいいのにな〜と思います！

有料プランだとGoogleアドセンスは設置できるのでしょうか？
検索したけれどわかりやすい情報が見つかりませんでした。

CMSの項目を上下に移動できない

ブログを書く時は、最初に構成を考えずに思いつくまま書き進めております。
そのため、Wordpressでは上下ボタンで見出し・本文などの位置を入れ替えることがよくありました。
STUDIOでは移動ができないようなので、少し不便に感じました。

まとめ

いろいとSTUDIOは無料プランでもこれだけの機能が使えて、しかも広告バナーも目立たないし、本当にありがたいです。
反面、やはりサポートの有無などを考えると、商用で使うには有料プランが無難かなあとも感じました。
kunugi design本体のサイトも、次回はSTUDIOで構築したいと思います！