ファイル

wp_get_attachment_image_srcsetは引数にどの画像サイズを入れても結果は同じ
WordPressの画像を表示する際にレスポンシブ用のsrcsetを出力する wp_get_attachment_image_srcset という関数があるのですが、引数に画像IDと画像サイズを入力するようになっています...
SVGスプライトをgulpやIcoMoonを使わず作成する方法
複数のSVGファイルを一つのSVGファイルに統合して利用するSVGスプライトを作成するために、簡易的な方法を考えました。 📝 ポイント 元のSVGファイルはAffinity Desingerで複数のアートボードを一括でエ...
userAgentを使用せずIE11専用のスタイルシートファイルを切り替える方法
Internet Explorer 11(以下IE11)のみレイアウトが崩れる場合、対応ハックしてスタイルをその他の問題のないブラウザでも読み込ませるのは、無駄であると考えます。そこで、IE11でのみ通常とは異なるスタイ...
KUSANAGI×WEXALハンズオンセミナーに参加して高速化を体感して来ました。
先週の木曜日、大阪のさくらインターネット大阪本社で開催された「さくらのクラウドでWordPressを高速化してPageSpeed Insightsのスコア向上を目指す!KUSANAGI×WEXALハンズオンセミナー」に参...
スクロールバーのカスタマイズはプラグインに頼らずjQueryで自作
目的はたった一つ。 ブラウザ標準のスクロールバーのデザインをカスタマイズすることです。 つまり、 マウススクロールにより、コンテンツがスムーズに移動 スクロールバーのトグルをドラッグアンドドロップでコンテンツが移動 他フ...
WordPressを静的サイトとして保存しておく方法
クライアント様のご要望で、現在公開しているWordPressサイトを取り下げて閉鎖したいと(サーバーの契約も終了)。しかし、サイトそのものはいつでも確認出来るようにしておいて欲しいとのこと。 何となくおっしゃりたい事も必...
画像挿入時にリンク先が画像の時のみデータ属性値を付加する方法【WordPress】
WordPressの投稿画面で画像を挿入する際、リンクをLightboxで開くように設定したいと思います。 処理内容 「添付ファイルの表示設定」で指定するリンク先が画像ファイルの場合に限りaタグにdata-type="l...
Visual Studio CodeでSASSのコンパイルを標準で圧縮(minify)する方法
Visual Studio CodeでSASSをCSSにコンパイルする際にはLive Sass Compilerを、minifyされた圧縮ファイル(.min.css)を作成するためには、Minifyを使用して、個別に処理...
BootstrapのSASSコンパイル時にはブラウザーリストも確認
これまで特に何も考えず、Visual Studio Code + Live Sass Compilerを使用して、BootstrapのSASSファイルを編集してCSSにコンパイルしていました。 で、Bootstrap 4...
多次元連想配列で、値の無い配列を除外
JSONファイルを作成するために、多次元連想配列を使用しているのですが、これが非常に数が多いので、一つ一つifで検証しつつ入れていくより、取り敢えず値があろうが無かろうが放り込んでおいて、最終的に値の無い箇所を除外してい...
123...6