インターネット

WordPressのCSS編集でリンクの色、スタイルを変更する

CSSでリンクの色やスタイルの変更をする

WordPressのテンプレートによってかもしれませんが、現在使用しているWordPressテーマの中でリンクの色やスタイルが何も変わらず、マウスを乗せないとわからん!ということで、テキストのリンクの色やスタイルの変更の方法を紹介。

CSSを学んでいればこれはかなり初級のことなのですが、やはり忘れる時は忘れる、ということで備忘録も兼ねて記載しておきます。よろしくおねがいします。

WordPressの「CSS編集」でCSS追加で簡単に出来ます。

 

リンクされた文字

せっかくリンクが張られてあっても気が付かなければ意味がない、ってことでアンダーラインを引きます。

 

訪問していないリンク

未訪問のリンクの表示。通常はだいたいブルーのカラーで配色されているのを見かけると思います。

 

訪問したリンク

一度訪れているリンクの表示。通常は紫のカラーで配色されているのを見かけると思います。

 

マウスオン(乗ってる)の時の場合

マウスがテキストの上に乗っている時の色の変更。

 

クリック中・・・

一瞬で見えんのじゃないか・・・ってツッコミたくなるヤツ

 

リンクの表示について

リンクの色やスタイルの変更の基本でした。色の指定は空白にしてあります。

カラーコードで#〇〇〇といったような指定、もしくは基本色(red,blueなど)を入力できます。

#英数字は16進数の0~9、a~fの組み合わせで入力できます。当てずっぽうで入れると大概よく分からん色が出ます(たぶん)

 

他にもテキストを太字にする、斜めにするなど、様々なカスタマイズが可能です。

 

関連記事

  1. WordPressのPHPファイルの更新エラーはバージョンが古か…
  2. WordPress TCDテーマ「CORE」を使用した感触と感想…
  3. 高品質の画像数膨大!億を超える枚数を誇る世界的ストックフォト「S…
  4. WordPressのプラグインを更新したらエラー起こして何も出来…
  5. WordPressでアイキャッチ画面を簡単に作るプラグイン「Fe…
  6. PIXTAで写真を売ってみた!売れる写真と売れなかった写真の違い…
  7. TCDのWordPressテーマ「MAG」をブログに使用。初心者…
  8. 写真素材サイト「photoAC」を利用してみた。メリットとデメリ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

NEW

  1. ゲームしててこのお金、リアルになればなーって思ったことがある。
  2. WordPressのPHPファイルの更新エラーはバージョンが古かった?では上げてみる!
  3. WordPressでアイキャッチ画面を簡単に作るプラグイン「Featured Image Generator」
  4. WordPressのCSS編集でリンクの色、スタイルを変更する
  5. WordPressのプラグインを更新したらエラー起こして何も出来ん!という場合に何をしたかというと・・

PICKUP

WordPressでアイキャッチ画面を簡単に作るプラグイン「Featured Image Generator」

アイキャッチを手間かけずに設定する!というプラグイン「Featured Image Generato…

ゲームしててこのお金、リアルになればなーって思ったことがある。

リアルマネーを稼げる?と言われたあのRPGをまたプレイすることにした・・・数年前、まだアフィリエ…

iPhoneって画面が割れやすい印象、iPhone8からは改善してるらしいけどやはり保護ガラスフィルム貼るべき?

iPhoneの画面はAndroidよりも割れやすいのではないかと思っている数年前にAndroid…

嵐山のりらっくま茶房限定のリラックマ御朱印帳。通販で取り扱っているものも紹介。

リラックマの御朱印帳御朱印を頂くのがブームと言われてますが、一時期より話題は落ち着いた感じではあ…

KIRINの「キリン 世界のKitchenから 麦のカフェ CEBADA(セバダ)」を飲んでみたんだけど・・

麦茶の味がするコーヒー?いやコーヒーの味がする麦茶なのか・・?今回新発売する「世界のKitche…

WordPressのCSS編集でリンクの色、スタイルを変更する

CSSでリンクの色やスタイルの変更をするWordPressのテンプレートによってかもしれませんが…

花火の写真をNDフィルターを使用して撮影。NDフィルターとは。

花火の撮影にNDフィルターを使ってみた・・花火大会で写真撮影をする方はたくさんいると思うのですが…

WordPressのプラグインを更新したらエラー起こして何も出来ん!という場合に何をしたかというと・・

プラグインを更新したらエラーが出たんですが・・・ 直したくても入れないぞ!という対処WordPr…

ドミノ・ピザ食べてみたランキング!期間限定の4倍チーズがヤバイ!

ピザ好きがコレ!と思った!ドミノ・ピザ 人気ランキング隙あらばピザを食べようとして家内に叱られる…

写真素材サイトの「PIXTA」 ウェブサイトやブログ、広告作成におススメ

写真素材のおススメ。画像・動画の素材サイト「PIXTA」ウェブサイト、ブログ、そして広告作成など…

Twitter

おススメ

生活雑貨

旅行・お出かけ

グルメ

インターネット

ランキング

PAGE TOP