Meta Tagsは、タイトルやOGPなど、head内に記述するためのメタタグを生成してくれるWEBサービスです。 各種SNS用のメタタグも一括して生成できるので便利です。 Meta Tagsの使い方 Meta Tags…
タイトルやOGPなどのメタタグを生成してくれるWEBサービス「Meta Tags」

YouTube動画のサムネイル画像を取得・表示する方法

サイトにYouTube動画のサムネイル画像を表示させる方法をご紹介いたします。 YouTubeでは、特定のURLにサムネイル画像が保存されるようになっています。サムネイルのサイズ別にファイル名が分かれているので、表示させ…
WordPressで投稿IDからタイトルや本文など様々な投稿情報を取得・出力する方法

投稿IDからタイトルや本文、投稿日時など、投稿に関する様々な情報を取得する方法をご紹介いたします。 投稿IDをもとに情報を取得するので、別ページの投稿情報を出力することができます。 投稿IDからタイトルや本文など様々な情…
WordPressでURLからページタイトルを取得・出力する方法

WordPressにて、URLをもとにページタイトルを取得・出力する方法をご紹介いたします。 例えば、カスタムフィールドに入れたURLからページタイトルを取得したい場合などに役立ちます。 WordPressでURLからペ…
WordPress管理画面のユーザー一覧で列の追加・削除・並び替えをする方法

WordPress管理画面のユーザー一覧に、デフォルトでは表示されていない項目の列を追加したり、標準の列を削除する方法をご紹介いたします。また、列を並び替える方法も合わせて解説いたします。 WordPress管理画面のユ…
SPFレコードの有効性をチェックできるWEBサービス「SPF Surveyor」

SPF Surveyorは、DNSに設定されているSPFレコードの有効性をチェックすることができるWEBサービスです。 SPFレコードを追加したけど、正常に記述できているかチェックしたい時に診断するためのツールですね。 …
Web上で画像のファイルサイズを圧縮できるGoogle製のツール「Squoosh」

Squooshは、Googleがリリースした画像圧縮ツールです。画像をドラッグ&ドロップするだけで使用可能で、元の画像と圧縮後の画像を比較しながら微調整することができます。 対応フォーマットは、JPEG・MozJ…
WordPressの投稿や固定ページのタイトルで改行を入れる方法

WordPressの投稿や固定ページのタイトルは、基本的には1行で入力するようになっており、テーマファイル内で出力する場合も改行は入りません。使用しているテーマによっては、タイトル内の任意の箇所で改行を入れたいというケー…
Amazonで購入したAdobe CCのオンラインコードを登録して有効期限を延長する方法

先日、Amazonで行われていたAdobe CCのセールで、24ヶ月分のオンラインコードを購入しました。Amazonでオンラインコードを購入した場合は、有効期限を延長するためにAdobeのアカウントにコードを登録する必要…
Font Awesome 5のアイコンを::beforeや::after等の疑似要素で指定する方法

Font Awesome 5のアイコンを::beforeや::after等の擬似要素として指定する方法をご紹介いたします。 ::beforeや::afterのcontentプロパティでアイコンを指定することで、リストのマ…