¿Quieres usar un shortcode para incrustar libros de Google en tus publicaciones de WordPress? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para incrustar libros de Google en tus publicaciones usando shortcodes en WordPress.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:
add_shortcode('gbooks', 'sc_embed_google_books');
function sc_embed_google_books( $atts ){
extract(shortcode_atts(array(
"id" => '',
"width" => '600',
"height" => '900',
), $atts));
return '<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">
GBS_insertEmbeddedViewer("'.$id.'", '.$width.','.$height.');
</script>';
}
También notarás que algunos libros de Google tienen varios números ISBN como 0578022702, 9780578022703. Ambos pueden funcionar con el shortcode, pero deberías tomar el primero antes de la coma. Si el libro no tiene un número ISBN, entonces puedes obtener el ID de la URL.
Este es el shortcode que puedes usar para mostrar libros de Google en tus publicaciones. Simplemente reemplaza el número ISBN o ID y agrega tu número ISBN de libro de Google.
[gbooks id="0578022702" width="400" height="400"]
Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: los 9 mejores plugins de acordeón para WordPress y cómo configurar el seguimiento de descargas en WordPress con Google Analytics.
Oh… y con respecto a, “Probablemente haya un plugin para esto”… solo encontré uno. Y por las capturas de pantalla, parece que requiere dar permiso para mostrar su marca. Así que, de nuevo, este fragmento que has creado es como una pepita de oro para aquellos que desean mostrar Google Books en su sitio.
Gracias por proporcionar este código. Esta es la única referencia que he encontrado en línea sobre cómo lograr esto. Me sorprende un poco que no sea un tema que más gente esté discutiendo.
¿Tienes alguna sugerencia sobre cómo, si es que es posible, hacer que el tamaño de la pantalla sea adaptable? Por ejemplo, ¿trabajando con vw (ancho de la ventana gráfica) como un porcentaje? ¿Para que se muestre bien en diferentes dispositivos?
Jonathan
Hola, quiero modificar la vista previa de un libro incrustado en la publicación.
Porque mucha gente está haciendo un mal uso de este código y mostrando mis libros en sus publicaciones (sitios).
¿Me puedes ayudar a modificar el código? ¿Cómo puedo contactarte por correo electrónico?
Hola, me doy cuenta de que nadie ha publicado aquí en mucho tiempo, pero espero que alguien pueda ayudar.
Pegué el código en mi functions.php y agregué el shortcode a una página. Agregué el ID del libro de Google (aún no tengo ISBN, pero quiero mostrar una vista gratuita en el sitio). También pegué el ID en el código de la función donde dice id=>”
No aparece nada en la página, pero el shortcode sí desaparece. ¿Alguna idea? Estoy usando el tema Avada.
Así que logré que funcionara con tu libro de ejemplo. Creo que el problema es que mi libro está subido a "Mis libros" en Google. Aún no tiene ISBN y aún no se ha publicado públicamente. ¿Alguna idea sobre cómo hacerlo funcionar?
Kevin,
Muchas gracias. Muy apreciado. El primer fruto de esto lo puedes ver ahora en
http://www.theologyethics.com/2011/09/23/bonhoeffers-poetry-wannenwetsch-northcott-and-odonovan-articles/
Espero haberte dado el debido reconocimiento a ti y a Chad
A medida que desarrolle el sitio y el blog, creo que usaré este shortcode bastante, así que muchas gracias.
Andrew
Hola Andrew, no hay problema, me alegra haber podido ayudar. ¡El sitio se ve genial siempre!
Esta parece ser una adición realmente útil para mi sitio, pero soy completamente nuevo en WP y nunca he jugado con código antes. Encontré functions.php en mi tema Graphene 1.4.1 y agregué el código usando el botón de portapapeles y luego lo pegué justo al final y guardé el nuevo archivo. Sin embargo, cuando intenté usarlo yendo a una nueva publicación, obtuve algún tipo de código de error (relacionado con la cabecera y la llamada a algo) que se me quedó grabado. Afortunadamente, había pegado el archivo original en el Bloc de notas, así que simplemente lo volví a pegar sobre el archivo editado y lo guardé, y todo parece haber vuelto a la normalidad, pero por supuesto no puedo usar el shortcode.
Puede que esto sea un poco complejo para alguien nuevo, pero me pregunto si solo estoy pegando el código en el lugar equivocado del archivo o haciendo algo más que se pueda rectificar fácilmente. ¿Podrías aconsejarme?
Gracias,
Andrew
Si publicas el código dentro del archivo functions.php en http://pastebin.com/ puedo publicar una versión revisada con el shortcode agregado. Puede ser algo dentro de tu tema con lo que el código entra en conflicto.
Gracias. Acabo de pegar como Goddardfunctions.php Nunca antes había usado pastebin, pero creo que lo hice bien. Un pensamiento más: si mi tema se actualiza, presumiblemente necesito volver a insertar el código, así que debería guardar una copia de lo que funcione. Gracias por tu amable ayuda. Andrew
Hola Andrew, necesitaré la URL a donde pegaste el código, pastebin crea una URL corta aleatoria para cada publicación.
Kevin,
Gracias. No estoy seguro de si mi primer intento de decírtelo llegó. Parece que se encuentra en http://pastebin.com/DQtJcd8g
Hola Andrew,
Añadí el shortcode de Google Books, así que las cosas deberían funcionar ahora,
http://pastebin.com/YVkcPLUh
solo agrega el shortcode a tu publicación y las cosas deberían funcionar muy bien,
[gbooks id=”0578022702″ width=”400″ height=”400”]
Avísame,
Falta una ” para el ancho.
Debería ser:
[gbooks id=”0578022702″ width=”400″ height=”400”]
Gracias Gabriel, buena observación.
[…] la primera publicación de blog de invitado en WordPress Code Snippets es un fragmento de código para agregar el visor de Google Books a tus publicaciones usando un shortcode fácil. Échale un vistazo. Mientras estés allí, asegúrate de revisar el resto del sitio para ver otros […]