- Statut : non résolu
- Ce sujet contient 27 réponses, 4 participants et a été mis à jour pour la dernière fois par
Invite 40, le il y a 11 années et 10 mois.
-
AuteurMessages
-
8 septembre 2011 à 8 h 17 min #791533
Ca devrait marcher pourtant si tu l’as bien mis après le
.continue a{color:#2C2C29;}
Il se passe quoi d’ailleurs si tu remplace cette couleur par un vert pétant type #00FF00 tu vois bien la différence en réactualisant ta page ?
8 septembre 2011 à 8 h 18 min #791534je ne trouve pas, certains articles ont un lire la suite à la même place que aucun commentaire (comme Toutes les apps pour lire des pages web hors-connexion Sur votre iPhone/iPod Touch/iPad) . Si c’est celui là, je le vois parfaitement en noir souligné.
8 septembre 2011 à 9 h 28 min #791535@Guy : oui, « Toutes les apps pour lire des pages web hors-connexion Sur votre iPhone/iPod Touch/iPad » a un « lire la suite », qui est au même endroit que le « aucun commentaire » des autres articles.
@Flo563 : Ah non, je ne l’ai pas mis après, j’ai remplacé #2C2C29 par une autre couleur. Je viens de mettre ton #00FF00, aucun changement.EDIT : je viens de tester
.cat_tags a,.cat_tags .continue a{color:#00FF00;}#00FF00
. Pas de bug, mais pas de changement non plus.
PS : j’ai une idée ! Et si je vous mettais ici TOUT le code du fichier style.css, et vous le modifiez ?
8 septembre 2011 à 9 h 52 min #791536Alors là, j’y comprend plus rien ! La couleur verte s’est appliquée, après 20 minutes !
EDIT : maintenant j’ai passé en bleu.
8 septembre 2011 à 10 h 11 min #791537il fallait probablement rafraichir avec ctrl + F5 pour vider le cache.
8 septembre 2011 à 11 h 39 min #791538Filsmick, tu viens de découvrir la première cause d’erreur dans l’informatique pour tout ce qui est IHM, « Vide ton cache »
Ton navigateur stocke les pages que tu lui demande pour que ça aille plus vite les fois suivantes, donc tu dois faire Ctrl+F5 comme le rappelle Guy afin de forcer ton navigateur à retélécharger le fichier CSS par exemple, c’est ce que je voulais dire dans mon précédent post par « en réactualisant ta page »…
8 septembre 2011 à 19 h 26 min #791539Je sais que « the_content » used with the « more » tag, oups désolé mais aujourd’ hui j’ ai fait un de langues.
Donc dans ton cas tu peux couper là où tu veux avec « more » et parfois ne pas couper, mais, d’ un point de vue esthétique, , ne serait-il pas plus simple d’ utiliser « the_excerpt », qui coupe après 55 mots et ne t’ oblige pas à penser à ajouter la balise more. Et pour le reste c’ est semblable, sauf que tu aurais en fin de chaque article le bouton ‘lire la suite ». Ce qui est moins perturbant pour tes lecteurs et pus simple pour toi.De nouveau, je sais que je suis un poil hors sujet, mais le but est, du moins je le pense, de faire en sorte que le blog soit « le plus joli possible ».
Si tu veux un bouton dans le genre de « partager ou de celui de twitter, ce sera un rien plus compliqué: cela nécessite quelques connaissances de html et de css.
D’ accord, au premier regard, je n’ ai rien apporté de concret, mais ceci est juste un incitant.
9 septembre 2011 à 9 h 35 min #791540Euh… Et j’utilise comment php_the_excerpt ?
Sinon, j’ai trouvé un topic où on pose la même question que moi :
[url= »http://www.wordpress-fr.net/support/viewtopic.php?id=4860
« ]http://www.wordpress-fr.net/support/viewtopic.php?id=4860[/url]Mais là, on parle d’une image. Moi, ça me convient, j’ai une image magnifique et libre de droits à mettre, alors dans ce topic ils disent :
Tu remplace le texte par le code html de ton image
probablement
<?php the_content('‘); ?>
En placant l’image dans le dossier images de ton thème
Ma question :
Où le placer, ce bout de code ?
EDIT : Je crois que j’ai trouvé ! Il faut remplacer, dans le fichier index.php :
Par
<?php the_content('<img src="'.get_bloginfo('template_directory').'/images/tonbouton.gif" alt="bouton" />‘); ?>
Je vais tester et on va voir ce que ça donne !
9 septembre 2011 à 9 h 44 min #791541Tu peux faire cela, mais du coup tu dois aller dans les règlages WordPress pour dire que tu veux afficher des extraits au lieu des articles complets.
Et attention, sauf erreur de ma part il y aura toujours le lien « Lire la suite » en bas à droite de tes articles, il faudra le retirer si le résultat du bouton te satisfait.
9 septembre 2011 à 12 h 33 min #791543effectivement c’ est ce bout de code dans la boucle.
the_excerpt et the_content sony les deux fonctions disponibles pour afficher des extraits d’ articles. Tu devrais lire http://codex.wordpress.org/Function_Reference/the_excerpt et http://codex.wordpress.org/Function_Reference/the_content pour des explications complètes et donc décider quoi employer.
En fait j’ aurais laissé ma fonction the_content() telle quelle et aurais juste remplacé le lire la suite par cette image, incluse dans un lien. Avec le code que tu as donné, mais hors de la fonction. Cela te permettait de positionner le bouton où tu désires.src= »‘.get_bloginfo(‘template_directory’).’/images/tonbouton.gif »
comme ton dossier d’ images du site (pas celui d’ upload de wordpress) est au même niveau que ton fichier « index.php », tu n’ as pas besoin de recréer tout le chemin, et la fonction « get_bloginfo() » n’ est pas nécessaire
9 septembre 2011 à 15 h 04 min #791544Euh… J’ai pas bien compris le fond de ta pensée, là !
EDIT : je viens de tester, ça marche du tonnerre ! Maintenant, il reste deux problèmes :
-Je trouve le « lire la suite » trop collé au texte, pourrais-je le séparer de 2 ou 3 retours chariot ?
-Et comment supprimer le « lire la suite » en version lien bleu, maintenant ?
Merci d’avance.
9 septembre 2011 à 16 h 50 min #791542s’ il est ainsi collé au texte, c’ est parce que tu l’ as intégré à la fonction qui place le bouton directement après le texte. Pour légèrement modifier sa position, tu dois jouer sur les css, avec un code du genre img(margin: 10px). Attention ce n’ est pas tout à fait correct parce que je n’ ai pas le bon caractère sur ce clavier pour remplacer la « (« . Cela devrait créer une marge de 10px tout autour de l’ image et donc la descendre d’ autant et la déplacer vers la droite.
Premier problème: comme j’ ignore tout du code de ta boucle, j’ ignore quel est le chemin qui mènera à la bonne balise. Donc si tu écris le css tel quel, tu vas appliquer cette propriété à toutes tes images, ce qui n’ est pas le but.
Deuxième problème: le lire la suite est là parce que quelques lignes plus bas, normalement, tu as un truc du genre: <a href=" »>lire la suite qui doit disparaître.J’ en viens donc à ton problème philosophique. Qui va résoudre ton problème, puisque le code de base est déjà en place.
Comme j’ ignore sur quel point tu veux que j’ approfondisse ma pensée, je vais le faire sur les deux points:
En écrivant tu te contentes de signaler à wordpress d’ écrire l’ article jusque’ à la balise « more » mais sans lien permettant d’ accéder à la page single.php qui contient la totalité de l’ article. Donc tu dois créer ce lien qui existe puisque tu as déjà « lire la suite ». Ensuite, à la place de la ligne qui contient le « lire la suite », tu remplaces le « lire la suite » par, et ton bouton devrait apparaître en lieu et place de « lire la suite ». Il faudra peut-être modifier un peu le css, pour positionner correctement le bouton. Tu remarqueras que je me suis contenté d’ écrire « images/tonbouton.gif » comme adresse car ainsi ce qui sera recherché sera une image « monbouton.giff » dans un dossier « images », lui même situé dans le même dossier que le fichier index.php dans lequel est écrit le code. Lorsque tu écris une adresse de cette manière, la recherche se fera toujours dans le dossier qui contient le fichier d’ instruction, parmi les éléments au même niveau dans l’ arborescence et ayant le même dossier parent, donc ici le dossier « mon_template ». C’ est la raison pour laquelle le dossier des images du site est toujours placé avec les fichiers php. Pourquoi se compliquer la vie quand il est possible de faire simple.
Mais attention, si tu utilises le système des templates parents-enfant, ce raccourci ne fonctionne pas. J’ ai eu la blague.24 novembre 2011 à 11 h 39 min #791545Hum… Rebonjour. Je dois remonter la discussion, car j’ai changé de thème et mis un nouveau bouton. Problème : il y a une flèche à côté de ce dernier et j’aimerais bien qu’il soit centré. Voici la portion de code le concernant :
<?php if ($mop_excerpthome != "Full Post") {the_excerpt(); } else { the_content( __( '<img src="http://micro-informatique.fr/wp-content/uploads/2011/11/Lire-la-suite1.png" alt="bouton" />‘,’mantra’).’ <span class="meta-nav">→</span>‘);} ?>
Si quelqu’un qui s’y connaît peut le modifier pour enlever la flèche et centrer le bouton, je lui en serais très reconnaissant !
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.