WordPress にコメント アバターのカスタム デフォルトと遅延読み込みを実装する、wordpress avatar_PHP チュートリアル
WordPress、WordPress アバターのカスタムデフォルトと遅延読み込みを実装します
WordPress のデフォルトコメントアバターをカスタマイズします
Gravatra アバターを設定していないコメント投稿者の場合、WordPress は背景に設定したデフォルトのアバターを表示します。これには、謎の人物、空白、デフォルトの Gravatar ロゴなどが含まれます。ただし、これらのアバターには共通の欠点があります。それは、あまり美しくなく、あまり見にくいということです。たとえば、記事を読むためにブログにアクセスしたが、その記事にコメントした読者のアバターはすべて、小さなモンスターやレトロなど、WordPress によって自動的に生成された「見苦しい」アバターであることが保証されている場合、あなたはそのようなことになります。まだこのブログの記事に興味がありますか?答えはイエスだと思います！では、自分のブログに属し、自分のブログに適したデフォルトの WordPress アバターをデザインしたり、見つけたりすることについて考えたことはありますか?さて、Zhou Liang はみんなの食欲をそそるわけではありませんが、プラグインを使用せずに WordPress のデフォルトのコメント アバターをカスタマイズする方法について話しましょう。
方法は非常に簡単で、以下に提供するコードを、使用しているテーマのfunctions.phpファイルに追加します。
リーリー
上記のコードの /images/tweaker.jpg は、カスタマイズされたデフォルト アバターの相対パスです。画像のアドレスは自分で変更できます。使用しているテーマの画像ファイルの下にアバターを配置することをお勧めします。
WordPress コメントアバターの遅延読み込み
HTML構造を変更する
前述した新しいブラウザーの問題のため、HTML 画像を記述する通常の方法は使用できなくなり、代わりに src 属性にプレースホルダーを記述し、実際の画像アドレスを data-original 属性に記述する必要があります。 WordPress アバターのコード構造は次のようになります。
リーリーWordPressでは、元の出力アバターは以下の通りです。
リーリーここで、次のように Lazy Load プラグインに適した構造に変更する必要があります。
リーリーローディング画像またはデフォルトのアバターをプレースホルダー画像として使用することをお勧めします。
遅延ロードのサポートを追加しました
footer.php を開き、Lazy Load プラグインを追加して、
