Agregando un avatar a mi título de blog de WordPress

WordPress utiliza el sistema Gravatar para agregar avatares a los comentarios, siempre y cuando los usuarios hayan iniciado sesión en tu blog. Los avatares también funcionan en otras plantillas, incluido el encabezado. Agregar un avatar al título del blog en un tema de WordPress (la plantilla del sitio web en general) requiere que usted obtenga la dirección de correo electrónico del propietario del blog y la incluya en una función para generar el avatar. Todo esto se hace de manera programática, extrayendo información de la base de datos de WordPress con algunas etiquetas de plantilla y código PHP simple.

1.

Vaya a su blog de WordPress e inicie sesión. Abra el submenú bajo "Apariencia" y navegue hasta "Editor". Haga clic en el enlace de su plantilla de encabezado para cargarlo en la pantalla "Editar temas".

2.

Localice el título de su blog en el código del encabezado:

3.

Copie el siguiente código y péguelo entre "

etiquetas "y" ":

Este código encontrará el avatar con el nombre de usuario del propietario del blog y luego lo mostrará en la página. Cambie el valor de la variable "tamaño" a cualquier tamaño que desee.

4.

Agregue una nueva línea sobre el código "get_avatar ()" y use "bloginfo ()" para obtener la dirección de correo electrónico del propietario del blog. Gravatar, el sistema de avatares en WordPress, usa las direcciones de correo electrónico para hacer coincidir a los usuarios con sus avatares, por lo que si establece este valor como "author_avatar", hará que "get_avatar ()" funcione:

$ author_avatar = bloginfo ('admin_email');

5.

Guarde su trabajo haciendo clic en el botón azul "Actualizar archivo". Cargue la hoja de estilo que se encuentra en la parte inferior de la pantalla "Editar temas". Escribe el siguiente código CSS para alinear el avatar con tu título:

encabezado .avatar {

flotador izquierdo; margen derecho: 10px; }

Cambie "encabezado" en el ejemplo anterior al nombre de ID de la cabecera del tema div. Cambie a un flotador derecho con un margen izquierdo si desea cambiar el ícono a la derecha de su título.

Recomendado