WordPressのLION MEDIAでリンクテキストの文字の色や下線を変更する方法

WordPressのLION MEDIAでリンクテキストの文字の色や下線を変更する方法

LION Media
WordPressのLION MEDIAでリンクテキストの文字の色や下線を変更する方法について書きました

リンクテキストの色はLION MEDIAの「テーマカラー」と同じ色になっているようです

ボクの場合はテーマカラーをピンクにしているのでリンクテキストの色もピンクになっているようです

そこでリンクテキストの色を一般的な青に変更してみます

またテキストリンクに下線を付けたいと思います

Advertisement

LION MEDIAでテキストリンクの文字の色や下線を変更するには

ブログでテキストリンクの文字の色や下線を変更するにはテーマファイルのCSSを編集する必要があります

一般的にはテーマファイル「スタイルシート(style.css)」を開いて直接編集します

しかしCSS編集は初心者にはとっつきにくいものです。また編集ミスのリスクもあります

そこでLION MEDIAには簡単にCSSを追加できる機能が用意されています

今回はそれを利用しました

LION MEDIA でCSSの入力をする

まずは、ワードプレスの
外観 > カスタマイズ をクリックします

LION MEDIAのメニューが開きます

こんな感じです

すると一番下に

「追加CSS」 というボタンがあるのでクリックします

すると CSSコードを記入する空間があるので、そこにCSSコードを入力します

ボクの場合はCSSコードは「不器用ド貧乏日記」さんの記事を参考にさせていただきました。ありがとうございました
【WordPress】「LION MEDIA」のリンクテキストの色や下線を変更する【子テーマCSS】

CSSを入力したら、上部にある「公開」ボタンを押せば終了です。

これだけです、簡単にCSSの追加ができました


公開できない

ボクの場合は最初は上記の「公開」のボタンを押しても正常終了できませんでした

調べてみると、レンタルサーバーにロリポップを使っている場合におこるようです

原因はロリポップの「WAF設定」がオンの場合に出ます

WAF設定は不正アクセス防止の機能なのですが、ワードプレスのプラグインの動作も不正と判断して遮断するようです

なので、このエラーを解消するにはロリポップの「WAF設定」をオフにします

ロリポップのWAF設定をオフにする方法

ロリポップにログインして ユーザー専用ページ > セキュリティ > WAF設定 > 設定変更 を押して対象ドメインのWAF設定をオフにします

この状態で上記のLION MEDIA でのCSSの作業を行うと正常に終了しました

CSSの作業が終わったらWAF設定をオンに戻しておいたほうがいいかもしれません

以上 WordPressのLION MEDIAでリンクテキストの文字の色や下線を変更する方法 でした。ありがとうございました。

【関連記事】アドセンス自動広告のコード設置の方法についても記事を書きました
アドセンス自動広告のコード設置がうまくいかない場合の対処法

ブログSNSカテゴリの最新記事