WP REST APIをReactでWordPressの記事一覧を表示させるスニペット [React版]
以前の記事では、jQueryとWP REST APIを使って記事一覧を表示するスニペットを紹介しましたが、今回はAPIでReactを使った記事一覧の方法について解説していきます。 関連記事 WP REST APIのJav …
HTMLとCSSのコピペでできる背景デザイン11選
PhotoshopやIllustratorは今でもデザイナーにとっては必需品に近いものですが、Webに限って言えば背景やパターンやグラデーション、シェイプなど、それらは簡単にCSSでできてしまいます。 そんなCSSを再度 …
ツールチップの基本的な役割と使い方
ツールチップは、要素の上にhoverすると表示される吹き出しで、よくWebサービスの小難しい入力画面の「ヒント」などで見かけるUIです。 そんなツールチップについて、この記事では使い方やメリット・デメリットについて解説し …
jQueryライブラリclipboard.jsでできるタイトルとURLのコピーボタン
国産で主流のWordPressテーマなら、SNSシェアボタンなど記事のURLのコピーが簡単にできますが、そんな機能がない場合、そこまで時間がかかる作業ではないですが、記事を共有する為にコピペが必要です。 この記事は、記事 …
レンタルサーバーをディスク容量・転送量で比較！ディスク容量と転送量を解説
レンタルサーバーのスペックを比較する時に、どの点を見ればいいのかイマイチ分からないという方も多いのではないでしょうか？ 安定してサーバーが稼働するかについてや、表示スピードが速いかどうかを判断する一つに、ディスク容量と転 …
無料で使える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からのお知らせオ …
