Modification lien "lire la suite"

websyys · octobre 2013

Bonjour, est-ce que certains parmi vous ont réussi à insérer une image pour le "lien lire la suite" ?

J'ai modifié le chapo comme ceci :

<?php $plxShow->artChapo("<img src='themes/mytheme/img/full-article.png' title='Lire la suite... #art_title' />"); ?>

Mais dans le code source, je m'aperçois que ce qui affiché entre les parenthèses est inclut dans la balise title...

<p class="more"><a href="http://websyys.olympe.in/premiers-pas-avec-pluxml.html" 
title="<img src='themes/mytheme/img/full-article.png' title='Lire la suite... Premiers pas avec Pluxml' />">
<img src="themes/mytheme/img/full-article.png" title="Lire la suite... Premiers pas avec Pluxml"></a></p>

Je voudrais également ajouter une ancre pour éviter d'avoir deux liens identiques sur la page d'accueil.

Alors si quelqu'un aurait une astuce... :P
Merci.

websyys · octobre 2013

Okay, je viens de trouver...

Il faut modifier le fichier /core/lib/class.plx.show.php :

Ligne 691 :

[== Indéfini ==]
echo '<p class="more"><a href="'.$this->plxMotor->urlRewrite('?article'.$id.'/'.$url).'#suite" title="'.$title.'"><img src="themes/mytheme/img/full-article.png" title="'.$title.'" /></a></p>'."\n";

Mais comment intégrer une ancre (#suite) au milieu d'un article ?

Stéphane · octobre 2013

Attention websyys a ne pas trop faire de modif dans les fichiers core de PluXml. Cela te rendra les futures mises à jour plus difficile.

websyys · octobre 2013

La mise à jour ne fait qu’écraser les fichiers existants, non ?
A quel endroit pourrais-je ajouter une portion de code pour ajouter une ancre #suite de l'article ?

Jerry Wham · octobre 2013

Fais plutôt appel à ob_start et ob_get_clean pour ce genre de modif directement dans ton thème

websyys · octobre 2013

Ou bien penser à intégrer une fonction dans la prochaine mise à jour pour choisir soit un lien href, soit une image cliquable pour le lien lire la suite

Stéphane · octobre 2013

websyys a écrit:

Ou bien penser à intégrer une fonction dans la prochaine mise à jour pour choisir soit un lien href, soit une image cliquable pour le lien lire la suite

déjà implémenté dans la version de dev sur github

websyys · octobre 2013

C'est une bonne idée, merci

zenpix · octobre 2013

je relance le truc d'un sujet auquel je n'ai rien compris (trop technique!) pour les novices comme moi...

sans vouloir intégrer une image a la place de "lire la suite", comment insrire "lire la suite" dans un cadre de couleur ?
comme présenté sur ce blog sur "en savoir+"
ICI
merci

Frédéric · octobre 2013

@zenpix,
Cela ce fait en css avec la class .more.
Ajoute dans ta feuille de style:

[== CSS ==]
.more a{
background-color: #AD3525;
color: white;
font-weight: 700;
text-transform: uppercase;
padding: 6px 10px;
float: right;
}

.more a:hover {
background-color: #FF9A8C;
color: white;
}

.more a:active {
position: relative;
top: 1px;
border: 0;
}

Tu aura le résultat du lien que tu donne.

Stéphane · octobre 2013

@zenpix
Dans le fichier style.css de ton theme ajoute le code suivant à la fin du fichier

.more a {
background-color: #AD3525;
color: white;
font-weight: 700;
text-transform: uppercase;
padding: 6px 10px;
float: right;
}

Frédéric · octobre 2013

Grillé Stéphane :P

Stéphane · octobre 2013

En effet

zenpix · octobre 2013

grand merci a vous 2

j'ai inserer le code de Frédéric qui est "plus personnalisable".on ne sait jamais...
avec les deux codes , j'ai tout de mème un ptit chevauchement avec le début du titre de l'article suivant:

peut ètre ,est ce le fait que j'ai supprimer récemment l'affichage du code "classée dans,mots clé, commentaires" sur le fichier home.php .
comment éviter ce chevauchement entre "lire la suite" et le titre de l'article suivant ?

merci encore pour votre éfficacité !

Frédéric · octobre 2013

Dans .more a, rajoute un margin-bottom:50px je pense que ce sera pas mal.

zenpix · octobre 2013

parfait

merci frédéric

Modification lien "lire la suite"

Réponses