タグ

ブックマーク / nelog.jp (3)

  • 光るボタンをHTMLとCSSで実装する方法

    目立つボタンでコンバージョン率を上げたい ということであれば、光るボタンを実装するのも1つの手かもしれません(もちろん、必ずコンバージョンが上がるわけではないです)。 ということで以下では、CSSとちょっとしたHTMLで「数秒ごとにキラっと光るボタン」を実装する方法です。 こんな感じのやつ。 通常のHTMLでも利用できますが、以下ではWordPressに実装する方法として紹介します。 主な手順 主な手順としてはこちら。 CSSを貼り付ける ボタン用のHTMLを書く 基的にコピペのみで実装する方法です。 CSSを貼り付ける まず、WordPressに実装するには、テーマ(子テーマ)のstyle.cssに以下のCSSを貼り付けます。 /* ボタン */ .btn-shine { color: #fff; background-color: #c9171e;/*背景色の変更*/ font-we

    光るボタンをHTMLとCSSで実装する方法
    i_mairy
    i_mairy 2019/12/17
  • サイトの高速化に!Twitter、Facebook、Google+、はてブのシェア数をJavaScriptで非同期に取得する方法まとめ

    僕は最初、この方法でシェア数を取得してカスタマイズしようと思っていたのですが、いろいろテストしてみて以下のような難点がありました。 ページと同時に呼び込まれるので取得が遅いと表示も遅い Facebookのシェア数の取得が特に遅い PHPのfile_get_contents()、curl_init()、curl_exec()あたりは、Wordpress的には非推奨な関数(テーマチェッカーなどで怒られる) サーバーによっては使えない(file_get_contents()関数とかは、サーバーのphp.iniファイルで外部ファイルを開く設定がオンになっていないと使用できない) とりあえず、ちょっとテストしただけでこれだけの難点があったので、自作のテーマに取り入れることはできませんでした。 その点、JavaScript(jQuery)で取得すると以下のような利点があります。 ページが読み込まれてか

    サイトの高速化に!Twitter、Facebook、Google+、はてブのシェア数をJavaScriptで非同期に取得する方法まとめ
  • これが無料!?SEO・マーケティング分析ツールの「Nibbler」がスゴい

    先日、Nibbler(ニブラー)という、SEOとWEBマーケティング分析サービスを見つけました。 これを使ってみたら、無料ながら、かなり詳細にサイト分析(改善点の可視化)が行える素晴らしいツールだったので紹介です。 Nibblerとは Nibbler – Test any website Nibblerとは、フリーのウェブサイトテストツールです。 アドレスを入力するだけで、アクセシビリティ、SEO、ソーシャルメディアテクノロジーなどの観点から、ウェブサイトをクロールして、レポートを出してくれます。 加えて、適切な改善提案を示してくれるので、提案に従ってサイトを修正すれば、かなり良いサイトに仕上がるのではないかと思います。 Nibblerを英和辞典で調べてみると、「少しずつかじる(小動物)」、「打抜き切断工具」などという意味があります。サイトを細かく分析するツールという意味もあるのだと思いま

    これが無料!?SEO・マーケティング分析ツールの「Nibbler」がスゴい
    i_mairy
    i_mairy 2015/02/18
  • 1