Comunidad de diseño web y desarrollo en internet online

Instalar plugin Official Comments en Wordpress

Official comments es un plugin de wordpress que resalta tus respuestas como administrador, y en general las de todo usuario registrado en tu blog o bitácora, su instalación es bastante sencilla, y su configuración puede llevarte desde unos cuantos minutos, hasta muchas horas, dependiendo del tiempo que le quieras dedicar.

Paso 1: Descargar e instalar

Primero, descarga el plugin, luego, descomprime su contenido en algún lugar de tu equipo, y sube a tu host, el archivo official-comments.php en la ruta wp-content/plugins/ de tu host (nota importante: Debes saber usar un FTP para ello y tener los permisos correspondientes). Luego, vé a tu Dashboard (o panel si así prefieres llamarlo) y actívalo.

Paso 2: Configurar el archivo de comentarios

Todos los temas, tienen una misma estructura en sí, aunque algunos cambian un poco su forma de administrar los archivos, la mayoría se basa en la estructura original de Wordpress, así que primero busca el archivo de comentarios, que en la mayor parte de los casos, debe ser wp-comments.php, y busca está línea

Código :

<?php foreach ($comments as $comment) : ?>


Debajo de ella, hay un elemento li que deberás reemplazar por lo siguiente

Código :

<li class="comment <?php echo (is_wpuser_comment() ? ' commentOfficialUser' : ''); ?>" id="comment-&lt?php comment_ID() ?>"> 


Este código como pueden ver, distingue si el comentario ha sido marcado como oficial, es decir, si pertenece a un usuario en nuestra base de datos, con esto, conseguimos que se establesca un estilo css único para nuestros usuarios, por lo que nuestro siguiente objetivo, será crear ese estilo

Paso 3: Configurar el estilo para los comentarios

Abriremos el archivo style.css o el que este en nuestro tema como el principal, y añadirémos un estilo a nuestro gusto, con el nombre de clase commentOfficialUser, yo por ejemplo tengo este

Código :

.commentOfficialUser 
{ 
    border: 1px solid #CCCCCC;
    background-color: #F7F7F7;   
    font-family: Helvetica;
}


Paso 4: Afinar detalles

Este último paso es opcional, vamos a colocar una imagen por cada uno de nuestros usuarios, para ello, en la raíz de nuestro host, crearemos un directorio images y adentro un subdirectorio icons (aunque en realidad podemos configurarlo a nuestro gusto), ahí dentro, colocaremos las avatares de nuestros usuarios en la forma user_usuario.jpg, incluso podemos usar png, gif, etc. Esto como mencioné, es configurable al gusto de cada quien, algo recomendable aquí es que la imagen sea simétrica en sus medidas, por ejemplo, 48 x 48 píxeles es una buena medida.

Ahora, vamos a regresar al archivo wp-comments.php o el que este marcado como el archivo de comentarios en nuestro tema y debajo de la línea que modificamos, vamos a agregar lo siguiente

Código :

<?php 
    if(is_wpuser_comment() != 0) {
      echo "<img src='/images/icons/user_".comment_wpusername().".jpg' alt='Official' align='left' style='border: 1px solid #CCCCCC; margin: 5px;' /> ";   }
  ?>


Por supuesto, lo ideal sería crear un estilo para el avatar del usuario, pero eso ya lo dejo a consideración de ustedes, lo importante aquí es que la función is_wpuser_comment no regrese 0, pues esto representaría un visitante y no se marcaría como comentario oficial, Con esto, hemos terminado de instalar y configurar nuestro plugin, el resultado sería algo como esto:

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate