aide pour integrer script dans wordpress

gwenm · 6 Avril 2010

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

**Jeanluc** · 6 Avril 2010

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

gwenm · 6 Avril 2010

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é 6 Avril 2010 par Patrick

**Jeanluc** · 6 Avril 2010

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

gwenm · 6 Avril 2010

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

**Jeanluc** · 6 Avril 2010

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

gwenm · 6 Avril 2010

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

Modifié 6 Avril 2010 par Jeanluc
il n'est pas utile de citer intégralement le message précédent.

**Jeanluc** · 6 Avril 2010

Envoie-moi un message privé.

Jean-Luc

**Jeanluc** · 6 Avril 2010

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

gwenm · 6 Avril 2010

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:

**Jeanluc** · 6 Avril 2010

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

gwenm · 6 Avril 2010

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:

**Jeanluc** · 6 Avril 2010

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

gwenm · 6 Avril 2010

moi non plus je vois bien que je n' y arriverais pas..merci pour tout Jean-Luc, tu as été adorable :flower:

karnabal · 7 Avril 2010

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.

gwenm · 7 Avril 2010

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..

paolodelmare · 7 Avril 2010

Je peux essayer de te donner un coup de main si tu le souhaites.

gwenm · 7 Avril 2010

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..

paolodelmare · 7 Avril 2010

Avant tout:

- Que cherches tu exactement au final?As tu un exemple sur un site quelconque?

- As tu quelques bases en html ?

gwenm · 7 Avril 2010

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..

paolodelmare · 7 Avril 2010

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.

gwenm · 7 Avril 2010

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..

paolodelmare · 7 Avril 2010

Je teste (jamais essayé ce plugin) et on voit ça demain.

gwenm · 7 Avril 2010

Ok, a demain :smartass:

paolodelmare · 8 Avril 2010

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)

Connexion

aide pour integrer script dans wordpress

Sujets conseillés

gwenm

Jeanluc

gwenm

Jeanluc

gwenm

Jeanluc

gwenm

Jeanluc

Jeanluc

gwenm

Jeanluc

gwenm

Jeanluc

gwenm

karnabal

gwenm

paolodelmare

gwenm

paolodelmare

gwenm

paolodelmare

gwenm

paolodelmare

gwenm

paolodelmare

Veuillez vous connecter pour commenter

Contenu similaire

Hello , Axel web design / application mobile designer / créa...

Problème de redirection non désiré

limiter une boucle à un site

Quels outils pour de tels besoins ?

Creation d'une section annuaire sur wordpress

Parcourir

Activité