Web Design Leaves

【追記】 バージョン 5.1.3 では sass での除算の代わりに乗算を使用する（例えば 1/4 にするには 0.25 を掛ける）ように変更されて、 Warning は出ないように改善されています。 関連ページ：SASS の使い方（除算とスラッシュ） npm パッケージ を使って Bootstrap 5 をインストールしてビルドする際に sass のパッケ…

続きを読む

先日サイトの移転に伴い、IMAPで設定しているメールの移行を行いました。以下はその際の覚書です。 IMAPの場合、メールのデータはメールサーバー上にあるので、移行先のメールアカウントを作成後、メールクライアントに移行元と移行先の両方のアカウントを設定してメールをコピーすることができます。 但し、この作業はそれぞれのアカウントについて行う必要があるのでアカウン…

続きを読む

最新の投稿を指定した件数、古い順（昇順）に表示する方法の覚書です。 最新の投稿を古い順に取得するには、2段階で取得します（もっと良い方法があるかも知れません）。 最初にすべての投稿を取得して found_posts で投稿の全件数を取得します。 そして一度 wp_reset_postdata() で $post の値を元に戻します。 再度 WP_Query …

続きを読む

エックスサーバーでは他社サーバーからの移転時にSSL証明書を事前発行（無料独自SSLを事前に設定）することができます。 サーバーを移転する際、ネームサーバーの切り替え後に SSL を設定すると、反映されるまで時間がかかり、その間「この接続ではプライバシーが保護されません」というような SSL エラーになってしまいます。 例えば、ConoHa の場合は無料独自…

続きを読む

サイト移転での事前の表示や動作の確認をする際、静的なページの場合は、動作確認 URL で表示が確認できますが、Wordpress などを使っている場合は hosts ファイルを編集して Web にアクセスをすることで確認することができます。 今回行ったサイトの移転の事前の確認で hosts ファイルを編集したのですが、Firefox や Safari では …

続きを読む

関連ページ：WordPress Gutenberg ブロックの作成 Gutenberg で編集可能なブロックを作成する際に、 例えば、複数の RichText コンポーネントを使う場合、attributes（属性）の source プロパティや selector プロパティ、type プロパティを適切に設定する必要があります。 適切に設定されていないと、一見…

続きを読む

「Search Console により、貴サイトに影響する「解析不能な構造化データ」関連の問題が 1 件検出されました。」というメールが Google Search Console Team より届きました。内容は以下のようなものです。 原因は結論から言うと、JSON-LD で構造化マークアップしたパンくずリストの不注意による記述ミス（引用符の片方が削除され…

続きを読む

reCAPTCHA v3 を使う際に、送信時にトークンを取得する方法についての覚書です。 reCAPTCHA v3 のガイドに掲載されている以下の例の場合、ページを読み込んですぐにトークンを取得しているので、2分後にはこのトークンの有効期限が切れてしまいます。 <script src="https://www.google.com/recap…

続きを読む

wp_enqueue_script で JavaScript を読み込むと今までは以下のように HTML5 では不要な script 要素の type 属性が出力されたため、W3C のバリデーションでチェックすると「The type attribute is unnecessary for JavaScript resources」のような警告（Warnin…

続きを読む

Microsoft Remote Desktop 10 を使って Mac から Windows へリモートデスクトップ接続する方法の覚書です。 また、ウィルス対策ソフト「カスペルスキー インターネット セキュリティ 2019」を使っている場合の設定方法についても記載しています。　 目次 Windows 側の確認 リモートデスクトップ接続するには、Window…

続きを読む