CSSテキストリンクを目立たせたい場合・・よく使われるのがリンクをボタン化することでもリンクボタンをもっと目立たせたい場合、ボタンを光らせればクリック率アップがさらに期待できます。CSSが良く分からない人でもコピペOKなので、是非お試しください。順に説明していくと次の通りです。1.サイト全体にCSSを追加まずボタンを光らせる用のCSSをサイト・ブログ全体に追加します。WordPressを使っている場合、CSSを全体追加するならプラグインとか使うのが安全ですね。JS」というプラグインが使いやすくておすすめです。ここではこのプラグインの導入・使い方からWordPressでカスタムCSS・JSを扱うときの注意点まで解説します。12:17オリジナルのCSSを追加するなら、こういったプラグインを使ってみてください。CSSを追加する準備ができたら、サイト全体に次のカスタムCSSを追加してみましょう。「コードの一部を変更しなきゃいけない」、とか面倒な作業もありません。自分のサイト・ブログに上コードをそのまま貼り付けてください。2.専用の光るボタンを作成するあとは光らせたいリンクに少し細工すれば、光るボタンが作れます。リンクテキストは改変禁止になっている場合も多いはず例えば、アフィリエイトリンクとかが改変禁止の代表例ですね。(下記事参照)アフィリエイトリンク改変はどこまでOK?主要ASPの見解まとめアフィリエイトリンクを取得して貼り付けるときリンク改変していいかの判断に迷うことはありませんか?ここでは8つの主要ASPがリンク改変にどういう見解をしているのかと改変OKな範囲についてまとめました。22:05この記事で書いたみたいに、「リンクタグを直接変更してもOKだよ!」と規約に書いてるASPは中々ありません。例外的に許可してるけど...)そこで、ASP規約に違反しない形で光るリンクボタンを作ってみます。そのやり方は次の通りです。次みたいなテキストリンクがあるとしましょう。/>こういうリンクの下に1x1の画像があるというタイプ・・・アフィリエイトリンクとかだと良く見かけるはずです。いうタグは直接改変できないので、工夫が必要という訳です。いうクラス名を持つdiv要素で、リンク全体を囲んでいます。これだけでリンクを光るボタンに変えることができます。実際どういう見た目とか光り方をするかは次の通り3秒おきに左から右にキランッと光るエフェクトをつけてます。CSSに詳しい方は、光らせ方とか調整してみてください。あとこのボタンにホバーしたとき、ボタン下の影を濃くするというアニメ効果もつけてます。影の大きさとか色とかも調整してみるのもオススメです。「それどころかリンクのボタン化すらできない・・・」そういう場合は次のことを試してみてください。1.ブラウザキャッシュの削除まずやるべきことの1つめはブラウザキャッシュの削除ブラウザでは表示速度を速くするために「キャッシュ」というのを使っています。これが逆に悪さをして、CSSが反映されない原因になることが結構あります。ブラウザのキャッシュをまずは削除してみましょう。いう拡張機能も便利です。Chromeのキャッシュをワンクリックで削除する方法CSSを自分で書いて反映されないとき、Chromeの設定をいちいち開いてキャッシュ削除するのは面倒ですよね・・・そんな時にワンクリックでキャッシュクリアできる便利な拡張機能を見つけたので紹介します。11:04ワンクリックでキャッシュ削除できるので、キャッシュ削除を時短したい、よくCSSでカスタマイズする、という人にもオススメ、私も愛用してます。使用ブログサービスによっては変な自動補完とかが働いてる可能性があります。コードが正しいのに動かないなら、その可能性も疑ってください。絶対にテキストエディタ内にCSSを貼り付けちゃいけません!それをすると自動補完が働いてしまい、正しく反映されないです。詳しくは次記事で解説したので、気になる方はチェックWordPressでCSSが反映されないときに確認したい3つのこと独自のCSSをWordPressに追加したとき、文法的には間違っていないにも関わらず正しく反映されない場合があります。ここではWordPressでCSSが効かない・反映されないときに確認したい3つのこととその解決策について紹介します。12:58WordPressは超便利なんですが、自分でCSSを書くときは落とし穴も多いです。いうのに引っかからないように気を付けましょう。まとめ以上、CSSだけで光るリンクボタンを作る方法でした。リンクボタンをもっと目立たせたい人は今紹介したテクニックを試してみてください。光ってると見た目的にもお洒落になります。昔はプログラミングに熱中していたが、ブログとWordPressに興味を持ち始め今はサイト・ブログ作りが生きがい。しんでブログ構築できるように読みやすい&楽しい記事作りを心がけています。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。自分の「好き」をブログで表現したい、情報発信をしたい方に役立つWordPress術・ブログ構築術を発信中。今までできなかったことを"デキル"に変えるお手伝いをします。最近WordPressプラグインを開発・公開しました。自分の「好き」をブログで表現したい、情報発信をしたい方に役立つWordPress術・ブログ構築術を発信中。今までできなかったことを"デキル"に変えるお手伝いをします「WordPressは難しい」、「ブログ初心者には向いてない」・・・こういう固定観念を捨てればWordPressほど効率よく記事編集できて安全にブログ運営できるツールはありません。ワードプレス!最近WordPressプラグインを開発・公開しました。Press当サイトでは利便性向上や閲覧の追跡のためにGoogle・他提携サービスによりCookieが使用されています。サイトの閲覧を続けた場合Cookieの使用に同意したことになります。「WordPressって特別な知識がないと難しそう・・・」こういう風に思い込んでいないですか?でも実は・・・WordPressブログは1日もあれば即日で作ることができるんです。「面倒なことせずブログを今すぐパパッと始めたい」そういう方必見です。Pressブロガーが使うべき超お得なASPまとめ【2019年最新】W報酬制度のあるASP、報酬+税金分受け取れるASPなどなど・・・個人ブロガーに特にお得なASPをまとめました。アフィリエイトで成果を出したい「個人ブロガー」に優しいASP中心に紹介します。「これからA8.netで楽天アフィリエイトを始めてみたい」「今まで楽天アフィリエイトをA8.netでやっていた」こういう方は多いと思いますが、実は損しています。確かにASPのなかでもA8.netの評判がいいのは事実ですが楽天アフィリエイトをA8.netでやるのは損するので絶対におすすめしません。アカウント取得できても規約違反してしまったらイエローカード、最悪なケースだと一発レッドカードで退場(アカウント停止)させられてしまいます。そこでアドセンスアカウント停止を防ぐための対策についてまとめました。「IT・プログラミング・開発の相談」カテゴリーから質問可能です。相談もオススメ「IT・プログラミング・開発の相談」カテゴリーから質問可能です。