Web・コンピューター wordpress

Affinger4からAffinger5(WING)への移行方法 投稿画面「ビジュアル」に文章が出てこない不具合も解決!

投稿日:

 

WING Affinger5

当ブログにお越しいただき誠にありがとうございます。

当ブログは@Enjilog さんが開発したWordPressテーマを代々利用してきました。
StingerPlus、Affinger4、そして別ブログではStinger5、Stinger7も使用させていただいていました。

そして今年の2018年3月に新WordPressテーマWING(AFFINGER5版)が発売されました。

当初、最新版にアップデートする予定はありませんでした。
というのはブログでの不具合の心配と「カスタマイザー」がリセットされるということ。
万が一の不具合があった時のバックアップからの再設定が面倒だと思ったからです。

しかし移行作業がすぐに終わり、とても簡単だという噂を聞きつけAffinger4からAffinger5への移行を決意
簡単にデータ移行、アップロードできるかどうか実際に試したくなったわけです。

それではAffinger4からaffinger5への移行手順を紹介していきたいと思います。

用意するもの

必要なものは以下のものです。

WING(AFFINGER5版)

専用アップローダー(プラグイン)

Affinger5をまだ持っていない人は 購入してから上記のWING(AFFINGER5版)から購入できます。
プラグインをアップロードしてください。

WING(Affinger5)への移行手順

Affinger5を購入してからの手順になります。

まずプラグイン「専用アップローダー」をインストール。

Affinger5 WING対応 テーマアップローダー5

専用アップローダーをインストールして有効化します。

プラグインのインストール

Affinger5親テーマをアップロード。

Affinger5EX版

手順かこんな感じ

外観

テーマ

新規追加

テーマのアップロード

ファイルを選択

「ファイルを選択」をクリックしてAffinger5(WING)の親テーマをインストールします。

親テーマは有効化しません。

テーマのページに戻ります。

Affinger5子テーマを選択

Affinger5 子テーマ JET

子テーマはAffinger5 Jetを使用。

新規追加

テーマのアッロード

ファイルの選択

ダウンロードしたAffinger5の子テーマを選択してインストールします。

アップロードした子テーマを有効化。

ちなみに今回購入したAffinger5(WING)はAffinger5EX版。
通常版よりもお得なEX版です。

現在はもう発売されていないかもしれません。

専用アップローダー

Affinger5への移行後の必須事項

Affinger5への移行作業、テーマのインストールと有効化が終了した後に行わなければならないことがあります。
修正や必須事項について紹介します。

パーマリンク更新

パーマリンクの設定

パーマリンク設定を変更します。

「変更を保存」をクリックします。

どの項目を選んでいても「変更を保存」を押すことが大事なようです。

詳しくはこちらから。

カスタマイザーの再設定

CSS再設定

Affinget4のカスタマイズで設定した項目は引き継がれません。
再設定の必要があります。
CSSや吹き出し、背景色、デザイン、カラーなどの設定を行います。

テーマの編集で変更したコードを再入力。

phpコード再入力

テーマの編集で変更したコードも引き継がれません。

なのでこちらも元の場所からコードをあらかじめコピーしておいてAffinger5に移行後、コードをペーストすると便利。

移行プラグインもあるようなので調べてみてください。

注意点と実際に起こった不具合の解決方法

Affinger4からWING(Affinger5)への移行後、初投稿となります。
投稿する際に投稿画面に文字入力ができないという不具合に直面しました。

Affinger5投稿画面

ビジュアル画面の投稿入力画面は表示されますが、カーソルを合わせても文字入力ができません。
テキスト入力も同じ。

いろいろ調べてみましたが、対処方法は以下の通り。

  • キャッシュ削除
  • プラグインの停止

PCには一度閲覧したページを再度閲覧する際に素早くページが開く為にキャッシュというシステムが導入されています。
そのため古い情報でのページが開かれる事があります。
このキャッシュを削除して最新のページを開く事を「キャッシュクリア・スーパーリロード」と呼びます。

Safari
(Command)+(R) or (Command)+(Option)+(E)

もう一つはプラグインの干渉。

一度プラグインを全停止して一つずつプラグインによる不具合がないかチェックします。

上記2点を試しましたが改善されず。

WordPressテーマを最新版にアップロード

WordPress4.9.6 最新版

WordPressを最新版にアップロードすることにしてみました。

そうすることで問題が解決!!

WordPress4.9.6にアップロードすることで解決しました!

そのおかげでこの記事を書くことができました。

Affinger4からAffinger5に移行する際の注意点は以下のページで紹介されています。
Affinger5の総合マニュアル

まとめ

WING Affinger5番

Affinger4からAffinger5(WING)への移行作業は非常に簡単でした。

10〜15分程度で終了します。

カスタマイザーの再設定や「テーマの編集」のphpコードを使用したアドセンスの再設置など、しなければならないことがあるので単純な移行時間よりは手間がかかります。

それと心配していた投稿画面が動かないという不具合が発生してしまいました。

対処と解決までにはかなりの時間をかけてしまいました。

Affinger5「WING」に移行してアクセス数やユーザビリティなどはこれから検証していきます。
操作性の良さや表示スピードのアップなど期待しています。

当ブログのデザイン的なカスタマイズはこれからですが、カメラをテーマにしたブログにてAffinger5を利用させていただいています。

こちらのカスタマイズもまだまだですが、使いやすいことはすでに理解しています。

Affinger4からWINGへ移行したことでよかったこと、メリットなども紹介できたらと考えています。

とにかく不具合がなおってよかった!!

最後までお読みいただきまことにありがとうございました!

スポンサーズドリンク

-Web・コンピューター, wordpress
-, ,

Copyright© フィールドログ , 2018 All Rights Reserved.