Voulez-vous utiliser un shortcode pour intégrer des livres Google dans vos articles WordPress ? Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour intégrer des livres Google dans vos articles à l'aide de shortcodes dans WordPress.
Instructions :
Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au 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>';
}
Vous remarquerez également que certains livres Google ont plusieurs numéros ISBN, comme 0578022702, 9780578022703. Les deux peuvent fonctionner avec le shortcode, mais vous devriez prendre le premier avant la virgule. Si le livre n'a pas de numéro ISBN, vous pouvez obtenir l'ID à partir de l'URL.
Voici le shortcode que vous pouvez utiliser pour afficher des livres Google dans vos articles. Remplacez simplement le numéro ISBN ou l'ID et ajoutez votre numéro ISBN de livre Google.
[gbooks id="0578022702" width="400" height="400"]
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière d'ajouter correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.
Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 9 meilleurs plugins d'accordéon WordPress et comment configurer le suivi des téléchargements dans WordPress avec Google Analytics.
Oh... et concernant "Bien qu'il existe probablement un plugin pour cela"... Je n'en ai trouvé qu'un. Et d'après les captures d'écran, il nécessite l'autorisation d'afficher leur marque. Donc, encore une fois, cet extrait que vous avez créé est comme une pépite d'or pour ceux qui veulent afficher des livres Google sur leur site.
Merci d'avoir fourni ce code. C'est la seule référence que j'ai trouvée en ligne sur la façon d'y parvenir. Je suis un peu surpris que ce ne soit pas un sujet que plus de gens discutent.
Avez-vous des suggestions sur la façon, si tant est que ce soit possible, de rendre la taille d'affichage réactive ? Par exemple, en utilisant le vw (largeur de la fenêtre d'affichage) comme pourcentage ? Afin qu'il puisse s'afficher joliment sur différents appareils ?
Jonathan
Bonjour, je souhaite modifier l'aperçu d'un livre intégré dans un article.
Parce que beaucoup de gens abusent de ce code et affichent mes livres dans leurs articles (sites).
Pouvez-vous m'aider à modifier le code. Comment puis-je vous contacter par e-mail ?
Salut, je me rends compte que personne n'a posté ici depuis un moment, mais j'espère que quelqu'un pourra aider.
J'ai collé le code dans mon functions.php et ajouté le shortcode à une page. J'ai ajouté l'ID du livre Google (pas encore d'ISBN, mais je veux afficher une vue gratuite sur le site). J'ai également collé l'ID dans le code de la fonction là où il est indiqué id=>”
Rien ne s'affiche sur la page, mais le shortcode disparaît. Des idées ? J'utilise le thème Avada.
J'ai donc réussi à le faire fonctionner avec votre livre d'exemple. Je pense que le problème est que mon livre est téléchargé dans « Mes livres » sur Google. Il n'a pas encore d'ISBN et n'est pas encore publié publiquement. Des idées sur la façon de le faire fonctionner ?
Kevin,
Merci beaucoup. Très apprécié. Le premier fruit de ceci, vous pouvez le voir maintenant sur
http://www.theologyethics.com/2011/09/23/bonhoeffers-poetry-wannenwetsch-northcott-and-odonovan-articles/
J'espère vous avoir rendu à vous et à Chad les honneurs qui leur sont dus
Au fur et à mesure que je développerai le site et le blog, je pense que j'utiliserai pas mal ce shortcode, donc merci beaucoup.
Andrew
Salut Andrew, pas de problème, content d'avoir pu aider. Le site est toujours aussi beau !
Ceci semble être un ajout vraiment utile pour mon site, mais je suis totalement novice en WP et je n'ai jamais joué avec du code auparavant. J'ai trouvé functions.php dans mon thème Graphene 1.4.1 et j'ai ajouté le code en utilisant le bouton presse-papiers, puis en le collant tout à la fin et en enregistrant le nouveau fichier. Cependant, lorsque j'ai ensuite essayé de l'utiliser en allant sur un nouveau post, j'ai obtenu une sorte de code d'erreur (lié à l'en-tête et à l'appel de quelque chose) qui m'est resté en mémoire. Heureusement, j'avais collé le fichier original dans Notepad, j'ai donc simplement recollé par-dessus le fichier modifié et enregistré, et tout semble maintenant être revenu à la normale, mais bien sûr, je ne peux pas utiliser le shortcode.
Il se peut que ce soit un peu trop complexe pour quelqu'un de nouveau, mais je me demande si je colle le code au mauvais endroit dans le fichier ou si je fais autre chose qui est facilement rectifiable. Pouvez-vous me conseiller ?
Merci,
Andrew
Si vous publiez le code dans le fichier functions.php sur http://pastebin.com/, je peux publier une version révisée avec le shortcode ajouté. Il se peut que quelque chose dans votre thème entre en conflit avec le code.
Merci. Je viens de coller sous Goddardfunctions.php Je n'ai jamais utilisé pastebin auparavant, mais je pense l'avoir fait correctement. Une autre idée – si mon thème est mis à jour, j'aurai vraisemblablement besoin de réinsérer le code, donc je devrais garder une copie de ce qui fonctionne. Merci pour votre aide précieuse. Andrew
Salut Andrew, j'aurai besoin de l'URL où tu as collé le code, pastebin crée une URL courte aléatoire pour chaque publication.
Kevin,
Merci. Je ne suis pas sûr que ma première tentative de vous le dire soit passée. Il semble qu'il se trouve sur http://pastebin.com/DQtJcd8g
Salut Andrew,
J'ai ajouté le shortcode Google Books, donc les choses devraient fonctionner maintenant,
http://pastebin.com/YVkcPLUh
ajoutez simplement le shortcode à votre article et les choses devraient fonctionner à merveille,
[gbooks id=”0578022702″ width=”400″ height=”400″]
Fais-moi savoir,
Il manque un ” pour la largeur.
Devrait être :
[gbooks id=”0578022702″ width=”400″ height=”400″]
Merci Gabriel, bonne idée.
[…] le premier article de blog invité sur WordPress Code Snippets est un extrait de code pour ajouter la visionneuse Google Books à vos articles à l'aide d'un shortcode facile. Allez le voir. Pendant que vous y êtes, assurez-vous de consulter le reste du site pour d'autres […]