サクセスクエスト

理想のアフィリエイトブログを追い求めて(WordPressカスタマイズ・プラグイン導入・アフィリエイト日記・初心者・素人格闘記・札幌移住の勧め)

AFFINGERからAFFINGER2へヴァージョンアップしてみました!(結果と修正点)

      2016/02/26

painter-1137328_640

無料WordPressテーマ「AFFINGER2」がアップされました♪

昨年末にAffingerの新ヴァージョン「Affiger2」が出ましたね♪

 

Affingerは稼ぐに特化したテーマ(内部SEOと広告設定が秀逸!)

 

元々このサイトは「AFFINGERver20151012」を利用させて頂いてました♪

開発者のEnjiさんには日々感謝しています♪

さて、新しい物好きの僕はリスクを顧みず、新ヴァージョンであるAffinger2をバサっと入れちゃいました(笑)

但し、流石にまったく確認をせずに入れ替える程の度胸は持ち合わせていないので(笑)当サイトのヴァージョンアップについては、事前にデモブログの方でテストをしてから実施しました♪

先に結果をお伝えしますが、僕のブログでは不具合は発生しませんでした♪

但し、幾つか設定をし直さなければならない事象が発生しましたので、僕のブログで発生した事象と修正方法をご紹介します

AFFIGERのヴァージョンアップ7

尚、先ずは上の図のサイトAFFINGERダウンロードより「AFFINGER2ver20151214」をダウンロードして下さい

尚、既にご存じだとは思いますがアップロードの方法については下記の記事を参考として下さい(念のため)

WordPress無料人気テーマ「affinger」インストールから有効化までの設定方法(初心者でも簡単・図解)

 

「AFFINGERver20151021」時点のブログ画面(ビフォアー)

先ずはAFFINGERver20151021時点のブログ画面をご確認下さい

AFFIGERのヴァージョンアップ2ヘッダー画像の下にメニューを設置しています

 

AFFIGERのヴァージョンアップ3

各カテゴリー画面には吹き出しでカテゴリー名が表示されています(吹き出し背景の赤と文字色の白は「外観」→「ヘッダー」→「基本色(キーカラー)」→「吹き出し背景色」&「噴き出し内の文字色(H2)」で設定した色です)

 

AFFIGERのヴァージョンアップ4

記事内のH2タグも同様に吹き出し背景色が赤、文字色が白で表示されています

 

AFFIGERのヴァージョンアップ5AFFINGERver20151021の「基本色(キーカラー)」設定画面です。同ヴァージョンではこのように4項目のカラー設定ができるようになっています

 

「AFFINGERver20151021」から「AFFINGER2ver20151214」への変更方法

こちらについても既にご存じだとは思いますが念のためのご説明を!

AFFIGERのヴァージョンアップ1アップロード後、先ずはAffinger2を有効化するため、「外観」→「テーマ」と進みます。表示されている「Affinger2」にカーソルを合わせると「有効化」のアイコンが浮かび上がるのでクリックして有効化します(以上です(笑))

「AFFINGER2ver20151214」を入れた後のブログ画面(アフター)

AFFIGERのヴァージョンアップ8テーマを入れ替えても特段の不具合は発生しませんでした

但し、メニューが消えてしまうという事象が発生しました・・・

 

AFFIGERのヴァージョンアップ9カテゴリー画面を確認すると吹き出しの色が変わっていました・・・(背景色と一緒?)

 

AFFIGERのヴァージョンアップ10記事内のH2タグの色も同様の状態となっておりガッカリしてしまいました・・・またこの時点では修正の方法も分からず途方に暮れました(笑)

 

アフィンガー2の「グローバルナビゲーションメニュー」の修正方法

AFFIGERのヴァージョンアップ11それでは修正しましょう!先ずはメニューを修正します

「外観」→「メニュー」へ進むと上の画面になります

画面下「テーマの位置」の内「トップ用メニュー」にチェック✔を入れて「メニューを保存」で確定します

 

AFFIGERのヴァージョンアップ12ヘッダー画像下の「メニュー」が元通りになりました♪

 

アフィンガー2の吹き出し修正方法

吹き出し色を修正します

前ヴァージョンと同様に「基本色(キーカラー)」で修正しようと思ったのですが、何と!AFFINGER2では設定できなくなっていました・・・

AFFIGERのヴァージョンアップ13「外観」→「ヘッダー」と進んだところ、前ヴァージョンにあった「基本色(キーカラー)」という項目が無くなっていたのです!?

従い、「色」という項目を開いてみると、以前は4つの項目が設定できていたところ、AFFINGER2では上の画像の通り「背景色」しか設定できなくなっていました・・・

ということで「嫌だな~怖いな~」と思いながらも、覚悟を決めてスタイルシートを変更することにしました~(泣)


AFFIGERのヴァージョンアップ14修正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;

AFFIGERのヴァージョンアップ16修正書き換え後です。尚、カラーナンバーの「#◯◯◯◯◯◯」の部分を変更すると、お気に入りの色に設定できますのでお試し下さい♪

 

AFFIGERのヴァージョンアップ18カラーはAFFINGER2「色」の設定画面で確認ができます♪

この画面でお好みの色を選び、矢印のナンバーを控えた上で前述のスタイルシートにご入力下さい♪

 

AFFIGERのヴァージョンアップ17修正後の吹き出しです♪

 

以上で修正は終了となり、ヴァージョンアップ前の状態に戻すことができました♪

尚、不具合発生の有無については皆さんのサイトの設定状態やお使いになっているプラグイン等によっても変わってくるものと思いますので、ご自身の責任において実施して頂ける様にお願いします!

また、テーマの編集については、必ずバックアップを取ってから作業しましょう!

作業お疲れ様でした~!

これからもサクセスクエストしていきましょう♪

追記)重たいだろ~な~この記事(苦笑)

にほんブログ村 アフィリエイト
人気ブログランキングへ
FC2 Blog Ranking

 - アフィリエイト