今まで、WordpressテーマのSimplycity２を使わせて頂いていましたが、今回、多機能でSEOに定評のある、Affinger5へ移行しました。
移行に当たって、最初は簡単に移行できるとたかをくくていましたが、一筋縄では行きませんでした。
また、Affinger5の公式マニュアルにも移行についての情報が見当たらずネット上でもAffinger4からの移行記事しかありませんでした。 この移行に当たって行ったこと等をブログします。
目 次
Affinger5へ移行した理由
- Simplycity２は大変使い勝手も良い素晴らしいテーマですが、フリーであるがために問い合わせなど、気を使う必要があること
- Affinger5をググると、SEO的に優れて、光るボタンなどがあり、デザインカスタマイズに魅力を感じたこと
- Simplycity２はシンプルが売りですが、デザイン的にマンネリ化してきたこと
ただ、多機能であるがゆえにに、ネットスピードが今より遅くなるのでは無いかと少々心配でした。
移行アクション−１ 「Theme Test Drive」は使えるか？
テーマの移行は、ネットをググるとテーマを非公開でこっそり編集できる「Theme Test Drive」が良さそうでした。
本当に使えるか、事前に、ローカルPC環境で確認しました。
当ローカルでは、既にMAMPを利用したSimplicity2がインストールして記事も存在していましたので、Affinger5テーマを追加インストールした後、「Theme Test Drive」プラグインをインストールしました。
ここで、表テーマはSimplicity2、裏テーマはAffinger5にしておきます。
結果！
「Theme Test Drive」は使えるか？
裏テーマである「Affinger5」を編集すると、どういう訳か、おもて（＝ネットの公開中と等価）の「Simplicity2」も影響を受け残念ながらNGと判断し、「Theme Test Drive」プラグインの使用は断念する結果になりました。
移行アクション−２（ローカル環境にAffinger5をインストール）
サイト上で「Theme Test Drive」プラグインが使えないことが判ったので、ローカル側のWordpressにサイトのSimplycity２をまるごとインポート（移行）して、そこに「Affinger5」をインストールすることにしました。
このために、「All-in-One WP Migration」プラグインを使います。
このプラグインをサイト側とローカル側に夫々インストールしてサイトデータの移行が簡単に行えます。
ただし、このプラグインには容量の転送制限があり、512MB以上のインポートは有料（６９＄）が必要です。
69$に少々躊躇しましたが、今後サイトのバックアップにも使えそうなので、クレジットカードで購入しました。 購入後すぐに、容量制限が外れ、インポートに「Maximum upload file size: Unlimited」が表示されました。
「Affinger5」をインストール
Simplycity２のローカルへまるごと移行が完了したら、「Affinger5」をインストールして、各種設定を行います。
設定は、「Affinger5」公式マニュアルやネットを参考にしました。 ただ、「Affinger5」公式マニュアルは、イマイチ分かり難いのが難ですね。
置換ツールプラグイン「Search Regex」プラグインのインストール
Simplycity２で使用していたCSSのクラスなどを変更するために、置換ツールプラグインの「Search Regex」を使い置換を行いました。
ポイント
「Search Regex」プラグインの置換作業の例
<div class="waku_h2">＊＊</div>のタグを<h4>＊＊</h4>に変更する場合、正規表現が使えます。
この場合は以下の様にすると、全ページの記事が一発で置換できます。
Wordpressの「ツール」＞Search Regexを選んで、以下を入力
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
Search patternに |<div class="waku_h2">(.*)</div>|
Replace patternに <h4>$1</h4>
Regexにレ点
ローカル「Affinger5」のテーマ移行に目鼻がついたら、「All-in-One WP Migration」を使って、今度は、ローカルからWebサイトへエクスポートして移行を決行します。（サイトは「Affinger5」で公開されます）
サイトで「Affinger5」での修正ポイント
記事等のドメインの置換
ポイント
「Affinger5」に移行したWebサイトの記事のリンク先等をを見ると、http://192.168.11.9:8888/wp/になっていて、ローカルドメインになっていました。 そのためWebサイトのドメインhttps://pianoforte32.com/に変更ます。
これも、「Search Regex」プラグインを利用して以下の様に置換する必要がありました。
ドメインを置換しても、フォルダー名などの変更も必要で、Simplycity２のブログカードも記事IDへ変更する必要があります。
その他、注意すべきポイント
- 当サイトは、ロリポップサーバーを使っています。 Affinger5管理でフォントサイズ変更やアドセンスのコードなどコアな設定は、ロリポップサーバーのセキュリティーのWAFを都度、無効にしないと４０３エラーが生じます。
- Autoptimize（プラグイン）などで、キャッシュを削除しないと変更が反映されない時があります。
- 何らかの拍子で、Affinger5管理が動作不能になり、「管理リセット」を実行して復旧しました。 設定した全データが消えて、一から設定する必要がありますので、設定項目は何かにメモっておくことが必要です。
テーマ移行・顛末（まとめ）
移行に使った三種の神器
移行の必須ツールは以下の３つ！
- ローカルでWordpressを動かすMAMPの設置（Appleの場合）
- サイト移行ツールの「All-in-One WP Migration」プラグイン
- 置換ツールの「Search Regex」プラグイン
費用対効果はいかに
Affinger5（14,800円）を入れて費用対効果はいかに（導入後１週間の感想）
- 心配したネットスピードは、体感的にSimplycity２とほぼ同等かそれ以上でした。
- PV数は横ばいか＋α
- Googleアドセンスのクリック数は微増ながら、クリック単価が下がってしまいました。
- 豊富なパーツがショートコード形式で投稿作業ができるので、Simplycity２より効率が上がりました。
以上の様に、まだ一週間で費用対効果はイマイチの状況ですが、デザインは中々満足の行くものと感じています。
以上、事程左様に、テーマの移行はつくづく容易でないなーと感じた次第です。
Affinger5
Affinger5でちょっと遊んでみました。（番外編）
画像のアニメーション
”ビジュアルエディター画面”
画像を選択して、
スタイル＞アニメーション＞拡大（ゆれ）を選ぶと、画像が拡大して揺れます。
文字のアニメーション
文字を選択して、
スタイル＞アニメーション＞バウンドを選ぶと、文字が上下動します。
あいうえお かきくけこ さしすせそ
実用的なタブ機能
当ブログは、MP3プレーヤとハイレゾファイルのダウンロードを頻繁に表示しています。 そんな時に、このタブ機能は使えますね！
グラモフォンLPレコード
1962年録音盤
カラヤン指揮 ベルリン・フィル
Beethoven 第９番 第２楽章
このタブ機能は、ページに１回しか使えません。 実際に２つ配置してみたら、タブがクリックできず不具合が発生しますので、注意を要します！
|
MP3 48khz 320kbps |
FLAC 24bit 192khz
ファイルの
DLは、このボタンをクリック
カテゴリーのスライドショー
同じカテゴリの記事