株式会社オンズのブログ記事一覧
カテゴリー "開発ブログ" を表示中：793件
-
【Font】ウェブサイトで『游ゴシック』が使えなくなった理由と今後の対応 目次游ゴシックが推奨されていた背景なぜ游ゴシックが使えなくなったのか？影響を受けるブラウザMacで「游ゴシック」が使えない理由今後ウェブサイトで游ゴシックを使うには？Chromeの動向まとめ 游ゴシックが推奨されていた背景 MacとWind... 【Font】ウェブサイトで『游ゴシック』が使えなくなった理由と今後の対応続きを読む →
-
【注意喚起】ヨドバシ・ドット・コムを名乗る『「お客様情報」変更依頼受付のご連絡』は悪質な詐欺メールです。 ヨドバシ・ドット・コムを装って届く『「お客様情報」変更依頼受付のご連絡』というタイトルの詐欺メールが届きました。 もしお手元に同じメールが届いていたら、それは悪質フィッシング詐欺ですのでぜったいにクリックしないようにしてください。 フィッシ... 【注意喚起】ヨドバシ・ドット・コムを名乗る『「お客様情報」変更依頼受付のご連絡』は悪質な詐欺メールです。続きを読む →
-
【WordPress Plugins】スパム対応プラグイン［Akismet］使用時の「akismet-widget-style-inline-css」を削除する方法 最近のAkismetのアップデートにより、Akismetがインストールされているすべてのウェブサイトの <head>〜</head> タグ内に以下のコードが追加されるようになりました。 <style id='a... 【WordPress Plugins】スパム対応プラグイン［Akismet］使用時の「akismet-widget-style-inline-css」を削除する方法続きを読む →
-
【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 すべてを選択 ... 【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>タグの使い方<button>タグの使い方結論 <a>タグの使い方 用途 ページ遷移や外部リ... 【正しいマークアップ】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"」属性の自動付与を解除する方法続きを読む →
-
![【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}
