Поддержка Проблемы и решения Изменить размер аватарок комментаторов

  • Доброго дня.

    Никак не могу изменить размер аватарок комментаторов в этой теме.

    Тема достаточно простая известная, потому и странно, что не получается.

    В теме изначально стоит этот код

    <?php wp_list_comments(array( 'style' => 'div')); ?>

    Чтобы я туда не добавлял, типа

    <?php wp_list_comments(array( 'style' => 'div', 'avatar_size' => 34,)); ?>

    и даже заменив его целиком на этот код

    wp_list_comments( array(
              'style'      => 'ol',
              'short_ping' => true,
              'avatar_size'    => 64,
            ) );

    Размер аватаров не меняется.
    Может кто поможет…

Просмотр 11 ответов — с 16 по 26 (всего 26)
  • Ещё раз. Сейчас в вашем файле нет указаний на конкретный размер аватарок. Что там было, пока вы экспериментировали — не суть. Сейчас в файле указаний про размер нет. Вордпресс догадаться, что нужно выводить аватары в отличном от размера по-умолчанию размере никак не может. Чтобы было иначе файл должен выглядеть, например так:

    <?php if ( $comments ) : ?>
    
    	<div class="comments">
    	  
    		<h3 class="comment-reply-title"><?php _e( 'Comments', 'davis' ) ?></h3>
    		
    		<?php wp_list_comments(array( 'style' => 'div', 'avatar_size' => 64 )); ?>
    
    		<?php if ( paginate_comments_links( 'echo=0' ) ) : ?>
    		
    			<div class="pagination"><?php paginate_comments_links(); ?></div>
    		
    		<?php endif; ?>
        
    	</div> <!-- comments -->
      
    <?php endif; ?>
    
    <?php if ( comments_open() || pings_open() ) : ?>
    
    	<?php comment_form( 'comment_notes_before=&comment_notes_after=' ); ?>
    
    <?php elseif ( $comments ) : ?>
    
    	<div id="respond">
    		
    		<p class="closed"><?php _e( 'Comments closed', 'davis' ); ?></p>
    		
    	</div> <!-- #respond -->
    
    <?php endif; ?>
    • Ответ изменён 4 года, 10 месяцев назад пользователем Quazimorda.

    Попробовал ваш код, комменты пропали вообще. Возможно ошибка в синтаксисе..

    Не исключено, что где-то я ошибся. Попробуйте так:

    <?php if ( $comments ) : ?>
    
    	<div class="comments">
    	  
    		<h3 class="comment-reply-title"><?php _e( 'Comments', 'davis' ) ?></h3>
    		
    		<?php wp_list_comments( 'style=div&avatar_size=64' ); ?>
    
    		<?php if ( paginate_comments_links( 'echo=0' ) ) : ?>
    		
    			<div class="pagination"><?php paginate_comments_links(); ?></div>
    		
    		<?php endif; ?>
        
    	</div> <!-- comments -->
      
    <?php endif; ?>
    
    <?php if ( comments_open() || pings_open() ) : ?>
    
    	<?php comment_form( 'comment_notes_before=&comment_notes_after=' ); ?>
    
    <?php elseif ( $comments ) : ?>
    
    	<div id="respond">
    		
    		<p class="closed"><?php _e( 'Comments closed', 'davis' ); ?></p>
    		
    	</div> <!-- #respond -->
    
    <?php endif; ?>

    То есть, вызывайте функцию и передавайте ей аргшументы не массивом, а строкой.

    Все эти варианты я уже пробовал. Никак не реагирует. Спасибо за помощь, мне даже уже стыдно вас отвлекать. Итак полдня на меня убили. Извини, еще раз большое спасибо. Видимо не судьба с этой темой.
    Вот бывают же такие темы: ну все казалось бы подходит, нет блин будет что-нибудь такое, что весь мозг выест 🙂

    Тут уже исключительно спортивный интерес. Скачал себе эту нехорошую тему, установил её, в шаблоне comments.php прописал размер аватарок и… Ничего. Полез в код и выяснил, что размер аватарок установлен как:
    <img alt="" src="http://0.gravatar.com/avatar/?s=64&d=mm&r=g" srcset="http://1.gravatar.com/avatar/?s=128&d=mm&r=g 2x" class="avatar avatar-64 photo avatar-default" height="64" width="64">
    Ага! Размеры физически-то с 32 пикселей на 64 поменялись, но внешне ничего не переменилось. А значит… Значит размеры ограничивает описание класса для аватарок в css!

    И что же я вижу в описании?

    .comment-author .avatar {
        position: absolute;
        left: 0;
        top: 1px;
        width: 40px;
    }

    Елки с палкой! Ширина указана как 40 пикселей. Ну-да, если позиция блока указана как absolute, то блоку необходимо указать конкретную ширину. Найдите это описание в style.css файле вашей темы, замените ширину на желаемую и не забудьте внести размер иконок в comments.php. Впрочем, говорил уже и повторяю ещё раз, лучше работать не с самой темой, а с дочерней по отношению к ней.

    И кроме того, если бы вы не упрямились и когда tuxfighter попросил у вас ссылку на сайт (а лучше всего сразу на запись с комментариями), дали бы эту ссылку, то ещё два дня назад прямо на вашем сайте в инспекторе кода удалось бы понять, что всему виной css. Редко кто пожелает устанавливать себе чужие непроверенные темы, только чтобы разобраться.

    Здорово! Ну вы молодец. Так что надо и куда прописать 🙂

    Повторяю, в comments.php Меняете строчку вызова функции wp_list_comments. Пусть выглядит, например, так:

    <?php wp_list_comments( 'style=div&avatar_size=64' ); ?>

    Это, конечно, если размер аватарок необходимо изменить на 64 пикселя.

    А в файле style.css найдите описание .comment-author .avatar и width: 40px; замените на width: 64px;.
    Вполне вероятно, что потребуется сделать отступ от картинки справа. Тогда ещё добавьте к этому css-описанию right: 10px;.

    Получилось… даже код <?php wp_list_comments(array( 'style' => 'div')); ?> оказался вообще не нужен!
    Кстати мне было нужно их уменьшить аватарки до 24, а не увеличить до 64. Но это не важно. Я их уменьшил, и они оказались «оторванными» от фио комментатора. В общем получилась жуть — коли сами установили эту тему, можете сами убедиться. Попробуйте уменьшить до 24 пикселей и увидите этот ужас 🙂
    Я пытался поиграться с настройками стилей, но не получилось — просто сама аватарка прыгала по экрану и все 🙂

    Вы — просто таки фанат 🙂 А я полностью разочаровался в этой теме. Это же надо быть таким кривым…

    Все, сам исправил! надо было изменить еще эти настройки

    .comment-meta { 
        font-size: 14px;
        margin: 2px 0 20px 0;
        padding-left: 30px;
    }

    и

    .comment-author {
        padding-left: 30px;
        position: relative;
    }

    Огромное Вам человеческое спасибо! Если, вы не шифруетесь, дайте свои координаты, скажем в фейсбуке. Надо с такими как вы дружить однозначно :-0

    • Ответ изменён 4 года, 10 месяцев назад пользователем fedorov. Причина: СПАСИБО!

    Спасибо!

    • Ответ изменён 4 года, 10 месяцев назад пользователем fedorov.

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

    И Вам Огромное Вам человеческое спасибо!

    • Ответ изменён 4 года, 10 месяцев назад пользователем Yui. Причина: п16, контакты в разделе "специалисты"
Просмотр 11 ответов — с 16 по 26 (всего 26)
  • Тема «Изменить размер аватарок комментаторов» закрыта для новых ответов.