G
grupoGLX
Delta
Diseñador
El siguiente tutorial estaba en ingles.
fuente : visitar tutorial
Haciendo esta modificación en su blog usted hará que los usuarios que ingresan a la misma puedan comentar/opinar/expresar sobre sus artículos, ya que de esta forma usted le ahorra al usuario el registrarse pero aun asi comentar en su sitio web.
Paso 1: Crear una aplicación para Facebook
Antes de que genere el código de “Facebook Comments” e implementarlo en su blog, es necesario crear una aplicación para su sitio.
En la siguiente pantalla, podrás ver tu nueva creación de APP App ID y Clave Secreta aplicación . Usted no necesita la clave secreta, pero el ID de aplicación se utilizará más adelante. Tome nota de ello.
Enlace eliminado
Debajo de estas teclas, siga adelante y rellene el siguiente correo electrónico de contacto y de dominio de aplicación (dominio de su blog). Ir abajo y haga clic en Sitio web . Rellene el mismo dominio que utilizó para el dominio de aplicación. Haga clic en Guardar cambios .
Paso 2: Introduzca el código de Facebook Commentsen su Theme
En este tutorial, vamos a implementar Facebook Comments junto con el sistema por defecto comentario WordPress en lugar de reemplazarlo. Si quieres, puedes ir al generador de código de Facebook Commentspara obtener el código que necesita para insertar el sistema de comentarios, sin embargo, lo he incluido aquí, así que sólo se puede copiar. Tendrá que modificar algunas partes de la misma, sin embargo, voy a observar qué partes son las que para cada bloque.
El bloque de código a continuación deben ser colocados en el tema de header.php archivo. Busque la etiqueta de apertura <body> y pegue el bloque justo debajo. En la línea 6, sustitúyase “Su ID App” con su ID de aplicación.
Mientras todavía estás en tu header.php archivo, vaya para arriba en la sección head y pega este bloque de código en algún lugar. Se asegurará de que el sistema de Facebook Comentando sobre su blog sabe que es propiedad de la aplicación que ha creado antes. Vuelva a colocar el “Su ID App” poco con su ID de aplicación (deje las comillas en su lugar).
El siguiente bloque de código debe colocarse en el tema de comments.php archivo. Dado que estamos implementando Facebook Comments junto a los comentarios de WordPress, vas a ser lo que desea pegar la caja de Facebook Comments a aparecer, y no va a borrar nada del código original.
Si genera su código de Facebook Comments desde el enlace que te di antes, en lugar de limitarse a agarrar de este tutorial, recuerde cambiar la data-href atributo del URL original a <?php the_permalink() ?>.
También puede editar los datos num-posts , datos de ancho- , y datos ColorScheme atributos de su agrado. La primera define la cantidad de comentarios que se muestra en cada mensaje antes de que un usuario tiene que hacer clic en "ver más", el segundo define la anchura del sistema de comentarios (ajustado a algo un poco más pequeño que el ancho de su área de contenido), y es el último la combinación de colores, que puede ser configurado en "light" o "dark".
Paso 3 : Visualizar combinado Facebook y WordPressComentarios
Su tema más probabilidades tiene varias áreas donde se muestran la cantidad de comentarios que hay en un poste. De manera predeterminada, sólo se muestran el número de comentarios de WordPress. Ya que estamos implementando Facebook Comments junto a los comentarios de WordPress ahora, usted querrá mostrar la suma de los comentarios de los dos sistemas en cada poste.
Para ello, en primer lugar abrir el tema de functions.php archivo. Pegue el código que se muestra a continuación en la parte inferior del archivo y guárdelo.
Ahora que tiene la función añadida a tu tema, puedes usarlo para reemplazar las funciones comentario original de conteo utilizados en su tema. En mi tema, los comentarios son llamados mediante este código:
Su tema puede usar esta función para mostrar el número de comentarios, o puede que no. Una vez que hayas encontrado lo que lo hace mostrarlo, reemplácelo con este código:
Es probable que haya varios lugares dentro de su tema que usted necesitará para insertar este código. He aquí una lista de las más comunes:
El contenido del post fue posteado en : Enlace eliminado ( es mio pero lo deje colgado porque lo utilzaba mas para pruebas en el mismo esta implementado el sistema de comentarios de facebook que mostre en este tutorial. )
fuente : visitar tutorial
Paso 1: Crear una aplicación para Facebook
Antes de que genere el código de “Facebook Comments” e implementarlo en su blog, es necesario crear una aplicación para su sitio.
- Ir a developers.facebook.com
- Haga clic en Aplicaciones
- Haga clic en Crear nueva aplicación
- Escriba un nombre para mostrar App y Espacio de nombres
En la siguiente pantalla, podrás ver tu nueva creación de APP App ID y Clave Secreta aplicación . Usted no necesita la clave secreta, pero el ID de aplicación se utilizará más adelante. Tome nota de ello.
Enlace eliminado
Debajo de estas teclas, siga adelante y rellene el siguiente correo electrónico de contacto y de dominio de aplicación (dominio de su blog). Ir abajo y haga clic en Sitio web . Rellene el mismo dominio que utilizó para el dominio de aplicación. Haga clic en Guardar cambios .
Paso 2: Introduzca el código de Facebook Commentsen su Theme
En este tutorial, vamos a implementar Facebook Comments junto con el sistema por defecto comentario WordPress en lugar de reemplazarlo. Si quieres, puedes ir al generador de código de Facebook Commentspara obtener el código que necesita para insertar el sistema de comentarios, sin embargo, lo he incluido aquí, así que sólo se puede copiar. Tendrá que modificar algunas partes de la misma, sin embargo, voy a observar qué partes son las que para cada bloque.
El bloque de código a continuación deben ser colocados en el tema de header.php archivo. Busque la etiqueta de apertura <body> y pegue el bloque justo debajo. En la línea 6, sustitúyase “Su ID App” con su ID de aplicación.
PHP:
<div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=Su ID App";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>Mientras todavía estás en tu header.php archivo, vaya para arriba en la sección head y pega este bloque de código en algún lugar. Se asegurará de que el sistema de Facebook Comentando sobre su blog sabe que es propiedad de la aplicación que ha creado antes. Vuelva a colocar el “Su ID App” poco con su ID de aplicación (deje las comillas en su lugar).
PHP:
<meta property="fb:app_id" content="Su ID App"/>El siguiente bloque de código debe colocarse en el tema de comments.php archivo. Dado que estamos implementando Facebook Comments junto a los comentarios de WordPress, vas a ser lo que desea pegar la caja de Facebook Comments a aparecer, y no va a borrar nada del código original.
PHP:
<div class="fb-comments" data-href="<?php the_permalink() ?>" data-num-posts="2" data-width="470" data-colorscheme="light" data-mobile="false"></div>Si genera su código de Facebook Comments desde el enlace que te di antes, en lugar de limitarse a agarrar de este tutorial, recuerde cambiar la data-href atributo del URL original a <?php the_permalink() ?>.
También puede editar los datos num-posts , datos de ancho- , y datos ColorScheme atributos de su agrado. La primera define la cantidad de comentarios que se muestra en cada mensaje antes de que un usuario tiene que hacer clic en "ver más", el segundo define la anchura del sistema de comentarios (ajustado a algo un poco más pequeño que el ancho de su área de contenido), y es el último la combinación de colores, que puede ser configurado en "light" o "dark".
Paso 3 : Visualizar combinado Facebook y WordPressComentarios
Su tema más probabilidades tiene varias áreas donde se muestran la cantidad de comentarios que hay en un poste. De manera predeterminada, sólo se muestran el número de comentarios de WordPress. Ya que estamos implementando Facebook Comments junto a los comentarios de WordPress ahora, usted querrá mostrar la suma de los comentarios de los dos sistemas en cada poste.
Para ello, en primer lugar abrir el tema de functions.php archivo. Pegue el código que se muestra a continuación en la parte inferior del archivo y guárdelo.
PHP:
/ / Obtener combinado FB y el recuento de WordPress comentario
function full_comment_count() {
global $post;
$url = get_permalink($post->ID);
$filecontent = file_get_contents('https://graph.facebook.com/?ids=' . $url);
$json = json_decode($filecontent);
$count = $json->$url->comments;
$wpCount = get_comments_number();
$realCount = $count + $wpCount;
if ($realCount == 0 || !isset($realCount)) {
$realCount = 0;
}
return $realCount;
}Ahora que tiene la función añadida a tu tema, puedes usarlo para reemplazar las funciones comentario original de conteo utilizados en su tema. En mi tema, los comentarios son llamados mediante este código:
Insertar CODE, HTML o PHP:
[INDENT]
<?php comments_popup_link(’0′,’1′,’%'); ?>
[/INDENT]Su tema puede usar esta función para mostrar el número de comentarios, o puede que no. Una vez que hayas encontrado lo que lo hace mostrarlo, reemplácelo con este código:
Insertar CODE, HTML o PHP:
[INDENT]
<?php echo full_comment_count(); ?>
[/INDENT]Es probable que haya varios lugares dentro de su tema que usted necesitará para insertar este código. He aquí una lista de las más comunes:
- El comments.php archivo
- Cerca de la parte superior de su single.php archivo
- El index.php - que va a estar ubicado en el bucle que llama a cada puesto
- Los ficheros de archivo como archive.php , category.php , author.php , etc En este, que va a estar ubicado en el bucle que llama a cada puesto también.
- En search.php
- En page.php si permite comentarios en las páginas
PHP:
<?php
$commentCount = full_comment_count();
if ( $commentCount == 0 ) {
echo '<h5>Sin comentarios!</h5>';
}
else if ( $commentCount == 1 ) {
echo '<h5>1 Comentario!</h5>';
}
else {
echo '<h5>' . $commentCount . ' Comentarios!</h5>';
}
?>El contenido del post fue posteado en : Enlace eliminado ( es mio pero lo deje colgado porque lo utilzaba mas para pruebas en el mismo esta implementado el sistema de comentarios de facebook que mostre en este tutorial. )
