WordPressのテーマ内で、画像URLを渡してサイズを取得したいなーと思って調べたところ、寝ログさんにドンピシャな記事がありました！ 画像URLから画像の横幅と高さを取得する方法をご紹介したいと思います。 WordP…
WordPressで投稿一覧などにサムネイルを表示する際は、アイキャッチ画像を利用することが多いです。しかし、アイキャッチ画像ではなく、投稿内の1枚目の画像をサムネイルとして使いたいというケースもあると思います。 Aut…
特定のカテゴリーアーカイブ用のテンプレートを作成する場合、category-news.phpのようなテンプレートを追加します。category-news.phpを追加すると、newsというカテゴリーのアーカイブでは、ar…
XAMPPで複数のバージョンのPHPを切り替えて使う方法をご紹介いたします。 本番環境と合わせて、今回はPHP7.2で開発環境を構築したいなーといったケースに簡単に対応できるようになります。 XAMPPで複数のバージョン…
WordPressでは、以下のように画像に対してsrcsetとsizesが自動で追加されます。 srcsetとsizesは、画面サイズ等の条件によって最適なサイズの画像を出し分けるための属性です。 場合によっては、src…
WordPressのREST API機能を無効化する方法について紹介いたします。 REST API(WP REST API)とは、投稿等のデータをWordPress外から取得できるAPIです。特定のURLにアクセスすると…
CSS+jQueryを使ってセレクトボックスのテキストを中央寄せにする方法をご紹介いたします。 jQueryを使って選択されたオプションを動的に代入することで、選択中のオプションの表示にも対応しています。 jQueryを…
WordPressで投稿に挿入した画像には、以下のようにwidthとheightが追加されます。ブロックエディターになってからはwidth/height属性は付かないようになっていたと思いますが、WordPress5.5…
スマホやタブレット等のタッチデバイスでは、リンクやボタンに指定した:hoverのスタイルが邪魔になるケースがあります。というか、タッチデバイスでは:hoverの挙動は不要ですよね。 タッチデバイスでのみ、一括して:hov…
WordPress5.5から、画像に「loading=”lazy”」という属性が追加されるようになりました。 「loading=”lazy”」が追加されることで、画像が遅延…