Aller au contenu

aide pour integrer script dans wordpress


gwenm

Sujets conseillés

Bonjour ,

J' ai trouver un tutau pour integrer un menu accordéon( a defaut d' une boite a onglet trop compliquer à installer) sauf que apres multiple tentative d' insertion je ne sais pas où intégrer les scripts données ..

Voici les Fichiers du thème

Modèles

* Article seul (single.php)

* Colonne latérale (sidebar.php)

* Commentaires (comments.php)

* En-tête (header.php)

* Fonctions du thème (functions.php)

* Modèle de page (page.php)

* Modèle pour la page daccueil (index.php)

* Modèle pour les catégories (category.php)

* Modèle pour les images jointes (image.php)

* Pied de page (footer.php)

* Résultats de recherche (search.php)

* lsidebar.php (lsidebar.php)

* rsidebar.php (rsidebar.php)

Styles

* Feuille de style (style.css)

* tab.css (tab.css)

Merci d' avance pour vos lumières

Lien vers le commentaire
Partager sur d’autres sites

Bonjour et bienvenue sur Webmaster-Hub,

Où veux-tu que le menu apparaisse ?

- en haut : header.php ou index.php ou single.php (si dans les "articles" uniquement) ou page.php (si dans les "pages" uniquement)

- en bas : footer.php

- dans la colonne de gauche : lsidebar.php

- dans la colonne de droite : rsidebar.php

Un thème n'est pas l'autre, mais il est généralement assez facile de comprendre la disposition et le fonctionnement général de chacun de ces fichiers PHP. Fais quelques essais et si ça ne résout pas le problème, dis-nous où tu as mis le code et donne une URL où on peut voir ce que tu obtiens.

Jean-Luc

Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

Je voudrais que ca apparaisse dans mes pages et articles.

J' aimerais savoir si c'est tous les bouts de script réuni qu' il faut mettre entierement dans les pages?, a savoir:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"><!--mce:0--></script>
$(document).ready(function() {
$('.accordeon').hide(); // on cache tous les textes (blocs ayant la classe accordeon)
$('h4').click(function() { // si on clique sur un titre (ici tous les éléments contenu en les balises h4)
$(this).next('div:hidden').slideDown() // on deroule le div caché qui suit directement le titre
.siblings('div:visible').slideUp(); // et on cache les div similaires qui etait visible
});
});
<h4>Avec du texte</h4>


<!-- premier titre -->

<div class="accordeon"><!-- premier bloc de contenu, associé au premier titre -->
Amiens est une ville française du nord de la France située sur la Somme.
Administrativement, cette commune est la préfecture de la région de
Picardie ainsi que du département de la Somme et chef-lieu de canton.
</div>


<h4>Avec une photo</h4>


<!-- deuxieme titre -->

<div class="accordeon"><!-- deuxieme bloc de contenu -->
<img src="3.jpg" alt="Metz" width="300" height="225" />
</div>


<h4>Avec une liste</h4>


<!-- troisieme titre -->

<div class="accordeon"><!-- troisieme bloc de contenu -->

<ul>

<li>C'est fou ce qu'on peut mettre dans un menu accordéon !</li>


<li><a href="http://blog.arnaud-k.fr">Mon blog</a></li>


<li><a href="http://arnaud-k.fr">Mon site</a></li>

</ul>

</div>

Bonjour Jean-luc

En faite je souhaiterais que ca apparaisse dans mes pages.

Question: doit-je integrer les 3 scripts ensemble? car j'ai fait le test de le mettre dans header.php, mais rien apparait..

J' ai aussi fait le teste comme suit:

J' ai copier le premier script dans header.php entre <head> and </head> et puis le second script en ajoutant <script> and </script> au début et à la fin.

Le troisième, dans page.php, là où je veux que mon menu apparaisse...

Mais ca n' apparait toujours pas..

Modifié par Patrick
Lien vers le commentaire
Partager sur d’autres sites

Je ne suis pas expert en JQuery, mais je ferais ceci:

- entre <head> et </head> :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"><!--mce:0--></script>
<script type="text/javascript">
$(document).ready(function() {
$('.accordeon').hide(); // on cache tous les textes (blocs ayant la classe accordeon)
$('h4').click(function() { // si on clique sur un titre (ici tous les éléments contenu en les balises h4)
$(this).next('div:hidden').slideDown() // on deroule le div caché qui suit directement le titre
.siblings('div:visible').slideUp(); // et on cache les div similaires qui etait visible
});
});
</script>

- mettre le reste (les <h4>... et les <div class="accordeon">...) aux endroits où je veux que les menus apparaissent dans les pages. Au départ, seuls les contenus des <h4> devraient apparaître.

Peux-tu donner l'URL pour qu'on puisse jeter un coup d'oeil au code HTML de ta page ?

Jean-Luc

Lien vers le commentaire
Partager sur d’autres sites

Désolé ca fonctionne pas..peut être connait tu une autre façon plus simple de boite accordéon?

L'url de mon site : www.vos-jeux-pc.com

Lien vers le commentaire
Partager sur d’autres sites

Quand on parle de "pages" au sens de WordPress, on ne parle pas de la page d'accueil, mais de pages spéciales comme "A propos de" ou "Contact". Ce que tu as modifié dans page.php ne concerne que les "pages" au sens de WordPress.

Je pense que tu dois faire la modif dans header.php (après </head><body>) ou dans index.php si tu veux qu'elle s'applique partout: à la page d'accueil, aux "articles" et aux "pages".

Jean-Luc

Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

Serait tu d' accord pour entrée dans mon interface si j' e t' en donnais le mot de passe?

Modifié par Jeanluc
il n'est pas utile de citer intégralement le message précédent.
Lien vers le commentaire
Partager sur d’autres sites

J'ai ajouté les <h4> et les <div class="accordeon"> à la fin de header.php et les menus en accordéon fonctionnent.

Tu peux évidemment les modifier et les mettre ailleurs selon l'effet que tu veux obtenir.

Jean-Luc

Lien vers le commentaire
Partager sur d’autres sites

Je suis vraiemnt désolé, désolé, désolé, je ne sais plus ou me mettre... :blush: je me suis tres mal exprimé, car c' était le contenu de mes pages que voulais en accordéon..vraiment je suis confuse.. :thumbsdown:

Lien vers le commentaire
Partager sur d’autres sites

Je viens de modifier, à nouveau, ta réponse. Peux-tu ne pas citer (recopier) le contenu du message précédent chaque fois que tu postes un nouveau message ? Le lecteur n'a qu'à lever les yeux pour le lire. Pas la peine de le répéter. Il faut un peu d'habitude pour maîtriser le forum! ;)

Désolé, mais je ne comprends pas ce que tu veux dire par "c'était le contenu de mes pages que voulais en accordéon". Pourrais-tu réexpliquer ?

Jean-Luc

Lien vers le commentaire
Partager sur d’autres sites

En effet je suis perdu dans l' écriture du forum lol!suis une vrai bourique!

Ce que voudrais ,comme j' ai pas mal de contenu à mettre,ca fait des pages trop longue, donc je voudrais un systeme de boite à onglet ou accordeon qui s' ouvre avec le contenu(description du jeux, images, télécharger). Par ex cette boite mais pour chaque page de jeux..et non pas en menu comme j' ai fait la bourde tout à l' heure :unsure:

Lien vers le commentaire
Partager sur d’autres sites

Je ne pense pas que tu arriveras à faire cela facilement avec du code que tu insères dans le thème. Il faudrait plutôt chercher un plugin qui te permettrait d'intégrer les accordéons dans ton contenu. Je ne sais pas si un tel plugin existe, mais comme il y en a pour presque tout, il y a de l'espoir.

Jean-Luc

Lien vers le commentaire
Partager sur d’autres sites

La communauté WP est plus au fait que la communauté hubienne en matière de plugins WordPress, je te conseille de poster sur leur forum dans la section concernée. N'hésites pas à nous dire si tu as finalement trouvé solution à ton problème, et avec quoi. ;)

Lien vers le commentaire
Partager sur d’autres sites

Bonjour Karnabal

En fait le forum WP n'est plus tres actifs depuis un certain temps je trouve..et comme ca fait des semaines que je galérait à trouver une aide, j' ai été voire ailleurs, donc ici, et j' ai été vraiment ravi de l'experience de Jean-luc..Mais n' arrivant toujours pas a avoir ce que je voulais avec WP, j' ai essayé Joomla, mais j' ai du renoncer car problème de cookies, et la je suis en train d' essayé eZ Publish, mais ca commence mal j' ai déjà un problème de repertoire..voilà où j' en suis..

Par contre soyez sur que je suis quelqu' un qui revient toujours, pour dire si mon problème est résolu..

Lien vers le commentaire
Partager sur d’autres sites

Merci Paolodelmare de me proposer ton aide..pour en revenir au dernier message que j' ai laissé, j' ai du laissé tomber eZ Publish( il fallait être en dedié et suis mutualisé) apres mainte et mainte recherche de cms simple et qui me permettrais de réaliser mes contenus en boites a onglet, je n'est toujours pas trouvé, alors je me suis résilié et j' ai réinstallé wordpress..

Connait tu l' extension Tabbity dans wordpress? Croit tu que tu pourrais m' aider à l' installer, sachant que je suis un peu maladroite avec les scripts..

Lien vers le commentaire
Partager sur d’autres sites

Le meilleur exemple que je peut te montrer c'est le lien que je t' est donné dans le message précédent (Tabbity). Je voudrai avoir exactement la même chose, je voudrais que mes pages apparaissent tel quel.Et pour les bases html, je c' est pas trop quoi répondre a part que j' apprend sur le tar.J' ai de toute petite petite base..

Lien vers le commentaire
Partager sur d’autres sites

Un des problèmes de wp, ce sont les plugins. celui ci est tout jeune et rien n'indique qu'il sera maintenu longtemps.

C'est un risque à prendre, mais c'est assez simple à installer.

L'autre option, c'était le but de ma seconde question, c'est de simplement utiliser un bout de javascript et d'ajouter un tout petit peu de html quand tu souhaites voir apparaître les onglets.

On prend la solution que tu préfères.

Lien vers le commentaire
Partager sur d’autres sites

je reste tres curieuse quand à la façon d' installer ce pluging peut être que ca m' aidera pour d' autre..alors je choisis la premiere solution..

Lien vers le commentaire
Partager sur d’autres sites

Je viens de le placer en local, ça fonctionne sans problème.

Le seul souci, c'est que ça semble entrer en collision avec certains thèmes (surement un conflit de js).

La procédure:

Il te faut au moins wp 2.9

Depuis l'admin de wp,tu va dans extensions/ajouter, tu recherches wp-tabbity, tu l'installes, tu l'actives.

Tu crées un article et tu colles ce type de code

[wp-tabbity] Le contenu du tab 1 [/wp-tabbity] [wp-tabbity] Le contenu du tab 2 [/wp-tabbity] [wp-tabbitygroup]

L'intitulé des onglets et déterminé par les premiers caractères du contenu. Tu peux le modifier en ajoutant title="ton_titre" dans les shortcodes wp-tabitty.Si ça ne fonctionne pas, essaies avec le thème par défaut de wp (kubrick, le bleu)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...