X

Comment créer un shortcode Google Docs pour les documents PDF

Snippets by IsItWP

Vous cherchez un moyen de créer un shortcode Google Docs pour les documents PDF ? Ce snippet permettra au shortcode [pdf] de lier les documents PDF à la visionneuse en ligne Google Docs.

Instructions:

  1. Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site.
  2. Créez le shortcode comme suit : [pdf href="http://example.com/file.pdf"]Mon fichier PDF[/pdf], en utilisant votre propre URL et votre propre texte.
function pdflink($attr, $content) {
    if ($attr['href']) {
        return '<a class="pdf" href="http://docs.google.com/viewer?url=' . $attr['href'] . '">'.$content.'</a>';
    } else {
        $src = str_replace("=", "", $attr[0]);
        return '<a class="pdf" href="http://docs.google.com/viewer?url=' . $src . '">'.$content.'</a>';
    }
}
add_shortcode('pdf', 'pdflink');

Cet extrait a été créé par Joen Asmussen.

Vous pouvez également utiliser l’extrait suivant, plus avancé. Ce snippet possède un attribut class dans le shortcode que vous pouvez utiliser pour afficher une icône pour le lien du type de fichier ou pour styliser les liens avec la classe d’icône par défaut.

Ajoutez ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site.

function wps_viewer($atts, $content = null) {
    extract(shortcode_atts(array(
        "href" => 'http://',
        "class" => ''
    ), $atts));
    return '<a href="http://docs.google.com/viewer?url='.$href.'" class="'.$class.' icon">'.$content.'</a>';
}
add_shortcode("doc", "wps_viewer");

Voici quelques exemples d’utilisation du shortcode créé par cet extrait.

[doc class="psd" href="http://www.example.com/file.psd"]nom de mon fichier PSD[/doc]
[doc class="ai" href="http://www.example.com/file.ai"]mon nom de fichier AI[/doc]
[doc class="svg" href="http://www.example.com/file.svg"]mon nom de fichier SVG[/doc]

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier/coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 15 meilleurs outils et plugins de marketing de contenu pour WordPress.

Commentaires   laisser une réponse

  1. Documents Sample mars 26, 2011 à 6:46 am

    I tried once and its working,thanks for sharing

    1. no problem, glad you like it!

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !