株式会社オンズのブログ記事一覧
-
【WordPress】メディアの自動生成を停止する方法 WordPressのメディア機能で画像をアップロードすると、デフォルトで様々なサイズのリサイズ画像が自動生成されます。 しかしサイトによってはすべてのリサイズ画像が必要とは限りません。 今回は、使用するリサイズ画像だけを生成し、不要な自動生... 【WordPress】メディアの自動生成を停止する方法続きを読む →
-
![【WordPress 6.7】緊急対応「img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }」を削除する方法](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiA5Ij48ZGVmcz48c3R5bGU+LmN7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48Zz48cmVjdCBjbGFzcz0iYyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjkiLz48L2c+PC9zdmc+)
-
【注意喚起】悪質なスパムメール『あなたのパスワードが侵害されました』について 新規のお客様から相談いただいた悪質な詐欺メールをシェアします。 こんにちは！ 私は数ヶ月前にあなたの電子メールとデバイスをクラックしたハッカーです。 あなたが訪問したサイトの1つにパスワードを入力君た。それを傍受しました。 これは、ハッキン... 【注意喚起】悪質なスパムメール『あなたのパスワードが侵害されました』について続きを読む →
-
【WordPress】現在のページが子ページである場合に、同じ親を持つ兄弟ページの一覧を出力する方法 ほぼ社内用の備忘録です。 よく使うコードなので紹介します。 主に「page.php」で使用するコードです。 現在のページが子ページであるとき、その親要素に紐づいている子ページ（＝兄弟ページ）をリストで一覧出力する方法です。 <?php... 【WordPress】現在のページが子ページである場合に、同じ親を持つ兄弟ページの一覧を出力する方法続きを読む →
-
【WordPress】類似URLへの自動補完リダイレクトを止める方法 WordPressを利用していると、存在しないURLにアクセスした際に、類似したURLを自動的に補完してリダイレクトしてくれる便利な機能があります。 この機能は一見有用に思えますが、場合によっては不要な動作であり、意図しないページにアクセス... 【WordPress】類似URLへの自動補完リダイレクトを止める方法続きを読む →
-
【CSS】filterプロパティを使ってPNG画像を白黒反転する方法 CSSのfilterプロパティを使用すると、JavaScriptや画像編集ソフトを使わずに、画像の色を反転させることができます。 これを活用すれば、たとえばボタンやリンクのホバー時に画像を切り替える手間を省き、より効率的にデザイン＆コーディ... 【CSS】filterプロパティを使ってPNG画像を白黒反転する方法続きを読む →
-
-
【CSS】あなたの「object-fit」が効かない原因 object-fitが効かない場合、以下の原因が考えられます。 「object-fit」を img に対して効かせていない <img>に「width」「height」の指定がない 親要素の問題 Internet Explorer... 【CSS】あなたの「object-fit」が効かない原因続きを読む →
-
【Google Spreadsheets】覚えておきたいスプレッドシートのショートカットキー Googleスプレッドシートのショートカットキー一覧です。 一般的な操作 操作 Mac Windows すべてを選択 ⌘ + A⌘ + shift + Space Ctrl + ACtrl + shift + Space 元に戻す ⌘ + ... 【Google Spreadsheets】覚えておきたいスプレッドシートのショートカットキー続きを読む →
-
-
-
【注意喚起】NTTドコモを名乗る『【株式会社NTTドコモ】ご請求金額確定のご案内』は悪質な詐欺メールです。 NTTドコモを装って届く『【株式会社NTTドコモ】ご請求金額確定のご案内』というタイトルのメールは悪質な詐欺メール、フィッシング詐欺です。 ぜったいにクリックしないようにしてください。 フィッシング詐欺とは？ フィッシング詐欺は、正規の企業... 【注意喚起】NTTドコモを名乗る『【株式会社NTTドコモ】ご請求金額確定のご案内』は悪質な詐欺メールです。続きを読む →
-
-
-
【JavaScript】画像の遅延読み込みを行うライブラリ［lazysizes.js］をオススメします ウェブサイトの表示速度を上げるために「画像の遅延表示」を導入することは非常に効果的です。 遅延表示に対応するJavaScriptは多数公開されており、このブログでも［Unveil Lazy Load］や［Layzr.js］などを紹介してきま... 【JavaScript】画像の遅延読み込みを行うライブラリ［lazysizes.js］をオススメします続きを読む →
-
【HTML】意味のない画像にも必ずalt属性を設定すべき理由とは？ 画像のimgタグに付与するalt属性は、アクセシビリティとSEOの観点から非常に重要な役割を果たします。 意味を持つ画像だけでなく、装飾的な画像にもalt属性を正しく設定することで、検索エンジンとスクリーンリーダーが画像を適切に解釈できるよ... 【HTML】意味のない画像にも必ずalt属性を設定すべき理由とは？続きを読む →
-
【正しいマークアップ】HTMLの「<a>」タグと「<button>」タグのどちらを使うべきか？ HTMLの<a>タグと<button>タグは、用途によって使い分けが必要です。 <a>タグの使い方 用途 ページ遷移や外部リンクなど、別のURLへの移動に使用。 役割 リンクとして動作し、href属性で指... 【正しいマークアップ】HTMLの「<a>」タグと「<button>」タグのどちらを使うべきか？続きを読む →
-
【2024年最新版】Google Fontsを遅延読み込みしてページ表示速度を改善する方法 これまで「Google Fonts」の読み込みには『Web Font Loader』を使うことが多かったのですが、少々面倒で使用するハードルが高いんですよね。 今日紹介するのは、比較的簡単に、秒速で実装できるGoogle Fontsの遅延読... 【2024年最新版】Google Fontsを遅延読み込みしてページ表示速度を改善する方法続きを読む →
-
【CSS】JavaScriptを使わずにウィンドウの横幅と高さを取得する方法 JavaScriptを使わずにCSSだけでウィンドウの幅と高さをピクセル値として取得する方法を紹介します。 このテクニックはCSSの新しい仕様「@property」と三角関数を活用し、動的にウィンドウサイズを計算し、CSS変数として保持しま... 【CSS】JavaScriptを使わずにウィンドウの横幅と高さを取得する方法続きを読む →
-
【WordPress】外部リンクの「rel="noopener noreferrer"」属性の自動付与を解除する方法 WordPressでは、セキュリティのため外部リンクに「」が自動的に追加されます。 これをカスタムフィルターを使用して解除する方法を紹介します。 「」属性の自動付与を解除する 次の関数をfunctions.phpに追加することで、自動的に付... 【WordPress】外部リンクの「rel="noopener noreferrer"」属性の自動付与を解除する方法続きを読む →
-
-
-
-
【CSS】CSSアニメーションをGPUで快適に処理する方法 アニメーションを多用した魅力的なウェブサイトでは、CSSアニメーションが頻繁に使われます。 しかし正しく実装しないとパフォーマンスの低下を招くことも。 アニメーションが「カクカク」する場合、たいていGPUでなくCPUで処理されていて、リペイ... 【CSS】CSSアニメーションをGPUで快適に処理する方法続きを読む →
![【WordPress 6.7】緊急対応「img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }」を削除する方法](https://on-ze.com/blog/wordpress/wp-content/themes/onze-blog-2024/inc/thumbnail/800x450x70-ea4dc0f91697fef53f35d4075df8f52b-wordpress-logo.webp){kind=logo}
