Forum : Problème de code Wordpress, le design fait des siennes!

Bonjour!
Alors voilà.
Je suis en train de créer mon site en local sous Wordpress. Après maintes journées de transpirations, je sens que je touche au but.
Seulement, pour atteindre ce but, il me reste des obstacles à contourner. 7 obstacles, précisément:

obstacle n°1) L'avatar personnalisé.
Sous Wordpress, il est possible de changer l'apparence de l'avatar par défaut des commentaires wordpress.
J'ai essayé de le faire, mais l'image n'apparaît pas...
voici ce que j'ai écris dans function.php:

add_filter( 'avatar_defaults', 'nouvel_avatar' ); 
if ( ! function_exists( 'nouvel_avatar' ) ) : 
/** 
 ** Modifie l'avatar par défaut de Wordpress 
 */ 
function nouvel_avatar ($avatar_defaults) { 
     // URL de l'avatar 
     $myavatar = get_bloginfo('template_url') . '/images/avatar.png'; 
     // Nom de votre avatar qui apparaîtra dans les options 
     // de réglages Réglages -> Discussion 
     $avatar_defaults$myavatar] = "Sirop d'Agrumes"; 
     return $avatar_defaults; 
} 
endif;

En fait, lorsque je l'active, je vois une image brisée. Et quand je j'inspecte l'élément, l'image ne s'affiche pas à l'emplacement prévu. Alors que lorsque je regarde mes dossiers, elle est bien là!

obstacle n°2) Le Design des articles ne fonctionnent pas lors de la vue globale de l'article.
Je m'explique: j'ai travaillé le design des articles (bordures, titres, texte, etc...) à partir de la feuille index.php.
J'ai copié/collé le design dans la feuille single.php pour qu'il apparaisse lorsque je clique sur l'article. Ce qui fonctionne.
Maintenant, il faut savoir que j'ai fait mon menu avec des catégories et des pages. Accueil=>page statique;Blog d'illustration=>articles de la catégorie "blog d'illustration"; blog de création=>articles de la catégorie "blog création", etc...
sauf que lorsque je clique sur "blog d'illustration", les articles correspondants s'affichent bien, mais sans le design. Donc je ne sais pas trop quelle feuille paramétrer pour que le design fonctionne lorsque je navigue dans les différentes parties du menu. J'ai pensé à la feuille "loop.php", mais je ne veut pas faire de bêtises...

obstacle n°3) Sidebar là où il ne faut pas.

1er problème => La sidebar, malgré mes programmations, s'obstine à se mettre sous la colonne des articles, et pas à côté de la colonne. Ce qui pose problème...
en fait, je lui "dit" de se mettre en float: right; et elle se met en float:right, mais sous la colonne des articles[je peux fournir des parties du code si besoin]

2eme problème=> J'aimerai qu'il y ai des pages , ou plutôt des "parties" sans sidebar. Pour les Parties étant des pages statiques, je sais comment faire, pas de soucis. Mais pour les autres parties qui correspondent aux articles triés par catégories, je ne sais pas comment faire...

obstacle n°4) Footer dédoublé.

Mon footer se trouve à deux endroits de la page: directement sous l'article, et tout e nbas de la page (à sa place donc). Autre chose, j'ai paramétré le footer pour qu'il soit centré. Seulement il est centrée...par rapport à la colonne des articles...et ce n'est pas ce que je veux...

voici le code html:

<div id="footer" role="contentinfo"> 
    <div id="colophon"> 

<?php 
 /* A sidebar in the footer? Yep. You can can customize 
  * your footer with four columns of widgets. 
  */ 
 get_sidebar( 'footer' ); 
?> 
<div class="clear"></div> 
<!-- #main --> 

 <div id="footer"></div> 

<?php 
 wp_footer(); 
?> 
</div></div> 
</body> 
</html>

obstacle n°5) Titre des pages à supprimer

Lorsque je navigue sur mon site, il y a toujours le titres des pages au dessus des articles. Par exemple, à la page d'accueil, il est écrit en haut "accueil", dans la partie Blog d'illustration, il est écrit: "Archives de catégorie: blog d'illustrations", etc.... et j'aimerai bien le supprimer...mais je ne sais pas comment faire...
pareil pour le widget de recherche: il est marqué "recherche pour: [barre de recherche] rechercher" et j'aimerai bien enlever le "recherche pour"

obstacle n°6) Médias qui ne se centrent pas

Dans mes deux "parties" qui sont des pages statiques, j'ai mis des images. Seulement, ces images se mettent automatiquement à gauche, malgré le body{margin:0 auto} que j'ai mis dans la feuille style.css. Comment faire pour les centrer?

obstacle n°7) Paramétrer les commentaires

J'aimerai, comme le reste du site, designer un peu la partie commentaire.
Seulement, rien qu'en inspectant l'élément avec firebug, je me suis rendue compte que tout ce qui touchait à la personnalisation des commentaires, et qui était écrit noir sur blanc sur firebug, n'étaient pas dans ma feuille de style!
A la place, j'ai un <?php wp_list_comments( array( 'callback' => 'twentyten_comment' ) );?>
Donc je ne peux rien personnaliser....
Comment faire?

obstacle n°8) Une ancre qui mène vers un 404 not found

En bas de chaque articles, j'ai fait en sorte qu'il y ai un lien "les commentaires" qui mène vers la liste de commentaires (ce lien est déjà là sur le thème)
et j'ai voulu faire un lien "Laisser un commentaire" qui conduise directement en bas de page, là où le lecteur peu laisser un commentaire donc.
Pour faire ce lien, j'ai regardé à quelle id correspondait la partie rédaction d'un commentaire. J'en ai fait une ancre que j'ai mise dans le lien "laisser un commentaire".
Cependant, lorsque je clique sur le lien en question, il me mène à une page d'erreur.
Voici le code correspondant:

<a href="comments.php#comment">Ecrire un petit mot acidulé</a>

Pourquoi ça ne marche pas?

Voilà mes obstacles, en espérant que vous m'aiderez à les effacer

Belle soirée

Poupette

55 réponses

coloo

Réponse acceptée

Je ne suis plus trop sur wordpress mais :

http://0.gravatar.com/avatar/?d=http://localhost/wordpress2/wordpress/wp-content/themes/Theme Poupette/images/commentaire.png&s=40

Je vois que ce lien fonctionne avec les gravatars. De base, moi qui suis assez bidouilleur, j'aurais cassé la fonction gravatar et j'aurais juste mis mon image :

http://localhost/wordpress2/wordpress/wp-content/themes/Theme Poupette/images/commentaire.png

Ce qui est peu conventionnel car on enlève une fonctionnalité de wp. Ca marche mais on est plutôt destructeur que developpeur.

En copiant le lien dans ta balise image, j'ai trouvé un tuto qui devrait t'aider à rajouter ton gravatar perso :

Tuto gravatar

( N'oublies pas d'effacer les modifications que tu as faites pour le gravatar avant de suivre le tuto ;)

Je pense que le cas 1 sera résolu après cela ;)

Lotfi Berrahal

Réponse acceptée

+1 pour coloo c'est sur ce tuto que j'ai récupérer le bout de code écrit plus haut. ;)

Lotfi Berrahal

Réponse acceptée

Ok je comprend mieux l'idée.

Tu voudrais un listing des articles par catégorie c'est ça?
Si c'est le cas tu peux créer dans ton thème à la racine soit
wp-content/themes/tontheme/

le fichier > category.php qui te servira de gabarit pour afficher/lister des articles par catégorie.
voir ici un bout de solution. :)

coloo

Réponse acceptée

Bon déja, je peux te dire que ta sidebar est dans la col21.

mise en situation en exemple :

<div id='1'>
<div id='2'></div>
</div>

alors qu'il faudrait

<div id='1'></div>
<div id='2'></div>

le footer était vers la gauche car :

1) il n'y a pas de propiété clear:both après les float left et right. Donc il a pris le flux du dernier bloc.
2) pour faire un margin : auto, il faut une width de 800px. Si tu m'est width 100%, il va penser à centrer un bloc de 1024 dans un bloc de 1024. ce qui ne servira à rien.

il faut modifier la page loop-page pour supprimer le titre de la page d'accueil et l autre page (me souviens plus son nom.

Tu as de grave lacune dans la structuration de tes fichiers. Ce qui forme un grand casse tête pour se retrouver dans les débuts et fin de bloc.

Exemple : tu mets le début de ta colonne 21 dans le header alors que ton header n'est pas dans le main. Il y avait quelques div qu'il fallait sortir des if pour ne pas créer de boucle trop importante et pouvant parfois fausser le design si tu avaits un nombre d'article pair et impair.

Etant donnée que ta sidebar est dynamique, je n'ai pas trouver où modifier le serachform.php.

Bonne continuation

Ton thème -> ici

Lotfi Berrahal

Réponse acceptée

ça doit venir de tes appels get-sidebar et get_footer que tu dois appeler plusieurs fois. cherche dans ton code si tu as plusieurs fois ces éléments la appeler.
Pour les formulaire le plugin wp-contact-form ou cform sont pas trop mal et tu peux t'en servir pour les commentaires aussi !
Sinon essaie de taper sur le net pour chercher l'inspi ;)

Lotfi Berrahal

Bonjour,

tout d'abord, pourrais tu utiliser les balises CODE pour insérer ton code? il sera plus visible.
Dans l'éditeur de texte c'est ce symbole : <>.

Ensuite j'ai pas tout compris tes points et le mieux c'est d'exposer un à un les problèmes.
Une fois un terminé, on attaque le deuxième etc...
Ce sera plus simple que tout voir d'un coup .

1/ pour l'avatar test ceci :

add_filter( 'avatar_defaults', 'nouvel_avatar' );
function nouvel_avatar ($avatar_defaults) {
    $myavatar = get_bloginfo('template_directory') . '/images/avatar.png';
    $avatar_defaults$myavatar] = "Sirop d'Agrumes";
    return $avatar_defaults;
}

sans le if quoi.

2/ je ne comprend pas trop. Quand tu parles du design, tu parles du css? si oui tu as la feuille de style style.css prévu pour faire le design.
Il ne faut pas mettre des balises <style></style> dans chaque page wordpress sinon tu n'as pas fini de te prendre la tête.
index.php -> va te servir à lister les articles.( des résumés souvent)
single.php -> affiche un seul article généralement en entier.
page.php -> va te servir pour tes pages 'statique' par exemple une page de formulaire ou de présentation 'a propos'.

pour faire des templates de page quoi de mieux qu'un petit tutoriel made in Grafikart très bien expliqué et très clair
en gros tu auras des nom de fichier genre tpl-tapage.php.

3/ problème de sidebar.

Vérifie le css de ta colonne article voir ce qui peut ne pas marché et regarde aussi la taille de ta sidebar. Elle peut avoir tout les float right de la terre, si elle est trop grande elle passera forcément sous ton autre colonne.

4/ doublon de footer

Regarde si tu n'as pas deux appels du footer dans ton code.
Si c'est en dessous de l'article seul regarde dans single.php tu as peut-être un appel du footer mal placé.

5/ pour le titre de tes pages que tu veux enlever, cherche cette ligne :

<?php wp_title(); ?>

par contre niveau référencement et navigation, c'est toujours bien de garder cette fonction.

6/ Quand tu parles de média qui ne ce centre pas, pourquoi parles tu du margin: 0 auto sur ton body?
De préférence, ton body doit faire la totalité de la page soit par défaut width:100% aussi pas besoin de margin en auto sur les côté.
Pour que tes média soit centré sert toi plus tot d'un text-align: center. Note que wordpress te propose par défaut de centrer tes média dans l'éditeur de texte. Un petit peu comme word.

7/ pour les commentaires quand tu inspectes les éléments, c'est pas du php mais du html que tu peux lire.
Pour styliser le html on utilise le css.

Regarde le nom des class ou id des élément à personnaliser et ajoute le design que tu veux leurs apporter dans ta feuille style.css .

Regardes point par point ces éléments de réponse et voit, une fois que l'un est fini, un autre et ainsi de suite.
Je te conseille vivement ce tutoriel très complet sur la création de thème wordpress. Il te servira j'en suis sur ! ^^

Bon courage et montre nous tout ça une fois terminé.

Cordialement,