¿Quieres utilizar un shortcode para incrustar libros de Google en tus entradas de WordPress? Aunque probablemente exista un plugin para ello, hemos creado un fragmento de código rápido que puedes utilizar para incrustar libros de Google en tus entradas mediante shortcodes en WordPress.
Instrucciones:
Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en 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 te darás cuenta de que algunos libros de Google tienen varios números ISBN, como 0578022702, 9780578022703. Ambos pueden funcionar con el shortcode, pero debes coger el primero antes de la coma. Si el libro no tiene un número ISBN, puede obtener el ID de la URL.
Este es el shortcode que puedes utilizar para mostrar los libros de Google en tus entradas. Simplemente sustituye el número ISBN o ID y añade el número ISBN de tu libro de Google.
[gbooks id="0578022702" width="400" height="400"]
Nota: Si es la primera vez que añades fragmentos de código en WordPress, consulta nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente tu sitio.
Si le ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 9 mejores plugins de acordeón para WordPress y cómo configurar el seguimiento de descargas en WordPress con Google Analytics.
Oh… and regarding, “While there’s probably a plugin for this” … I found only one. And by the looks of the screenshots it requires giving permission to display their branding. So again, this snippet you’ve created is like a gold nugget for those wanting to display Google Books on their site.
Thanks for providing this code. This is the only reference I’ve found online as to how to achieve this. I am a little surprised it’s not a topic more people are discussing.
Do you have any suggestions on how, if even possible, to make the display size responsive? For instance, working off the vw (viewport width) as a percentage? So that it can display nicely on different devices?
Jonathan
Hello, I want to modify the preview of an embed book in the post.
Because many people misusing this code and showing my books in their posts (Sites).
Can you help me to modify the code. How can I make a contact in email with you?
Hi, I realize nobody has posted here in a while, but hopefully someone can help.
I pasted the code in my functions.php and added the shortcode to a page. I added the google book id (no ISBN yet, but want to display a free view on site). Also pasted the id in the function code where it says id=>”
Nothing shows up on the page, but the shortcode does disappear. Any thoughts? I’m using the Avada theme.
So I got it to work with your example book. I’m thinking the problem is that my book is uploaded to “My Books” on Google. It doesn’t have an ISBN yet and is not publicly published yet. Any thoughts on how to get it to work?
Kevin,
Many thanks. Much appreciated. The first fruit of this you can now see at
http://www.theologyethics.com/2011/09/23/bonhoeffers-poetry-wannenwetsch-northcott-and-odonovan-articles/
Hope I’ve given proper due acknowledgments to you and Chad
As I get round to developing the site and blog I think I will use this shortcode quite a bit so many thanks.
Andrew
Hi Andrew no problem, glad that I could help. Site is looking great always!
This looks a really useful addition for my site but I’m totally new to WP and have not played around with code before. I have found functions.php in my Graphene 1.4.1 theme and I added the code by using the clipboard button and then pasting it in right at the end and saving the new file. However, when I then tried to use it by going to new post I got some sort of error code (to do with header and calling something) which stuck with me. Fortunately I’d pasted the original file into Notepad so I simply repasted it back over the edited file and saved and all now seems to be back to normal but of course I cannot use the shortcode.
It may be this is a bit too complex for someone new but I wonder if I’m just pasting the code in the wrong place in the file or doing something else that is easily rectified. Can you advise me at all?
Thanks,
Andrew
If you post the code within the functions.php file on http://pastebin.com/ I can post a revised version with the shortcode added. It may be something within your theme that the code conflicts with.
Thanks. Just pasted as Goddardfunctions.php Never used pastebin before but think I’ve done it OK. One other thought – if my theme is updated I presumably need to reinsert the code so should keep a copy of whatever works. Thanks for your kind help. Andrew
Hi Andrew ill need the URL to where you pasted the code pastebin creates a random short url for each posting.
Kevin,
Thanks. Not sure my first attempt to tell you got through. Looks like it is to be found at http://pastebin.com/DQtJcd8g
Hi Andrew,
I added the google books shortcode so things should work now,
http://pastebin.com/YVkcPLUh
just add the shortcode to your post and things should work great,
[gbooks id=”0578022702″ width=”400″ height=”400″]
Let me know,
There is a ” missing for the width.
Should be:
[gbooks id=”0578022702″ width=”400″ height=”400″]
Thanks Gabriel, good call.
[…] first guest blog post over at WordPress Code Snippets is a code snippet to add the Google Books viewer into your posts using an easy shortcode. Go check it out. While you’re there, be sure to check out the rest of the site for other […]