monogrow|ときめくモノと共に暮らし成長する。

monogrow

AFFINGER

WordPressテーマ更新|AFFINGER5 EX WING ”JET”へ移行!

更新日:

 

当ブログのWordpressテーマは以前もご紹介したAFFINGER4 EX「JET」ですが、新バージョンAFFINGER5 EX WING 「JET」が発売されたので早速インストールしてみました。

機能については盛りだくさんで、これから色々触っていくのが楽しみでしようがありません!

2018/05/21

こちらの記事は、AFFINGER5 WING発売と同時にアップデートし、発生したエラーについてまとめた記事になります。

記載したエラー現象はアップデートで全て解決していますので、AFFINGER5 WINGについての情報は下記の記事を御覧ください。

WINGレビュー
AFFINGER5 WING 使用レビュー|更に使いやすく便利に!

\稼ぐためのWPテーマ!/AFFINGERを購入する 今話題のマイクロコピー付きボタンもワンクリック!   A ...

 

が‥、ヘッダー画像を挿入するとメニューが消えるなど多数問題が発生中。

2018/03/30 18:00現在 解決済!

メールで問い合わせたところ、JETの修正アップデートをしていただけました!
早々のご対応ありがとうございました。

 

3/29 AFFINGER5 WINGの修正アップデートが出ましたので、インストールしたところほとんどの問題が解決しました!

3/30 AFFINGER5 JETの修正アップデートが出ましたので、インストールしたところすべての問題が解決しました!

JETのWING対応版はβなので、私のような初心者が我先にと移行すべきではなかったのかもしれませんね‥。

現在もマニュアルを読みながら格闘中なんですが、備忘録として残しておきたいと思います。

AFFINGER5 WING ”JET” 移行前の準備

バックアップ

WINGはそれぞれAFFINGER4から拡張開発されたテーマのため、基本的なテーマ管理の設定はWINGインストール後に引き継がれるようです。

実際に移行後の管理画面をみたところ、ほとんど修正する箇所がないほどでした。

 

旧「AFFINGER4管理」画面のキャプチャ

念のために以前の設定を残しておきました。

AFFINGER4の管理画面は縦長のため、Chromeのデベロッパーツールから取るのが一番ラクだと思います。

備忘録|Chrome全画面キャプチャ[Mac]
「alt + command + i」でデベロッパーツールを表示させます
開いた画面の状態で、次に「shift + command + p」を押します。
メニューのような物が表示されるので、そこに「cap」と入力すると「Capture full size Screenshot」が表示されますので押すと、全画面キャプチャが取れます。

 

カスタマイザーのエクスポート

プラグイン「Customizer Export/Import」を使うことで、カスタマイザーの書き出しができます。

ですが今回新テーマへの移行でしたので、よく考えたら使えませんでした‥。

 

WING移行後|引き継がれる箇所と不具合[解決済]

旧テーマからの移行についても、ちゃんとマニュアルが準備されています。

マニュアル: http://affinger5.com/manual/post-10/

熟読して対応したつもりでしたが、現在問題が発生して困っている状態です‥。

 

ウィジェット

ウィジェットはそのまま引き継がれていたため、なにも修正する箇所はありませんでした。

カスタムHTMELで挿入しているアドセンス広告などもすべて引き継がれていましたが、すべてのテーマで引き継がれるとは限りません。
念のため事前にどのような設定をしていたか、覚書を残しておいた方がいいかもしれません。

 

メニュー

メニューについてもすべて引き継がれていましたので、修正していません。

 

AFFINGER5管理画面|子テーマ管理画面(JET)

ほとんどの情報が引き継がれていますが、ブログに合わせてカスタマイズした内容によっては、一部修正する必要がある箇所がありました。

 

ヘッダー画像[問題解決済]

ヘッダー問題解決済み!

ヘッダー画像は引き継がれませんので、カスタマイザーより挿入したところ不具合が発生。

推奨される画像サイズで作ったヘッダー画像を挿入すると、何故かメニューが消えてしまいます。

 

試しに、AFFINGER5管理画面 < ヘッダーで「下層ページにもヘッダー画像を表示する」にレ点チェックを入れてみたら、すべてのページからメニューが消えてしまいました‥。

ヘッダー画像がメニューを消しているようなので、現在はヘッダー画像を消しています。

 

マニュアルにメニュー設定について表記されている箇所がありましたので、メニューの設定をしなおしてみましたが、やはりメニューは表示されませんでした。

PC用メインメニューを上に表示するがデフォルトになりました。このために値が「空」の状態になる可能性があり、その場合にPC閲覧時のメニューが非表示状態となります。:「テーマ管理」>「メニュー」>PC用メインメニューを上に表示するを確認|WINGマニュアル

 

ヘッダー画像を入れるとメニューが消える件について、テスト用のドメイン作って試してみました。

テスト用サイトについて
アップデートされたWING(Ver 20180329b)をインストール、子テーマは「AFFINGER5 EX」と「AFFINGER JET」を入れています。
テスト用なので、プラグインはAFFINGER以外のものは新規で入れていません。

それぞれの結果を見ていきます。

 

AFFINGER5 EX

カスタマイザーからヘッダー画像を入れて100%表示したところ、下記画像の通りメニューはちゃんと表示されました!

 

念のためAFFINGER5管理画面を確認したところ、デフォルトで「PCT用メインメニューを上に表示する」にチェックが入っています。

 

 

AFFINGER5 JET

JETを有効にして同じようにヘッダー画像を入れたところ、メニューが消えてしまいました。

AFFINGER5管理画面のPC用グローバルメニューは、当ブログの管理画面と同じようになんのチェックも入っていない、と言うかチェックを入れられない状態になっています。

WPテーマをインストールした時点から表示が消えている状態で、管理画面のリセットをしても改善されません。

私が思ってもみないところの設定ミスをしているのでしょうか‥。

2018/03/30 JET修正アップデート!

どうやっても解決しなかったので、メール問い合わせさせていただいたところ、JETについても修正アップデートをあげていただくことができました。

WING発売して多忙のところ、早々に対応いただけて本当に感謝です!
これで心置きなく機能を堪能することができます。

 

カスタマイザー[問題解決済]

カスタマイザーについては、初期値に戻っている状態です。

旧テーマの情報を確認しつつ入力してみましたが、反映される箇所と反映されない箇所がありましたので、自分でて修正をかけてやる必要があります。

 

カラー設定解決済み!

問題点
例えばスマホのカラー設定は反映されているようですが、パソコンで見た時のヘッダー、フッター、一部のhタグのカラー設定が反映されない状態です。

全体カラーのカスタマイザーのWINGマニュアルを見つつ再設定しましたが、それでもうまくいかずリセットをしても状況変わらず調査継続中です。

 

トップページ以外のページで縦横のラインが入る[問題解決済]

カラー設定解決済み!

トップページ以外の投稿・固定ページともに、パソコンで見た時のみ縦横のラインが入ります。

縦の薄い白いラインは、画面上から横に伸びるオレンジのラインと交差する直前まで伸びています。

横のオレンジラインも途中で切れている状態です。

 

 

現在の進捗

旧テーマAFFINGER4からの移行が、思った以上に手こずっています。

キャッシュクリアはもちろん、プラグインの停止、管理画面・カスタマイザーリセット、など試してみましたが、現在改善策不明の状態です。

同じように悩む方がいればと思いブログに書かせてもらいました。進捗については随時更新したいと思います。

 

2018/03/30 18:00現在 解決済!

ヘッダー画像以外についてはほぼ元通りになりました!

ロリポップサーバーを使用している人は、同じような症状が出ていたようで、早々に修正アップデートをあげていただいたので感謝しています。

ひとことで言って、このWPテーマはすごく楽しくて初心者に優しくなりました。

Affnger買ってよかった!

 

Huuub
機能については別記事で紹介したいと思います!

 こちらの記事も読まれています!

  • この記事を書いた人
Huuub

Huuub

関西在住のフリーランサー、Huuubです。 「ときめくモノと共に暮らし成長すること。」をモットーにブログを書いています。 3万PV/月達成しました! ◆ 詳細 →プロフィールはこちら

-AFFINGER

Copyright© monogrow , 2018 All Rights Reserved.