無料で使えるMaterial Iconsの特徴とアイコンの表示方法と使い方
アイコンに、画像ではなくアイコンフォントを使用して文字として扱うことで、ページの表示速度も速くなり、アイコンの色やサイズの変更がCSSで簡単に変更することができます。 そんなアイコンフォントには、FontAwesomeが …
クリックでYouTubeの動画が展開されるAPIを使ったスニペット
YouTubeのタグ埋め込みでは、静的に動画を埋め込むことしかできず、できることが限られます。 YouTube APIを利用することでJavaScriptを介してYouTubeの動画を制御できるようになります。例えば、ク …
プラグインなしで外部リンクの画像やテキストを取得してリンクカードで表示するスニペット
外部リンクは、たくさん貼りすぎると離脱率が高くなったりしますが、外部の記事の紹介など、使うケースは多いと思います。 当サイトでも外部リンクを作ることがもちろんありますが、そんな時「簡単にイケてる感じの外部リンク」ができる …
Googleポリシーオフィスアワーとは？過去開催分のまとめと解説
2021年7月現在、日本国内の検索エンジンのシェア（PC）は、Google が 77%と圧倒的なシェア率を誇り、現在のSEO対策は、Google 対策と言っても過言ではありません。 そんなGoogleの考え方を知れる機会 …
Google ポリシーオフィスアワー 2021.10.21
10月21日に、Google検索オフィスアワーが開催されました。 今回のポリシーオフィスアワーは、構造化マークアップの話やいろんなケースでのインデックスについてなど、盛り沢山の内容です。 目次Googleからのお知らせオ …
カスタム投稿の検索フォームとページネイション付きの検索結果を作るスニペット
カスタム投稿を使うことで、コンテンツの作成・管理が簡単になります。 そんなカスタム投稿ですが、通常の投稿や固定ページとは異なるので検索フォームと検索結果を分けようと思うと、ちょっと一手間必要です。 この記事は、そんなカス …
HTMLとCSSのコピペでできるボタンデザイン50選
今はCSSのみで作られているボタンが主流で、かっこいいエフェクトやデザインがたくさんあります。その中でも「使えそうなもの」を想定しながら、この記事ではHTMLとCSSだけでボタンを作りました。 そんなボタンですが、サルワ …
cookieで条件分岐
閲覧しているブラウザに保存されるcookieを使った条件分岐も可能です。 まずはじめにcookieを使うときの準備をして、関数での条件分岐を使いましょう。 目次cookieを使う為の準備cookieがある場合の条件分岐c …
パラメータで条件分岐
パラメータは、サーバー側で動くプログラムに情報を送るために、URLの末尾に付け加える文字列です。 パラメータによる条件分岐も、WordPressの関数と交えて書けば簡単に実装できます。 目次パラメータあるなしでの条件分岐 …
「もっと見る」ボタンクリックで要素を展開するjQueryのスニペット
2021年10月15日、Googleのスマホでの検索結果に「無限スクロール」を実装すると発表がありました。 そんな無限スクロールとは異なり旧来の方法になりますが、この記事でのスニペットは、ググった時の検索結果のようなもの …
