リンクの装飾(青色+下線)を設定する方法
FAQPlusでは、回答の中に記載したリンク(URL)の見た目を自由に調整できます。
たとえば「詳しくはコチラ」や「詳細を見る」といった案内用のリンクが目立ちにくい場合でも、
色や下線を付けることで、より分かりやすく表示できます。
ここでは、以下のようにリンクを自動的に青色+下線で表示するための設定方法をご紹介します。
「詳しくはコチラ」
【設定手順】
・管理画面上部の「デザイン」>「オプション」をクリックします。
・「共通設定」内にある「カスタムCSS」の入力欄を開きます。
・以下のコードをコピー&ペーストし、「更新して反映」をクリックします。
/* リンクを青色+下線にする */
.answer a[href] {
color: #0000EE !important;
text-decoration: underline !important;
}

【カスタマイズのポイント】
CSSの書き方によって、様々な表現ができます。
以下のサンプルを上手く使って、お好きなデザインを調整ください。
/* リンクを青色+下線+太字にする */
.answer a[href] {
color: #0000EE !important;
text-decoration: underline !important;
font-weight: bold !important;
}
/* リンクを青色+下線にして、ホバー時に色を変える */
.answer a[href] {
color: #0000EE !important; /* 通常時の青 */
text-decoration: underline !important;
font-weight: bold !important;
transition: color 0.2s ease; /* 色変化をなめらかに */
}
/* ホバー時に色を変える(濃い青に) */
.answer a[href]:hover {
color: #0033CC !important; /* ホバー時の色 */
}
