PageSpeed Insights でレンダリングを妨げる Google Fonts 問題を解決する方法

PageSpeed Insights でレンダリングを妨げる Google Fonts 問題を解決する方法

2021/05/05 サイト運営

Web フォントは、サイトの表示スピードに影響を与えるのか?深く考えるまでもなく、この答えは Yes です。画面描画を少しでも速くするなら、Web フォントを使わないのが望ましいで...

IE から自動的に Edge が起動する仕組み。実装はできないが依頼はできる?!

IE から自動的に Edge が起動する仕組み。実装はできないが依頼はできる?!

2021/05/02 サイト運営

2020年夏のアップデートにて、Internet Explorer 11 で特定のサイトを閲覧すると、自動的に Edge が起動する機能が組み込まれました。対象サイトは Twitt...

display: flex で横並びにした画像が縦に伸びてしまう問題の対処法

display: flex で横並びにした画像が縦に伸びてしまう問題の対処法

2021/04/24 HTML・CSS

Flexbox で、高さの要素が違う画像を横並びにしたときに発生する問題。高さが短いほうの画像が、高さの長い画像に合わせて縦に伸びてしまう事象が起こります。まずはサンプルをご覧くだ...

ads.txt を反映しても【要注意】の警告が消えない場合に僕が行った対処法

ads.txt を反映しても【要注意】の警告が消えない場合に僕が行った対処法

2021/04/23 サイト運営

要注意 – 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。 Google Adsense サイトを開いて表示された警告。ads.txt(アズ...

WordPress ショートコードの引数に配列を使う方法

WordPress ショートコードの引数に配列を使う方法

2021/04/21 WordPress

WordPress のショートコードは、引数を使って任意の値を渡せる仕組みが用意されています。 ただし、1つの引数に対して渡せる値は1つだけ。そして配列のような特殊な...

WordPress で勝手にリサイズされた1536pxの画像の正体。どこで設定している?

WordPress で勝手にリサイズされた1536pxの画像の正体。どこで設定している?

2021/04/09 WordPress

4K スクリーンに対応用に、解像度の大きい画像ファイルをアップロードしていたときに気付いたこと。ふとサーバーの uploads フォルダ(画像を格納している場所)を確認してみると、...

メディア設定の画像サイズと記事挿入時の画像サイズが異なる場合の対処法【WordPress】

メディア設定の画像サイズと記事挿入時の画像サイズが異なる場合の対処法【WordPress】

2020/12/15 WordPress

WordPress の → [メディア] で指定した画像サイズと、投稿画面から挿入する画像「大」のサイズが異なる問題に遭遇してしまいました。イメージは次のような感じ。 発生...

HTML で右下や右上に小さい文字をつけるタグ。CSS は使いません

HTML で右下や右上に小さい文字をつけるタグ。CSS は使いません

2020/12/09 HTML・CSS

立法メートル m3 や平方メートル m2 といった単位、二酸化炭素 CO2 や水 H2O の化学式のように、文字の右上や文字の右下につける小さい文字を HTML で表現する方法は...

WordPress のトップページで特定のタグやカテゴリの記事を指定件数表示させる方法

WordPress のトップページで特定のタグやカテゴリの記事を指定件数表示させる方法

2020/11/24 WordPress

WordPress で運営するサイトのトップ画面に、最新の記事一覧とは別に、カテゴリやタグで分類した記事のリストを表示させるにはどうしたらいいのか。 このサイトと別に管理して...

WordPress の管理画面に独自 CSS を適用して文字サイズを大きくする【4Kモニターに対応】

WordPress の管理画面に独自 CSS を適用して文字サイズを大きくする【4Kモニターに対応】

2020/11/23 WordPress

パソコンの液晶モニターを 24 インチから 31 インチに、フルハイビジョンから 4K モニターに変えたところ、WordPress の管理画面の文字が小さすぎて見えにくくなる問題に...

JavaScript で取得した値・計算した結果を CSS に反映する方法

JavaScript で取得した値・計算した結果を CSS に反映する方法

2020/11/19 HTML・CSS

CSS には四則演算が行える calc() 関数があります。この中で使えるのは px, em, %, vw といった長さや割合の数値のみ。表示されている画面のサイズや解像度といった...

JavaScript で桁数指定の四捨五入・切り上げ・切り捨ての関数を実装【Excelと同じ仕様で作る】

JavaScript で桁数指定の四捨五入・切り上げ・切り捨ての関数を実装【Excelと同じ仕様で作る】

2020/11/18 JavaScript

丸め処理の基本的な仕様 JavaScript の丸め処理 JavaScript で用意されている数値の丸め処理には次の3つがあります。 Math.round ……...

パソコン内に WordPress の環境を構築する方法。初心者におすすめなツールを紹介【テスト環境の構築】

パソコン内に WordPress の環境を構築する方法。初心者におすすめなツールを紹介【テスト環境の構築】

2020/11/10 WordPress

WordPress のデータはインターネット上にあり、ブラウザから操作するだけで即座にデータが更新されるのが大きなメリットの1つです。 しかしテーマデザインの変更や func...

CSS で背景にストライプ柄を設定する方法【縦・横・斜めの縞模様】

CSS で背景にストライプ柄を設定する方法【縦・横・斜めの縞模様】

2020/07/09 HTML・CSS

当ブログのヘッダーに採用しているストライプ柄は、画像ではなく CSS で表現しています。 わざわざ画像を用意して background-image: URL() で指定しなく...

CSS で first-child かつ last-child の要素を表現する方法

CSS で first-child かつ last-child の要素を表現する方法

2020/07/09 HTML・CSS

まず CSS の書き方のルールとして A かつ B の条件を満たす記述方法があります。 HTML <!-- クラスが a かつ b の要素 --> <d...

ムームードメインから Xdomain へドメイン移管する方法!ドメインを XSERVER 管理下に置く

ムームードメインから Xdomain へドメイン移管する方法!ドメインを XSERVER 管理下に置く

僕は以下の目的で、管理しているドメインを全て XSERVER 配下のエックスドメインに変更しました。 .com や .net ドメインの更新費用が安い XSERVE...

初心者向けロリポップのプランの選び方!転送上限100GB/日のスタンダードプランは使い勝手の良いワンコインサーバーか?

初心者向けロリポップのプランの選び方!転送上限100GB/日のスタンダードプランは使い勝手の良いワンコインサーバーか?

ロリポップレンタルサーバーのプランごとの違いは次の通りです。 プランエコノミーライトスタンダードハイスピードエンタープライズ 月額100円250円~500円~¥1,00...

WordPress のアイキャッチ設定状況を確認できる一覧を SQL で取得する方法

WordPress のアイキャッチ設定状況を確認できる一覧を SQL で取得する方法

2019/10/04 WordPress

全ての投稿にアイキャッチを付けているつもりでも、設定漏れや誤って画像を消してしまい、アイキャッチなしのエントリーが紛れていることはありませんか? WordPress の場合、...

「サイトで技術的な問題が発生しています」の原因が Search Regex の場合の対処法

「サイトで技術的な問題が発生しています」の原因が Search Regex の場合の対処法

2019/09/14 WordPress

投稿内容を一気に置換できるプラグインの Search Regex を、WordPress 5.2 以降で利用すると、次のようなエラーを告げるメールが届きます。 メールで届くエ...

ロリポップ!レンタルサーバーのデータベースをバックアップする手順

ロリポップ!レンタルサーバーのデータベースをバックアップする手順

サーバー上のデータベースをバックアップするタイミングとして、次のようなパターンが挙げられます。 WordPress のバージョンアップ前 データの一括変更を行う前 サ...

このブログの運営者

NJ

元システムエンジニア。個人事業主として独立して Web サイト運営、ポップデザインや動画制作など、パソコンでモノづくりしています。