es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Cómo agregar la autoría de Facebook en WordPress

Facebook ofrece una gran cantidad de servicios para que los sitios web sean más atractivos en toda la red social, como usar el Comentario, la ilustración, el eminente botón Me gusta y, más recientemente, ha mejorado la función de Etiquetado de Autor. La Etiqueta de autor, cuando se proporciona, permite a Facebook etiquetar el artículo compartido con el perfil de Facebook del autor.

Tenga en cuenta que Author Tag no es nuevo, simplemente se ha mejorado para mostrar el nombre del autor junto con una vinculación al perfil del artículo, si se proporciona.

Esta es una buena oportunidad para que los sitios de noticias o blogs de múltiples autores aumenten la credibilidad de sus periodistas, escritores y bloggers en Facebook. Aquí, vamos a ver cómo integrar el etiquetado de autor en su sitio de WordPress .

1. Codificación del tema

Para empezar, necesitamos un campo de entrada adicional en la pantalla de Editar Perfil para permitir que el autor ingrese su URL de perfil de Facebook.

Abra el functions.php de su tema y coloque los siguientes códigos.

 función facebook_profile_url ($ profile_fields) {$ profile_fields ['facebook_url'] = 'Facebook URL'; return $ profile_fields; } add_filter ('user_contactmethods', 'facebook_profile_url'); 

Este código agrega un campo adicional en la "Información de contacto". Ingrese la URL de Facebook, por ejemplo, https://www.facebook.com/zuck y guarde.

Ahora, necesitamos generar la URL en el head del tema. Para hacerlo, agregue el siguiente código en functions.php .

 función facebook_author_tag () {if (is_single ()) {global $ post; $ author = (int) $ post-> post_author; $ facebook_url = get_the_author_meta ('facebook_url', $ author); if (! empty ($ facebook_url)) {echo '  '; }}} add_action ('wp_head', 'facebook_author_tag', 8); 

Este código recupera la URL y la genera en el artículo: metaetiqueta de autor según la especificación de Open Graph de Facebook. is_single() el código dentro de una función condicional, is_single(), para garantizar que la metaetiqueta solo se genere en la publicación única o el artículo.

Además, el código también verifica si la URL está presente, si no lo está, no generaremos la metaetiqueta. Actualiza la página del artículo y deberías encontrar la etiqueta en la etiqueta de la head .

2. Usando un complemento

Si la codificación no está en su camino, puede hacerlo fácilmente con un complemento. Podemos usar Yoast SEO. Es un buen complemento que ayuda con la optimización de su sitio web tanto en los motores de búsqueda como en sitios sociales como Facebook. Una vez que se haya instalado, debe encontrar una nueva entrada "URL de perfil de Facebook" agregada en su edición de perfil.

Ingrese su URL de Facebook. Guarde para actualizar el perfil, y ya está todo listo. No necesita modificar su tema para agregar la etiqueta, ya que el complemento lo hizo todo por usted.

Eso es todo, de cualquier forma que haya elegido, ahora tiene el artículo etiquetado con el autor . Ahora, si tiene varios autores que contribuyen a su sitio, haga un anuncio pidiéndoles que ingresen su URL de Facebook. Y asegúrese de que la URL apunte correctamente al perfil correcto.

Espero que este consejo te sea útil.

Cómo habilitar la transformación de CSS en IE6-8 [Consejo rápido]

Cómo habilitar la transformación de CSS en IE6-8 [Consejo rápido]

Los navegadores modernos tienen mucho soporte para la mayoría de las propiedades de CSS3. En esencia, puede aplicar animaciones CSS, transformaciones y gradientes entre otras cosas con facilidad. Sin embargo, todavía hay muchos usuarios de versiones anteriores de las versiones de Internet Explorer que no son exactamente compatibles con las nuevas propiedades de CSS3 .

(Consejos de tecnología y diseño)

Bulma es el único marco de CSS con Flexbox que siempre necesitarás

Bulma es el único marco de CSS con Flexbox que siempre necesitarás

Flexbox es un tema candente para los desarrolladores de frontend ya que ofrece un enfoque moderno para las alineaciones de CSS . La mayoría de los diseños de sitios web se basan en flotantes de CSS o porcentajes fijos para mantener los bloques de contenido en línea.Pero flexbox cambia todas las reglas y con un framework como Bulma puedes construir diseños completos en flexbox . Es

(Consejos de tecnología y diseño)