TCDメディアサイトテーマRUMBLEの使い方:テキストのホバーリンクを赤色にカスタマイズ

TCDテーマ

本サイトはプロモーションが含まれています。

僕が使っているメディアサイトテーマTCDのGENSENや、RUMBLE、MAGなどのテーマのテキストリンクのカスタマイズだけど、テキストリンクは「TCDオプション」→「基本」から数のように買った当時のデフォルトのカラーを自由に変更できる。

この機能はサイトのテーマに合わせたリンクカラーを設定できるから便利だが、長年アフィリエイトをやっている僕にとっては、ただこれだけでは不満というかユーザーに不便をかけているのではないかと老婆心にながら思っている。
テキストリンク変更
テキストリンクの一般的な概念が、リンクを設定した時のテキストリンクカラーは青色系で、そのテキストにカーソル(タップ)を置けば、赤色に変化する。

こうなることで、ユーザーは何がしかの情報を得られるという解釈を持っている。

つまり、ホバーリンクが、従来の赤色に変換しないので、リンクを貼っているかどうかユーザーにはわからない。

そしてTCDはテーマ別に、テキストリンクを変更するスタイルシートの記述が違うので面倒くださいのが少し不満です。
ですが、完成度は期待を裏切りません。
使っていけばいくほど、TCDの良さがわかってきます。

TCDのRUMBLEテキストリンクを赤色にする方法

TCDテーマオプション→基本設定→カスタムCSS

カスタムCSSに下記のCSSを記述すればOK

.p-entry__body a:hover {
color: #f00;

TCDテーマRUMBLE制作事例

RUMBLEで相撲観戦サイトを作った

RUMBLEデモサイト
相撲観戦が大好きなので毎場所の取り組み結果や力士たちの近況、相撲部屋のアクセスなどをまとめています。

RUMBLEで旅サイトを作った

RUMBLEデモサイト
僕のお気に入りのニース・モナコ旅行のブログを作っています。

RUMBLEデモサイトを見る

関連記事

  1. 求人サイトテーマTCDのMASSIVEの使い方:企業の即戦力募集サイト…

  2. Web制作 / ホームページ制作

    TCDのランディングページでアフィリエイトサイトを作る提案

  3. WP初心者おすすめ!AddQuicktagプラグイン徹底解説~アドセン…

  4. TCDテーマ

    メディアサイト向けテーマ:TCD COREの記事タイトルh2をh1に修…

  5. TCDテーマ

    ECサイト向けテーマPreciousの使い方:関連商品名を変更したい

  6. FAKE作り方

    FAKEの使い方~固定ページが勝手にビジュアルページになるを解決