WordPressで、外部JavaScriptファイルにPHPの変数・配列の値を渡して、JavaScriptファイル内で使えるようにする方法をご紹介いたします。 wp_enqueue_scriptsで読み込んでいるJav…
Google Media Sitemapは、投稿や固定ページ、カスタム投稿内に挿入された画像・動画のXMLサイトマップを生成してくれるWordPressプラグインです。 Googleが定義している仕様に準拠したサイトマッ…
Mockは、アップロードした動画をスマホの画面上で再生しているようなモックアップ動画にしてくれるWEBサービスです。 以下はフリーの動画素材で作成してみたモックアップ動画です。このように、スマホ上で再生されているようなモ…
jQueryを使って、ボタンをクリックする度に要素の中のテキストを切り替える方法をご紹介いたします。 例えば、「開く」と書かれたボタンをクリックすると、テキストを「閉じる」に切り替えたい時などに便利です。 jQueryを…
サクラチェッカーは、Amazonのサクラ・ステマレビューを見抜いてくれるWEBサービスです。サクラレビューを除いた本当の評価を示してくれます。 また、”本当に参考になるレビュー”も表示してくれるた…
1行のテキストで均等割付・両端揃えを実装する方法をご紹介いたします。CSSのみで実現でき、表などで活用できるので覚えておくと便利かと思います。 CSSを使って1行のテキストで均等割付・両端揃えを実現する方法 以下のような…
増田ランダムは、はてな匿名ダイアリー(増田)の投稿をランダムに表示してくれるWEBサービスです。 ただそれだけのサービスですが、投稿された期間やブックマーク数、ジャンルで絞り込んで表示させることもできます。 増田ランダム…
InstaWidgetは、Instagramのフィードを表示するウィジェットを作成できるWEBサービスです。作成したウィジェットをサイト内に埋め込むことができます。 InstaWidgetの使い方 InstaWidget…
CSS WANDは、ホバーエフェクトやローディングアニメーションのHTML/CSSをコピペで使えるWEBサービスです。 数は多くありませんが、色んなタイプのホバーエフェクトやローディングアニメーションのスニペットがまとめ…
a要素のhref属性に「tel:電話番号」を入れることで、スマホ等でリンクをタップした際に電話発信ができます。 スマホの場合は直接電話がかけられて便利ですが、PCではクリックできないようにしたいというケースも多いかと思い…