フクロウ( Fukurou_Japan)です。
今回はAffingerのコピーライトの編集の方法を紹介します。
私のサイトですと画面下部の
【Copyright© フクロウ情報局 , 2019 All Rights Reserved】
と書かれている部分のことですね。
WordPress【Affinger】フッターのコピーライトの編集方法!
コピーライトの編集はAffingerではなかなか難しいカスタマイズです。
編集しにくいようにそもそもがコードが作られているんですよね。
なるべく簡単にできる方法を探してみました。
いろいろな人のやり方を見まして、実際に行った方法を今回はお伝えします。
他の方が紹介している方法+私オリジナルのCSSを追加というやり方です。
実際の変更方法
参考にさせていただいたサイトはコチラです。
【AFFINGER4-カスタマイズ】コピーライトの文言を変更する方法
こちらのサイトのやり方では、
1 元々存在している copyr というCSSクラスをnoneにする
2 気合でPHPを美しく修正する
という2つの方法がありますが、2番のほうは見るとめまいがするぐらい面倒なので、今回は1番の方法で行いました。
footer.phpとstyle.cssを編集しますので、事前にFFFTPなどのソフトできちんとバックアップを取っておいてくださいね。
CSSの編集
外観→テーマの編集→style.cssを開き、コピーライトを非表示にするために以下を入力します。
p.copyr { display: none; }
次に、オリジナルのCSSを一つ作ります。この部分はご自分のサイトに合わせてプロパティは修正してください。test-copy というクラスを作成しています。
.test-copy { color: white !important; font-size :14px;
ここまで書いたら保存してください。
これで、CSSの修正は完了です。
footer.phpを開いてください。
こちらはちょっとコードの追加場所がわかりにくいです。
15行目~30行目あたりにあるこの部分の下に追加します。
<?php }else{ ?> <?php get_template_part( 'st-footer-content' ); //フッターのメインコンテンツ ?> <?php } ?>
追加する内容はコチラです。
<div class="test-copy"><p>Copyright© フクロウ情報局 , 2018-<?php echo date('Y '); ?> All Rights Reserved.</p> </div>
上記コードの【2018-】の後にある date(・・・) の部分は現在の年を表示させるための関数です。自動で年を取得したい場合はこの関数を使ってください。
また、今回は私のサイトの内容で書いていますが、実際にはアナタが書きたい内容に置き換えてくださいね。
ここまで終えたら保存ボタンを押してください。
サイトを確認するとこのように表示されているはずです。
Copyright© フクロウ情報局 , 2018-2019 All Rights Reserved.
これで処理は終了です! あとは2020年になれば勝手に現在の2019が2020になるので、何も触る必要はありません。
まとめ
Affingerのコピーライトの修正は本当に面倒です。
今回は手抜きバージョンにしましたが、見た目としてはきっちりPHPを直しても今回のやり方を行っても全く同じです。
でしたら簡単なほうを選んだほうが良いですね!
ということでサクッとコピーライトの修正方法をご紹介しました。
それではまた次回!