[Tuto] Ajouter une présentation personnelle en tête de son blog WordPress

ah bon ??? ben merde alors
je voudrais qu'il soit foncé sur fond blanc

avec ce code couleur en fait 56516a

Alors il y a plusieurs moyens pour faire cela. Si cette couleur de texte, tu ne veux l'appliquer qu'à ce paragraphe, tu peux récupérer le fichier index.php de ton thème chez toi à l'aide de ton client FTP, l'éditer et modifier cette ligne :

Code:



<p><?php the_author_meta('description',1); ?></p>


En :

Code:


<p style="color:#56516a"><?php the_author_meta('description',1); ?></p>



Puis replacer le fichier chez ton hébergeur.

Si tu veux appliquer cette couleur à tout le texte du blog, le mieux serait d'éditer le fichier "style.css" de ton thème (Tofurious apparemment), et de modifier pour le sélecteur "body" l'attribut "color=#fff" en "color=#56516a".
Si tu choisis cette deuxième méthode mais que tu coinces parce que ce n'est pas assez détaillé, n'hésite pas à me le dire...

j'ai fait ta première méthode qui a fonctionné

merci beaucoup

me reste à trouver comment améliorer mon texte (alignement, police, taille des caractères) parce que là c'est pas génial

patou a écrit:me reste à trouver comment améliorer mon texte (alignement, police, taille des caractères) parce que là c'est pas génial

Serait-ce une timide, discrète, polie et néanmoins bien réelle manière de solliciter une initiation aux CSS ?

disons que pdt que je glisse ma requête, je jette un oeil de mon côté (g trouvé pour ajouter la phrase "ces photos ne sont pas libres de droit."

en gros, j'aime aussi découvrir par moi-même afin de savoir refaire, et aussi de pouvoir aider quelqu'un autre ... mais parfois un coup de main ne serait pas de refus

Très bien Patou ta présentation !!

Par contre si je peux me permettre, il y a juste une petite faute avec le mot Bienvenus qui s'écrit Bienvenue.

A moins que tu mettes : "Soyez les bienvenus"

Hihi... vi alors donc l'idée, ce serait alors plutôt de rechanger, dans l'index.php de ton thème :

Code:


<p style="color:#56516a"><?php the_author_meta('description',1); ?></p>


En :

Code:

 
<p class="paragraphe1"><?php the_author_meta('description',1); ?></p>


Puis d'éditer le fichier style.css du thème (il est à la racine du dossier du thème) et ajouter, à la fin par exemple :

Code:


.paragraphe1{
color:#lecodehexadécimaldetacouleur; /*C'est la couleur du texte*/
text-indent:1em; /*Cela définit le retrait de la première ligne.*/
font-size:1.3em; /* La taille du texte, qu'on pourrait aussi définir en pixels.*/
font-family:Georgia, "Times New Roman", Times, serif; /*La police choisie et les éventuelles remplaçantes en cas d'absence chez le visiteur.*/
}


cool merci Karine !
j'ai réussi à mettre un fond je tatonne, je tatonne et j'adore quand ça fonctionne !

Hallucinant, l'éditeur de code... de quoi devenir vraiment chèvre... il mange le code une fois sur deux... bon, je réédite...

ah oui j'avais vu tout à l'heure, mais ça met un temps à s'afficher

allez j'essaye ton exemple et si j'y arrive, je ne t'embête plus

merci

patou a écrit:j'ai réussi à mettre un fond je tatonne, je tatonne et j'adore quand ça fonctionne !

Excellent ! Mais il demeure un petit souci : ton fond, comme il se doit, se répète, mais l'image utilisée ne s'y prête pas très bien car les bords droits et gauche ou haut et bas ne sont pas exactement semblables...

patou a écrit:ah oui j'avais vu tout à l'heure, mais ça met un temps à s'afficher

Non non, ce n'est pas un temps pour s'afficher, que ça prend, c'est juste le temps que je m'en aperçoive et que j'édite pour la enième fois mon post avant d'arriver à quelque chose de normal...

patou a écrit:allez j'essaye ton exemple et si j'y arrive, je ne t'embête plus

Tu ne m'embêtes pas trop. Et puis tu es une excellente élève... hihi...

patou a écrit:merci

De rien.

Yes ! Je vois que tu as réussi, avec le fichier style.css : bravo !
Mais tu as mis 12em pour le text-indent, au lieu de 1em... Ça fait ptêtre un peu beaucoup, nan ?

j'ai réussi à faire un peu mieux au niveau du

oui, j'ai vu pour la répétition du fond mais c pas grave parce que ce fond ne me plait pas trop tout compte fait, par contre je sais comment l'inserrer

est-ce que par hasard tu connaitrais les dimensions en pixels pour avoir un fond uniforme ?

g toujours été une excellente élève à l'école

g mis 12 pour faire des essais, pour décaller au max jusqu'à ce que mon texte soit plus centré par rapport à la photo à gauche

nan ça marche pas, j'aurais pensé que cela aurait fait descendre les texte, g remis comme c'était

Ah, d'accord : mais dans ce cas, si tu veux le centrer, ce n'est pas sur text-indent qu'il faudrait jouer (car cela ne crée une "indentation" que pour la première ligne), mais plutôt ajouter cette ligne dans les propriété de la classe .paragraphe1 :

Code:

text-align:center;

Ou alors garder le texte aligné à gauche, mais définir une marge ? Ce serait alors sur le "margin-right" de l'élément img qu'il faudrait jouer...

Tu vois, dans index.php ? :

Code:

div>
 <img src="..." alt="" style="float:left; margin-right:1em" />
 <p><?php the_author_meta('description',1); ?></p>
</div>
 <div style="clear:left; height:1px"> </div>

Remplacer margin-right:1em par une marge plus importante...

ah oui c nikel comme ça !
et pour le fond g refait avec photoshop en inversant les images (symétrie verticale)

j'arrête pour aujourd'hui, je te remercie Jerfa

ca c'est ok ou presque quelques modifs a faire mais j'ai réussi !

Hihi, elle est sur tous les fronts, la Marion, là !

euh bah je sais je m'éparpille mais j'essai mdr...voir si j'arrive à quelque chose !

Super ce tuto !!!
Seulement voilà j'arrive même pas à franchir la première étape !!


Je n'arrive pas à ajouter de photo voilà le message que j'ai :Impossible de créer le dossier /home/a2694403/public_html/wp-content/uploads/2010/01. Son dossier parent est-il accessible en écriture par le serveur ?


Pfff je suis trop nule...

Mais non, t'es pas nulle, Émilie, c'est sûrement la machine qui est vilaine !

Ce message, tu l'as au moment d'envoyer ta photo dans la bibliothèque ?