最近、ある読者から、Gravatar画像のサイズを変更できるかどうか尋ねられました。 答えはイエスです。 このチュートリアルでは、WordPressでGravatarの画像サイズを変更する方法を紹介します。
Gravatarは、ユーザーのメールアドレスを画像にリンクする世界的に認められたアバターです。 WordPressなどの人気のあるアプリは、WordPressを使用してサイトにユーザーの写真を表示します。
最も WordPressテーマ デフォルトでは、各ユーザー コメントの横に Gravatar を追加します。 著者の略歴に使用する人もいます。
WordPressサイトでGravatarの画像サイズを変更する方法を見てみましょう。
レマルク： Gravatar画像のサイズはテーマによって定義されるため、テーマのファイルを変更して変更する必要があります。
WordPressのコメントをグラバターのサイズを変更する方法
最初に行う必要があるのは、テーマフォルダーにあるcomments.phpファイルを開くことです。
にログインする必要があります。 サイトのWeb FTP クライアントを使用してテーマ ディレクトリにアクセスし、次のようなパスをたどります。" / WP-コンテンツ/テーマ/ yourtheme / '。
あるいは、サプライヤーの場合は、宿泊施設 ファイルマネージャーが提供されている場合は、cPanel の Web インターフェイスを使用してこのファイルを編集できます。
comments.phpファイルで、次のコードを見つける必要があります。 avatar_size »
「」の中にあります wp_list_comments このように：
'ol'、 'short_ping' => true、 'avatar_size' => 32、））; ？>
必要な寸法のサイズを変更するだけです。 グラバターは正方形なので、幅と高さの値セットは同じになります。
先に進み、変更を保存します。 FTPクライアントを使用している場合は、ファイルをサーバーにアップロードする必要があります。 コメントのある記事を開いて、変更が有効になっているかどうかを確認します。
そうでない場合は、おそらくテーマのCSSが原因です。 これを確認する最良の方法は、「 要素を検査する '。
ブラウザのGravatarを右クリックして、[アイテムの検査]をクリックするだけです。
Gravatar画像の高さと幅を調べて、定義した画像と一致するかどうかを確認する必要があります。
カーソルを合わせると、実際のGravatarディメンションとその属性で定義されているディメンションも強調表示されます。
XNUMXつが異なることに気付くでしょう。 これは、テーマのstyle.cssファイルがデフォルトの画像サイズを担当することを意味します。 デフォルトのテーマを含む多くのテーマ トゥエンティシックスティーン CSSを使用して画像のサイズを変更します。
テーマフォルダにあるstyle.cssファイルを開いて、アバターを検索する必要があります。 あなたはおそらくCSSクラスを見つけるでしょう：“。どのように著者.avatar 次のようなコードが含まれています：
.comment-author .avatar {height：42px; 位置：相対; 上：0.25em; 幅：42px; }
先に進み、comments.phpファイルで以前に設定された値と一致するように幅と高さを変更します。
それで全部です。 アバターのサイズを正常に変更しました」 グラバター WordPressコメント内。
ここで、CSSを使用して画像サイズを上書きできるのであれば、comments.phpファイルでそれを行うのはなぜでしょうか。
この方法でこれを行うには、2つの利点があります。
1-ぼやけた画像はありません
あなたが提案グラバターワードプレスのサイズを変更し、それが大きく、CSSでそれを作るようにしたい場合は、このぼやけた画像を行います。
2-速くロード時間
最適化のために、デフォルトよりも小さい画像サイズを設定する場合、CSSコードを使用して画像を小さくしても、画像の読み込みは最適化されません。
ただし、画像のサイズを「 comments.php 画像を小さくして、画像の読み込みを最適化できます。
このチュートリアルはこれですべてです。お好きなソーシャルネットワークでお気軽にこのチュートリアルをお友達と共有してください。
