Deseja usar um shortcode para incorporar livros do Google em suas postagens do WordPress? Embora provavelmente exista um plug-in para isso, criamos um trecho de código rápido que você pode usar para incorporar livros do Google em suas postagens usando códigos de acesso no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar esse código ao arquivo functions.php do seu tema ou em um plug-in específico do site:
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>';
}
Você também perceberá que alguns livros do Google têm vários números ISBN, como 0578022702, 9780578022703. Ambos podem funcionar com o shortcode, mas você deve pegar o primeiro antes da vírgula. Se o livro não tiver um número ISBN, você poderá obter o ID do URL.
Esse é o shortcode que você pode usar para exibir os livros do Google em suas postagens. Basta substituir o número ISBN ou o ID e adicionar o número ISBN do livro do Google.
[gbooks id="0578022702" width="400" height="400"]
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress, para não danificar seu site acidentalmente.
Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 9 melhores plug-ins de acordeão do WordPress e como configurar o rastreamento de downloads no WordPress com o 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 […]