In the comments, automatically create a color image (img) with the first two letters of Author name

kamon

How can I use Pluxml or a plugin to automatically create an img image (without using gravatar) with the first two letters of the comment author's name, e.g. for the author Franky (class=“comment__author”) - inside a colored box (using simple colors, no more than 7) create a green image: [ Fr ], then a blue Alex: [ Al ], etc. ??? It is desirable that the color of the image be fixed for the author of the message so that there is no color confusion.

This would look stylish and modern. Because no one registers on the blog, people just write to each other in the comments below the article.

For example:

Franky

Hello, I'm back in touch!

Alex

Hi, I'm doing great!

...

Unélio

Hello,

On my website I use this :

commentaires.php

<?php if(!defined('PLX_ROOT')) exit; ?>

  <div id="comments">

    <?php if($plxShow->plxMotor->plxRecord_coms): ?>

    <div id="show">

      <?php
        $i=rand(1, 15);
        $tableau=array();
      ?>

        <div id="paginate_container">
            <ul class="paginate_content">
            <?php while($plxShow->plxMotor->plxRecord_coms->loop()): # On boucle sur les commentaires ?>

            <li>
                    <div class="a_comment">
                        <?php
                      $nom=$plxShow->comAuthorName();

                      $couleurs = array(
                          '#5BBBC6', /* turquoise clair */
                          '#C58E8C', /* olive clair */
                          '#F27982', /* rouge clair */
                          '#52A79C', /* vert foncé clair */
                          '#749CF0', /* bleu clair */
                          '#F68F6C', /* orange clair */
                          '#9A99AF', /* gris coloré clair */
                          '#8DC9EC', /* jaune clair */
                          '#B8B0A5', /* marron pâle clair */
                          '#9FA37B', /* vert armé clair */
                          '#A3A6F5', /* violet clair */
                          '#F29D86', /* rose clair */
                          '#D08AA7', /* mauve clair */
                          '#5A1A22', /* marron foncé */
                          '#D49A2C', /* jaune orangé clair */
                          '#ED9BF2', /* violet rose clair */
                          '#1A6DAF', /* bleu foncé clair */
                          '#4FA3D1', /* bleu azur */
                          '#A86FD3', /* violet moyen */
                          '#6FBF8E', /* vert doux */
                          '#E2A14A', /* ocre */
                          '#E06C9F', /* rose soutenu */
                          '#7C8A95', /* gris bleuté */
                          '#C4D04F', /* vert jaune */
                          '#D45F3A', /* terracotta */
                      );

                      $i++;
                      if($i > count($couleurs)) $i=1;

                      if(!array_key_exists($nom, $tableau)){
                        $tableau[$nom]=$couleurs[$i];
                        $couleur=$couleurs[$i];
                      }else{
                        $couleur=$tableau[$nom];
                        $i--;
                      }

                      if(empty($couleur)) $couleur='#555555'; /* Bug quand on valide le html de la page */
                    ?>

                    <div class="info_comment">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-hidden="true">
                            <circle fill="<?php echo strtolower($couleur) ?>" cx="32" cy="20" r="12" />
                            <path fill="<?php echo strtolower($couleur) ?>" d="M8 56c0-13.255 10.745-24 24-24s24 10.745 24 24" />
                        </svg>
                        <div class="text_info">
                            <p class="author_comments"><?php $plxShow->comAuthor(); ?></p>
                            <p class="message_date"><?php $plxShow->comDate2(); ?></p>
                        </div>
                    </div>
                    <div class="content_com"><?php $plxShow->comContent2(); ?></div>

                    </div>
            </li>

            <?php endwhile; ?>
            </ul>
            <div class="paginate_navigation"></div>
        </div>

    </div>

    <?php endif; ?>

    <?php if($plxShow->plxMotor->plxRecord_arts->f('allow_com') AND $plxShow->plxMotor->aConf['allow_com']): ?>

    <div id="form">

      <div id="form_comment">
        <form action="<?php $plxShow->artUrl(); ?>#form" method="post">
          <textarea id="id_content" name="content" cols="35" rows="6" placeholder="<?php $plxShow->lang('COMMENT') ?>" required><?php $plxShow->comGet('content',''); ?></textarea>

          <input id="id_name" name="name" type="text" size="20" placeholder="<?php $plxShow->lang('NAME') ?>" value="<?php $plxShow->comGet('name',''); ?>" maxlength="30" required />

          <p><?php
            if($plxShow->plxMotor->aConf['capcha']):
            $plxShow->capchaQ();
          ?></p>

          <input id="id_rep" name="rep" type="text" size="30" placeholder="<?php $plxShow->lang('CAPCHA') ?>" maxlength="1" required />

          <?php endif; ?>

          <?php $plxShow->comMessage('<p id="com_message" class="#com_class">#com_message</p>'); ?>

          <input type="submit" value="<?php $plxShow->lang('SEND') ?>" />
        </form>
      </div>
    </div>

    <?php endif; ?>

  </div>

And in class.plx.show.php I add :

public function comAuthorName() {
    $name = $this->plxMotor->plxRecord_coms->f('author');
    return $name;
}

after public function comAuthor($type='') {}

Also, you need to replace comDate2(); with comDate();, same thing with comContent2...

May be it can help you,

Regards.