こんにちは。
ご訪問ありがとうございます！
「もしもアフィリエイトのかんたんリンク」はとっても便利。
ただ、デフォルトだと「Amazon・楽天市場・Yahoo!ショッピング」のリンクボタンが全部オレンジなんですよね。
アレ？ＣＳＳコードをコピペしたらエラーが出ちゃったよ！
このようにエラーが出た場合でも、簡単に解決できることがわかりました。
追加ＣＳＳエラー
もしもアフィリエイトのリンクボタンのカラーを変えようと、カスタマイズ用のＣＳＳを追加したら次のメッセージが出ました。
「【追加ＣＳＳエラー】何かうまくいかなかったようです。時間を置いてもう一度お試しください。」
なんとも抽象的な表現。笑
何が原因かわからないまま、時間を置いてもう二度、三度お試ししましたがダメでした。
調べてみると
サーバーの「サイトセキュリティ」画面にある「ＷＡＦ」を一時的に「ＯＦＦ」にするとＣＳＳコードの追加ができる
と書いてありました。
ＷＡＦ（Ｗｅｂアプリケーションファイアウォール）とは？
Webアプリケーションの脆弱性を悪用した攻撃からWebサイトを保護するセキュリティサイト
※使っているサーバーは、「ConoHa」、WordPressのテーマは「AFFINGER５」です。
エラーの修正
ConoHaのサイトセキュリティ画面で「ＷＡＦ」を選択。
一時的に「ＷＡＦ」を「ＯＦＦ」にする。
これでＯＫ！
（ＯＦＦに切り替わるまで少し時間がかかる場合もありましたが、その場合はサーバーにログインしなおしたらすぐにＯＦＦに設定できました）
ＣＳＳコードの追加ができたら、ＷＡＦをＯＮに設定してくださいね♪
メモ
今回とは別件でHTMLコードを貼り付けようとしたところ、保存がなかなかできず 。
同じ様に「WAF」を「OFF」にしてみると保存できました！
カスタマイズ方法
カスタマイズする前に注意すること
もしもアフィリエイトからは、カスタマイズは推奨されていません
違反ではありませんが、あくまでも自己責任でお願いします
必ずバックアップをとってからカスタマイズしてください
何かあったときに備えて、必ずバックアップをとることをおすすめします。
カスタマイズのＣＳＳコードを貼り付ける
私は、アキさんの「日曜日のOneRoom」というブログからＣＳＳコードをコピーさせていただきました。
（ありがとうございます！）
では、早速貼り付けましょう！
① まず、ダッシュボードの「外観」 → 「カスタマイズ」を選択する。
② 一番下の「追加ＣＳＳ」を選択。
③ ＣＳＳコードをコピペし、「公開」ボタンをクリックして完了！
かんたんリンクのカスタマイズができました！
ちなみに、我が家にもあるおすすめの本です(´ε｀ )
こちらは、作者のアキさんが最もおすすめするカスタマイズです。
ボタンの色もキレイで、幅も広くクリックしやすい感じですね。
他にも違うパターンがあったので、お好みで使うことができます。
まとめ
追加ＣＳＳエラーは、ＷＡＦをＯＦＦにすることで簡単に修正できました。
やっぱり、カスタマイズして色を変えると見やすくなりますね！
「ＷＡＦ」の設定を「ＯＮ」に戻すことと、カスタマイズ前に必ず「バックアップ」をとることをお忘れなく♪
最後まで見てくださりありがとうございました。
では、良い１日を！