無料WordPressテーマ「AFFINGER２」がアップされました♪
昨年末にAffingerの新ヴァージョン「Affiger2」が出ましたね♪
Affingerは稼ぐに特化したテーマ（内部SEOと広告設定が秀逸！）
元々このサイトは「AFFINGERver20151012」を利用させて頂いてました♪
開発者のEnjiさんには日々感謝しています♪
さて、新しい物好きの僕はリスクを顧みず、新ヴァージョンであるAffinger2をバサっと入れちゃいました（笑）
但し、流石にまったく確認をせずに入れ替える程の度胸は持ち合わせていないので（笑）当サイトのヴァージョンアップについては、事前にデモブログの方でテストをしてから実施しました♪
先に結果をお伝えしますが、僕のブログでは不具合は発生しませんでした♪
但し、幾つか設定をし直さなければならない事象が発生しましたので、僕のブログで発生した事象と修正方法をご紹介します
尚、先ずは上の図のサイトAFFINGERダウンロードより「AFFINGER２ver20151214」をダウンロードして下さい
尚、既にご存じだとは思いますがアップロードの方法については下記の記事を参考として下さい（念のため）
WordPress無料人気テーマ「affinger」インストールから有効化までの設定方法（初心者でも簡単・図解）
「AFFINGERver20151021」時点のブログ画面（ビフォアー）
先ずはAFFINGERver20151021時点のブログ画面をご確認下さい
ヘッダー画像の下にメニューを設置しています
各カテゴリー画面には吹き出しでカテゴリー名が表示されています（吹き出し背景の赤と文字色の白は「外観」→「ヘッダー」→「基本色（キーカラー）」→「吹き出し背景色」＆「噴き出し内の文字色（H2）」で設定した色です）
記事内のH２タグも同様に吹き出し背景色が赤、文字色が白で表示されています
AFFINGERver20151021の「基本色（キーカラー）」設定画面です。同ヴァージョンではこのように４項目のカラー設定ができるようになっています
「AFFINGERver20151021」から「AFFINGER２ver20151214」への変更方法
こちらについても既にご存じだとは思いますが念のためのご説明を！
アップロード後、先ずはAffinger2を有効化するため、「外観」→「テーマ」と進みます。表示されている「Affinger2」にカーソルを合わせると「有効化」のアイコンが浮かび上がるのでクリックして有効化します（以上です（笑））
「AFFINGER２ver20151214」を入れた後のブログ画面（アフター）
テーマを入れ替えても特段の不具合は発生しませんでした
但し、メニューが消えてしまうという事象が発生しました・・・
カテゴリー画面を確認すると吹き出しの色が変わっていました・・・（背景色と一緒？）
記事内のH２タグの色も同様の状態となっておりガッカリしてしまいました・・・またこの時点では修正の方法も分からず途方に暮れました（笑）
アフィンガー２の「グローバルナビゲーションメニュー」の修正方法
それでは修正しましょう！先ずはメニューを修正します
「外観」→「メニュー」へ進むと上の画面になります
画面下「テーマの位置」の内「トップ用メニュー」にチェック✔を入れて「メニューを保存」で確定します
ヘッダー画像下の「メニュー」が元通りになりました♪
アフィンガー２の吹き出し修正方法
吹き出し色を修正します
前ヴァージョンと同様に「基本色（キーカラー）」で修正しようと思ったのですが、何と！AFFINGER2では設定できなくなっていました・・・
「外観」→「ヘッダー」と進んだところ、前ヴァージョンにあった「基本色（キーカラー）」という項目が無くなっていたのです！？
従い、「色」という項目を開いてみると、以前は４つの項目が設定できていたところ、AFFINGER２では上の画像の通り「背景色」しか設定できなくなっていました・・・
ということで「嫌だな～怖いな～」と思いながらも、覚悟を決めてスタイルシートを変更することにしました～（泣）
Affinger2のデフォルト状態です。赤で囲まれている部分をバサっと入れ替えました
これに書き換え↓
position: relative;
margin: 1.5em 0;
padding: 0.5em 0 0.3em 1em;
border: 2px solid #cccc1a;
font-size: 130%;
font-weight: bold;
color: #FFFFFF;
background: #cccc1a;
書き換え後です。尚、カラーナンバーの「＃◯◯◯◯◯◯」の部分を変更すると、お気に入りの色に設定できますのでお試し下さい♪
カラーはAFFINGER２「色」の設定画面で確認ができます♪
この画面でお好みの色を選び、矢印のナンバーを控えた上で前述のスタイルシートにご入力下さい♪
修正後の吹き出しです♪
以上で修正は終了となり、ヴァージョンアップ前の状態に戻すことができました♪
尚、不具合発生の有無については皆さんのサイトの設定状態やお使いになっているプラグイン等によっても変わってくるものと思いますので、ご自身の責任において実施して頂ける様にお願いします！
また、テーマの編集については、必ずバックアップを取ってから作業しましょう！
作業お疲れ様でした～！
これからもサクセスクエストしていきましょう♪
追記）重たいだろ～な～この記事（苦笑）
コメント