こんにちは、ジローです。
先日、Wordpressテーマ『Affinger5』の、インストール方法や初期設定についての解説をさせていただきました。
前回の解説で『Affinger5』の使用を始める準備ができた段階になります。
次に何を解説しようかと悩んだのですが
”せっかく有料テーマを購入したならブログのデザインを整えたい!”という方は多いかと思います。
そこで今回は、「デザイン済みデータ」の設定方法について紹介していきます!
ただ、設定方法だけなら他の方もよく記事にされていますので、
本記事では、実際に設定していく中で困ったことも注意点と改善方法として紹介いたします( ˘ω˘ )
*少々長い記事となっておりますので、要点のみ知りたい方は”Contents”からどうぞ!
Contents
Affinger5の設定方法
今回は当サイトと同じ『HappyDiary 2020』というテーマのインストールをする方法を例に解説いたします。
他のテーマであっても、やることは変わらないので是非参考にしてみてください!
また環境はMacOSになりますが、Windowsでも基本的には同様の手順となります。
それではやっていきましょう!
① AFFINGER公式サイトより、デザイン済みデータをダウンロード
手順①−1 : 公式ホームページの”デザイン済みデータ配布”のアイコンをクリック
手順①−2 : 好きなデータを選択し”*承諾事項を了承の上、ダウンロードする”をクリック
手順①-3 : 下記のファイルがダウンロードされていることを確認する
この後使用するファイルは『ウィジェット用』と『カスタマイザー用』の2種になります。
後ほど説明いたしますが、『テーマ管理用』ファイルを利用するには有料プラグインが必要になります。
私自身、こちらは使用せず利用していますが全く問題ありません。必要だと感じる方のみご利用ください。
ここまでできたら手順①は完了です。
② カスタマイザー用プラグインのダウンロード & ファイルのインポート
Affinger5の”デザイン済みデータ”を利用するには、ファイルをインポートする専用のプラグインを必要とします。
まず、カスタマイザー用ファイルのインポートについてみていきましょう。
手順②-1 : プラグイン『Customizer Export/Import』をインストールし、有効化する
詳細…「プラグイン」→ 「新規追加」→ 「キーワードで『Customizer Export/Import』を検索」 → 「今すぐインストール」→ 「有効化」
手順②−2 : カスタマイザー用「affinget5-export.dat」をインポートする
詳細…「外観」→ 「カスタマイズ」→ 「エクスポート/インポート」 → 「『ファイル選択』で”affinger5-export.dat”を選択」→ 「インポート」
カスタマイザー用のファイルインポートは以上で完了です。
残り1工程なので頑張ってやり切ってしまいましょう!
③ ウィジェット用プラグインのダウンロード & ファイルのインポート
手順③−1 : プラグイン『Widget Importer & Exporter』をインストールし、有効化する
詳細…「プラグイン」→ 「新規追加」→ 「キーワードで『Widget Export/Import』を検索」 → 「今すぐインストール」→ 「有効化」
*カスタマイザー用手順と同様のため写真は割愛致します。
手順③−2 : ウィジェット用「wing-wp ... .wie」をインポートする
詳細…「ツール」→ 「Widget Importer & Exporter → 「『ファイル選択』で”wing-wp … .wie”を選択」→ 「ウィジェットをインポート」
*こちらはデザインによってファイル名が変わります。『拡張子.wie』のものを選択するようにしてください
お疲れ様です!
以上で 『デザイン済みデータ』の設定は完了です!
これである程度のデザインが設定され、体裁が整っているはずです。
ヘッダーの設定や、プロフィール設定など詳細をカスタマイズしていくことで、より良いデザインが作成できる状態になっているかと思います。
その他:テーマ管理用ファイルについて
こちらは”データ引き継ぎ”ファイルとして有料プラグイン(2980円)が必要になります。
必要な方はaffinger公式サイトの説明を参照ください。
((もし私が使用することがあった場合、改めて詳細を解説させていただきます🙇♂️
番外編:デザイン済みテーマを他の物に変更する際のエラーと注意点
私がデザイン済みデータを設定していた時、
一度設定したデータと違うデータを設定してみたくなり、再度 ウィジェット用ファイル(.wie)をインポートしたことがありました。
その際、
『You must upload a .wie file generated by this plugin』というエラーが発生しました!
恐らく私と同じエラーで困る方もいるかと思いますので、対処法を記載いたします。
対処方法: 『Disable Real MIME Check』というプラグインをダウンロードして、有効化する
これだけです。笑
特に設定などはなく、有効化するだけでエラーは解消されます。
皆さんも同様のエラーで困った際は試してみてください!!
最後に
いかがでしたでしょうか。無事に、かつ簡単にデザイン済みデータの設定が完了できていたら幸いです。。
次回はヘッダーの設定方法を始めとしたデザインの整え方について解説しようかなと考えております!
ここまで読んでいただき誠にありがとうございました♪( ´θ`)