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コーポレートテーマの特徴

  2. 企業の顔となるコーポレートサイトが簡単に作れるNANO

  3. TCDテーマ

    TCDテーマPreciousでカスタムフィールドが表示されない不具合を…

  4. TCDテーマ使い方

    TCDアフィリエイトテーマBRIDGEの使い方:ランキングページにアフ…

  5. TCDテーマ使い方

    TCDテーマの選び方、使い方などよくある質問のまとめ

  6. ブログテーマ「MAG」感想:作る人を選ばないシンプルなデザインと高機能…