MENU
WEB制作の備忘録 | ぶろぐみ
お問い合わせ
　
  1. ホーム
  2. ちょっとしたWeb制作のメモ

ちょっとしたWeb制作のメモ

Web制作で役立つちょっとしたメモや知識を綴っています。

目次

WordPress

ログインできない

ログインパスワードの強制リセット

データベースphpMyAdminの「wp_users」から任意のユーザーを選択し、編集。

「user_pass」に新しいパスワードを入力後、隣の選択項目から「MD5」を選択し、最後に実行して完了。

プラグインを強制停止

「wp-content」＞「plugins」の名前を一旦変更し、プラグインを無効化。

ログイン後に、名前を戻して完了。

サーチコンソール

所有権の確認

Google Analyticsでの確認ができない

gtag.jsを遅延読み込みしている場合は、確認に失敗する。

その場合、「HTML タグ」などで確認する。

自分自身の権限（ユーザー）の削除はできない

譲渡する場合などは、相手からユーザーの削除をしてもらう必要があります。

また、所有権確認者を削除した際に「未使用の所有権トークン」が残っていると、対象者が復活できてしまうので、これも削除しておく方が良いです。

CSS

袋文字

太い輪郭を描写すると中の色が塗りつぶされますが、paint-orderで順序を指定してあげると綺麗な袋文字にすることができます。

.text {
  color: #fff;
  -webkit-text-stroke: 10px;
  /* 輪郭を先に描写 */
  paint-order: stroke;
}

透明度の指定

16進数や色名でも透明度を変更できる。

/* 16進数 */
background-color: rgb(from #fff r g b / .8);
/* 色名 */
background-color: rgb(from white r g b / .8);

SVG

不具合

ブラウザ毎にテキストの見た目が変わらないようにする

SVG内のテキストはブラウザによって明朝体に変わったりする。

SVG全体をアウトライン化するとSVGのサイズが変わる場合があるので、テキストデータだけアウトライン化して、フォントの見た目を統一させる。

Safariでdrop-shadowが途切れないようにする

Safariで影がうまく描写されないことがあるので、transformやwill-changeプロパティを利用してハードウェアアクセラレーションを強制的に有効化します。

.item {
  filter: drop-shadow(10px 10px 5px #aaa);
  /* 以下のどちらかを記述 */
  transform: translateZ(0);
  will-change: filter;
}
目次