Customizer les boutons read-more

Statut : non résolu

Ce sujet contient 3 réponses, 3 participants et a été mis à jour pour la dernière fois par Lyser, le il y a 12 années et 8 mois.

4 sujets de 1 à 4 (sur un total de 4)

Auteur

Messages
24 août 2011 à 13 h 26 min #498944

kvf300
Participant

Chevalier WordPress
106 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : Dernière
– Version de PHP/MySQL :
– Thème utilisé : Mystique
– Extensions en place :
– Nom de l’hebergeur : OVH
– Adresse du site :

Problème(s) rencontré(s) :

J’ai un soucis avec mes liens read more. En fait je voudrais tout simplement qu’il ressemble à ceux de ce site ==> http://www.readmeimfamous.com/

Merci de votre aide.

Erwin

24 août 2011 à 13 h 38 min #789549

SteveChanone
Membre

Initié WordPress
42 contributions

salut alors je suis un peu novice en php, mais j’ai voulu moi aussi customiser mon read more pour faire un boutton,
alors pour la création du bouton bin soit tu le télécharge déja tout fait tout propre, soit tu le fait toi meme , ce qui n’est pas trés compliquer en s’aidant d’un tutoriel vidéo, moi j’utilise gimp et j’en est trouvé plein sur youtube en tapant quelque chose comme « create a button with gimp »

aprés faut aller dans les fichiers .php de son theme, trouver le fichier contenant la ligne the_content et la transformer de cette manière:

<?php the_content('Read more…‘); ?>

au prélable faut avoir uploader son button sur son serveur dans le dossier image du theme.

c’est ce que j’ai fait , sa marche nickel, voici l’adresse de l’explication que j’ai trouvé :
http://codex.wordpress.org/Customizing_the_Read_More

Voili voila, faut s’entraider 😉

24 août 2011 à 17 h 20 min #789550
kvf300
Participant

Chevalier WordPress
106 contributions
Merci. En fait ce n’est pas vraiment cela que je voulais faire et je voulais le faire proprement.

Donc pour ceux que ça intéresse voila la marche à suivre:

Ajouter ces lignes de code dans votre CSS:
```
.post-content a.more-link {
    background-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    color: #666666;
    font-size: 85%;
    margin: 0;
    padding: 2px 6px 3px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-transform: uppercase;
}
.post-content a.more-link:hover {
    background-color: #999999;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #666666;
}
```
Puis il faut aller modifier le fichier de traduction .po grâce au logiciel Poedit. Ensuite il faut enregistrer ce fichier qui va par ailleurs générer un .mo. Il ne te reste plus qu’à remettre ces 2 fichiers dans leur dossier et le tour est joué.

kvf300
25 avril 2012 à 21 h 33 min #789551

Lyser
Participant

Chevalier WordPress
122 contributions

J’aimerais aussi avoir un bouton « lire la suite » mais je ne comprends pas pourquoi la technique de kvf300 ne marche pas, il n’y a vraiment rien d’autre à faire que d’ajouter ces lignes dans le fichier style.css ?

mon site : http://www.morganbriant-guitares.com/testv1/

J’utilise le thème twentyeleven que j’ai modifié
Auteur

Messages