Ajout de jquery et thickbox au thème WordPress

4

Je voudrais ajouter une boîte épaisse au modèle que je développe pour WordPress. Pour le moment, j'essaie avec un modèle propre qui ne contient que header.php , footer.php , index.php et functions.php .

J'ai inclus les <?php wp_head(); ?> dans header.php et les <?php wp_footer(); ?> dans footer.php .

J'ai inclus le wp_head comme ceci:

<?php
wp_enqueue_script('jquery');
wp_enqueue_script('thickbox');
wp_enqueue_style('thickbox');
wp_head();
?>

J'ai changé les classes de liens de la galerie en thickbox avec ce code dans functions.php

<?php add_filter( 'wp_get_attachment_link', 'sant_prettyadd');

function sant_prettyadd ($content) {
    $content = preg_replace("/<a/","<a class=\"thickbox[slides]\"",$content,1);
    return $content;
}
?>

Lorsque je clique sur une image de la galerie, celle-ci doit s'ouvrir avec une boîte épaisse, mais uniquement le fichier image.

    
posée Danny Style 04.01.2012 - 18:25

3 réponses

0

Vous devez utiliser la fonction wp_enqueue_script (dans votre fichier functions.php) pour appeler les scripts appropriés dont vous avez besoin. Il permet à la fois les bibliothèques intégrées et d’ajouter toutes les personnalisations que vous incluez dans votre thème.

    
réponse donnée Norcross 04.01.2012 - 18:40
8

Tout ce que vous avez à faire est un simple appel dans votre functions.php :

add_action( 'wp_enqueue_scripts', 'add_thickbox' );

C’est tout. WordPress va maintenant mettre en file d'attente jQuery et le script thickbox. Par défaut, les images liées ne sont pas encore épaisses. Vous devez:

  1. Ajoutez une classe thickbox aux liens manuellement / par PHP ou
  2. Utilisez un second script pour ajouter ces classes automatiquement.

Exemple de code pour footer.php :

<script>
jQuery('a img.size-medium').parent().addClass('thickbox').attr('rel', 'page');
</script>
<?php
wp_footer();

Ce code ajoute la classe thickbox à tous les liens entourant des images de taille moyenne et regroupe ces liens pour activer les liens de navigation next / prev.

Vous avez maintenant une grosse boîte avec des liens de navigation traduits:

S'agissantd'unscriptgéréparlenoyau,cen'estpasuneutilisationconvivialeauclavier:lestouchesfléchéesnefontrien.Sivousavezbesoind’unesolutionplusutilisable,prenezunplugin.

Autreremarque:Thickboxpeutêtresupprimétôtoutarddunoyau.Voir Ticket 10955 .

    
réponse donnée fuxia 03.02.2012 - 15:42
-1

Bonjour, est-ce que quelqu'un peut m'aider à résoudre mon problème ::

Voici mon code

<a href="'. site_url("wp-admin/admin-ajax.php?action=user_avatar_add_photo&step=1&uid="). $myUID . '&TB_iframe=true&width=720&height=450" title="Upload and Crop an Image to be Displayed" >' . ( 'Update Picture','wp-members' ) . '</a>

Ce morceau de code que j'essaye d'utiliser dans le profil Wp-admin fonctionne bien mais .. il y a un problème ... c'est-à-dire que j'essaie de risquer l'avatar de l'utilisateur depuis le début TB_ifram n'apparaît pas. .. il se propage à la page Web entière ...

ici c'est l'image: Ici, j'ai besoin de faire apparaître le cadre de contenu TB_Ifram du début à la fin ... donnez-moi une suggestion qui vous plairait bien.

salutations

    
réponse donnée Renu Kumar 21.03.2014 - 16:12

Lire d'autres questions sur les étiquettes