Пропустить

Как изменить размер изображения Gravatar на WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Недавно один из наших читателей спросил нас, возможно ли изменить размер изображения Gravatar. Ответ - да. В этом уроке мы покажем вам, как изменить размер изображения Gravatar в WordPress.

изменения-оф-размерно-DiMAGE-Gravatar-на-WordPress

Gravatar - это всемирно признанный аватар, который связывает адрес электронной почты пользователя с изображением. Популярные приложения, такие как WordPress и другие, используют его для отображения фотографии пользователя на сайте.

Большинство стандартных тем WordPress добавляют Gravatar рядом с каждым комментарием пользователя. Некоторые даже используют его для биографии автора.

Давайте посмотрим, как вы можете изменить размер изображения Gravatar на вашем сайте WordPress.

Примечание: Так как размер изображения Gravatar определяется вашей темой, вы должны изменить файлы вашей темы, чтобы изменить его.

Как изменить размер Gravatar для комментариев WordPress

Первое, что вам нужно сделать, это открыть файл comments.php, расположенный в папке вашей темы.

Вам необходимо подключиться к вашему веб-сайту с помощью FTP-клиента, а затем получить доступ к каталогу вашей темы, следуя пути, аналогичному следующему: " / Wp-содержание / темы / yourtheme / .

Кроме того, если ваш хостинг-провайдер предлагает файловый менеджер, вы можете отредактировать этот файл с помощью веб-интерфейса в вашей cPanel.

В файле comments.php вы должны найти следующий код: avatar_size »

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Это будет внутри функции " wp_list_comments Как это:

<? Php wp_list_comments (массив ( 'стиль' => 'ол' 'short_ping' => верно, 'avatar_size' => 32,)); ?>

Просто измените размер для размеров, которые вы хотите. Граватары квадратные, поэтому значение будет одинаковым для ширины и высоты.

Идем дальше и сохраняем ваши изменения. Если вы используете FTP-клиент, вам придется вернуть файл на сервер. Теперь откройте статью, в которой есть комментарии, чтобы узнать, вступили ли ваши изменения в силу.

Если это не так, то, вероятно, причина в вашей теме. Лучший способ проверить это - использовать инструмент Осмотрите элемент .

Просто щелкните правой кнопкой мыши на Gravatar вашего браузера и нажмите Проверить элемент.

осмотрите-на-элемент-на-WordPress

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Вы должны посмотреть на высоту и ширину изображения Gravatar, чтобы увидеть, соответствует ли оно установленному вами изображению.

При наведении на него курсора также будут выделены фактические размеры Gravatar и размеры, определенные в его атрибутах.

аватар-Gravatar-инспекции из-коды

Вы заметите, что они разные. Это означает, что файл style.css вашей темы отвечает за размер изображения по умолчанию. Многие темы, включая тему по умолчанию Двадцать Шестнадцать использует CSS для изменения размера изображений.

Вы должны открыть файл style.css в папке вашей темы и выполнить поиск аватара. Вы, вероятно, найдете класс CSS: ".как автор .avatar Который содержит такой код:

.Как-автор .avatar {высота: 42px; позиция: относительная; верх: 0.25em; ширина: 42px; }

Идите вперед и измените ширину и высоту в соответствии со значением, ранее установленным в файле comments.php.

Вот и все. Вам удалось изменить размер аватара? Gravatar В ваших комментариях к WordPress.

Теперь вам может быть интересно, если возможно заменить размер изображения с помощью CSS, то зачем делать это в файле comments.php?

Есть два преимущества для этого метода:

1 - нет размытых изображений

Если вы хотите изменить предложенный Gravatar WordPress и сделать его больше, сделайте это с помощью CSS сделает это размытое изображение.

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

2- быстрее время загрузки

Теперь, если вы хотите установить меньший размер изображения, чем по умолчанию, для оптимизации использование CSS-кода для уменьшения размера изображения не оптимизирует загрузку изображения.

Однако, изменив размер изображения на " comments.php Вы можете уменьшить изображение, что оптимизирует загрузку изображений.

Вот и все для этого урока, не стесняйтесь поделиться этим уроком с друзьями в ваших любимых социальных сетях.

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
12 акции
доля7
чирикать2
Регистрация3