Você quer usar um shortcode para incorporar livros do Google em seus posts do WordPress? Embora provavelmente exista um plugin para isso, criamos um trecho de código rápido que você pode usar para incorporar livros do Google em seus posts usando shortcodes no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a um plugin 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 notará 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ê pode obter o ID a partir do URL.
Este é o shortcode que você pode usar para exibir livros do Google em suas postagens. Simplesmente substitua o número ISBN ou ID e adicione o número do seu livro do Google ISBN.
[gbooks id="0578022702" width="400" height="400"]
Observação: Se esta é a sua primeira vez adicionando snippets de código no WordPress, consulte nosso guia sobre como adicionar snippets de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site como: 9 melhores plugins de acordeão para WordPress e como configurar o rastreamento de downloads no WordPress com o Google Analytics.
Ah… e sobre, “Provavelmente existe um plugin para isso” … Eu encontrei apenas um. E pela aparência das capturas de tela, ele exige permissão para exibir a marca deles. Então, novamente, este snippet que você criou é como uma pepita de ouro para aqueles que desejam exibir livros do Google em seu site.
Obrigado por fornecer este código. Esta é a única referência que encontrei online sobre como conseguir isso. Fico um pouco surpreso que não seja um tópico que mais pessoas estejam discutindo.
Você tem alguma sugestão sobre como, se é que é possível, tornar o tamanho da exibição responsivo? Por exemplo, trabalhando com vw (largura da viewport) como uma porcentagem? Para que ele possa ser exibido bem em diferentes dispositivos?
Jonathan
Olá, quero modificar a prévia de um livro incorporado na postagem.
Porque muitas pessoas estão usando indevidamente este código e exibindo meus livros em suas postagens (Sites).
Você pode me ajudar a modificar o código. Como posso entrar em contato por e-mail com você?
Olá, percebo que ninguém posta aqui há algum tempo, mas espero que alguém possa ajudar.
Colei o código no meu functions.php e adicionei o shortcode a uma página. Adicionei o ID do livro do Google (ainda sem ISBN, mas quero exibir uma visualização gratuita no site). Também colei o ID no código da função onde diz id=>”
Nada aparece na página, mas o shortcode desaparece. Alguma ideia? Estou usando o tema Avada.
Então, consegui fazer funcionar com o seu livro de exemplo. Estou pensando que o problema é que meu livro está carregado em "Meus Livros" no Google. Ele ainda não tem ISBN e ainda não foi publicado publicamente. Alguma ideia de como fazer funcionar?
Kevin,
Muito obrigado. Agradeço muito. O primeiro fruto disso você pode ver agora em
http://www.theologyethics.com/2011/09/23/bonhoeffers-poetry-wannenwetsch-northcott-and-odonovan-articles/
Espero ter dado o devido crédito a você e a Chad
À medida que desenvolvo o site e o blog, acho que usarei este shortcode bastante, então muito obrigado.
Andrew
Oi Andrew, sem problemas, fico feliz em poder ajudar. O site está ótimo como sempre!
Esta parece ser uma adição muito útil para o meu site, mas sou totalmente novo em WP e nunca mexi com código antes. Encontrei o functions.php no meu tema Graphene 1.4.1 e adicionei o código usando o botão de copiar e colar, colando-o bem no final e salvando o novo arquivo. No entanto, quando tentei usá-lo indo para um novo post, recebi algum tipo de código de erro (relacionado a cabeçalho e chamando algo) que ficou comigo. Felizmente, colei o arquivo original no Bloco de Notas, então simplesmente o colei de volta sobre o arquivo editado e salvei, e tudo parece ter voltado ao normal, mas é claro que não posso usar o shortcode.
Pode ser que isso seja um pouco complexo demais para alguém novo, mas me pergunto se estou apenas colando o código no lugar errado no arquivo ou fazendo algo mais que possa ser facilmente corrigido. Você pode me aconselhar de alguma forma?
Obrigado,
Andrew
Se você postar o código no arquivo functions.php em http://pastebin.com/, posso postar uma versão revisada com o shortcode adicionado. Pode ser algo em seu tema com o qual o código entra em conflito.
Obrigado. Acabei de colar como Goddardfunctions.php Nunca usei pastebin antes, mas acho que fiz isso OK. Outro pensamento – se o meu tema for atualizado, presumivelmente preciso reinserir o código, então devo guardar uma cópia do que funcionar. Obrigado pela sua gentil ajuda. Andrew
Olá Andrew, precisarei do URL para onde você colou o código, o pastebin cria um URL curto aleatório para cada postagem.
Kevin,
Obrigado. Não tenho certeza se minha primeira tentativa de te dizer chegou. Parece que está em http://pastebin.com/DQtJcd8g
Oi Andrew,
Adicionei o shortcode do Google Books, então as coisas devem funcionar agora,
http://pastebin.com/YVkcPLUh
basta adicionar o shortcode à sua postagem e as coisas devem funcionar muito bem,
[gbooks id=”0578022702″ width=”400″ height=”400″]
Me avise,
Falta uma aspa para a largura.
Deveria ser:
[gbooks id=”0578022702″ width=”400″ height=”400″]
Obrigado Gabriel, boa observação.
[…] o primeiro post de convidado no WordPress Code Snippets é um trecho de código para adicionar o visualizador do Google Books aos seus posts usando um shortcode fácil. Confira. Enquanto estiver lá, certifique-se de conferir o resto do site para outros […]