Customiser le thème Wordpress Picture Perfect

Bonjour
voilà, en plus du dernier commentaire qui me demandait comment on changeait les liens du menu de gauche, j’ai régulièrement des recherches qui viennent chez moi genre « changer le menu picture perfect »

Alors picture perfect : pour le télécharger, c’est là : http://wordpress.org/extend/themes/picture-perfect

Ensuite, vous dézippez, puis vous l’installez dans votre ftp, dans les thèmes.
Pour modifier, vous allez sur le fichier « functions », via votre wordpress (apparence > éditeur) ou via votre éditeur préféré (je vais pas tarder à faire un billet là dessus, mais comme c’est un peu lourd et que j’ai pas des masses de temps en ce moment, je trainouille un peu)
Donc dans le fichiers « functions », vous cherchez ça (en recherchant sur la dernière version du thème, je me rends compte qu’il a été mis à jour, et donc c’est un peu plus difficile à trouver )

1
2
3
4
5
6
7
8
9

<!-- default links - these are not used if you have your own pages-->
 
				<li class="bk1"><a href="http://mac-host.com/install.html">About</a></li>
				<li class="bk2"><a href="http://mac-host.com/install.html">Weddings</a></li>
				<li class="bk3"><a href="http://mac-host.com/support">Places</a></li>
				<li class="bk4"><a href="http://mac-host.com/install.html">Food</a></li>
				<li class="bk5"><a href="http://dubbo.org">People</a></li>
				<li class="bk6"><a href="http://macintoshhowto.com">Nature</a></li>
				<li class="bk7"><a href="http://7.barracks.cl">Architecture</a></li>

et vous remplacez par vos liens à vous, pour ma part, cela donne

1
2
3
4
5
6
7

                                <li class="bk1"><a href="http://drine.info/category/photo-nature/">Photos Nature</a></li>
				<li class="bk2"><a href="http://drine.info/category/photo-faune/">Photos Faune</a></li>
				<li class="bk3"><a href="http://drine.info/category/mode-minigeek/">Mode Mini-geek</a></li>
				<li class="bk4"><a href="http://drine.info/category/loup/">Loup</a></li>
				<li class="bk5"><a href="http://drine.info/category/humeur/">Humeur</a></li>
				<li class="bk6"><a href="http://drine.info/category/creations/">Creations</a></li>
				<li class="bk7"><a href="http://drine.info/category/divers/">Divers</a></li>

Voilà, donc les liens sont changés, et aussi les noms des catégories.

Mais si vous voulez par exemple insérer vos propres images, le plus simple et de ne pas toucher au code, et d’aller dans le répertoire « image menu > images » et là vous remplacez les images par celles de votre choix, en faisant attention de bien respecter les dimensions 240*300, sauf si vous voulez que votre menu soit moins large (ce qui est mon cas, mais alors il faut aussi modifier la CSS, et c’est un peu plus compliqué…) Renommez bien vos images comme les images de base, sinon, cela ne fonctionnera pas (moi j’avais un souci avec un .JPG au lieu de .jpg, et ça changeait tout)

D’ailleurs en parlant de CSS, je vous dis vite fait comment j’ai inséré ma bannière :
J’ai rajouté dans le fichier de css (style) avant le premier « #welcomeheading »

1
2
3
4
5
6
7
8
9

#welcomeheading h1 a {
 
   width: 704px;
 
   height: 170px;
 
   display: block;
 
   background: url(/wp-content/uploads/adresse_de_votre_bannière.jpg) no-repeat top center;

Pour la taille, j’ai mis de façon à ce que ça s’adapte à un maximum de tailles d’écran, selon la vôtre ou elle est juste centrée au dessus de la colonne centrale, ou elle va aussi au dessus de la colonne de droite.

Enfin, je pense que j’ai fait le tour des principales modifications de ce thème.

Par contre, je n’ai toujours pas compris pourquoi si j’essaie d’insérer une page « table des matières », ça me modifie toute la structure du thème, entre autre en remplaçant les catégories du menu par les pages…. sans doute une incompatibilité…

voilà passez une bonne journée

filtrer sur twitter : Filltr

bonjour !

Voilà, j’adore ma timeline (comprendre là où défilent les tweets de mes amis), mais certains soirs, des « livetweets » de folie la perturbent …
Un livetweet, c’est quand certaines personnes commentent en direct un événement ou une émission télé, et ça ne nous intéresse pas toujours….
Hier soir, c’était une catastrophe, tout le monde ou presque sur la nouvelle star, alors que en face, moi je regardais mon cher Gregory House…
Et pas moyen de supprimer de sa TL ces tweets qui commentent la façon de chanter des jeunes recrues de M6… Enfin, pas que je connaisse… Et rien sur les premières pages de google en résultats francophones…On en revient toujours au même point, on peut avoir la liste de tous les tweets qui contiennent le mot NS (pour nouvelle star) mais pour avoir sa TL sans ce mot, rien :/

Alors je suis tombée sur cet article en anglais, et j’ai fait un gros gros effort pour comprendre si la perle rare était dedans  : Twitter Better: 20 Ways to Filter Your Tweets

Et là, le tout premier, basé sur les mots clés : Filttr
Bon, comme la personne qui a écrit l’article, je ne comprends pas toujours pourquoi certains tweets sont initialement filtrés, mais on peut facilement les activer en cliquant dessus…

Alors comme je commençais juste ma journée twitterresque, j’ai envoyé un bonjour auquel quelques personnes ont répondu : l’avantage : on sait à quel tweet elles répondent, celui ci apparait sous la réponse. Bien pratique quand on est un peu bavard comme moi

Ensuite, la fonctionnalité pour laquelle je l’ai cherché : virer les tweets indésirables provisoirement de sa tl : il faut aller sur « Keyphrases », et là vous tapez le hashtag, par exemple #NS dans la blacklist…
Sinon, plus simple, quand un hashtag apparait dans votre TL, vous cliquez sur la petite croix à côté du mot, et hop, blacklisté !!
et voilà ce que ça donne :

Le tweet avec le mot indésirable est sous le « blacklist’d ». Par contre, si on vous cite, le tweet apparait dans votre TL.
Mais si vous désirez l’enlever de votre blacklist, rien de plus simple, un clic suffit.
Vous avez aussi une whitelist, et la possibilité de faire des mix : genre, je veux le mot « loup » à tout prix, mais il se trouve dans un tweet avec le hashtag #NS, et bien vous pouvez le configurer.

Voilà, quelques autres fonctionnalités bien sympathiques, une par exemple qui va plaire à Mike, une possibilité de se déplacer avec des raccourcis clavier, dont la liste est donnée sous le bouton « shortcuts »;)
Vous pouvez aussi voir toute une conversation dans une popup :

Filltr propose aussi d’héberger des fichiers sous le bouton « attach file », image, audio ou vidéo, et aussi de lier votre compte à facebook pour pouvoir poster directement là bas.

Voilà, je pense que j’ai fait le tour , un bon outil pour les livetweets de folie ^^

Bonne journée à vous

afficher du code sur son wordpress : wp-codebox

bonjour,

Voilà, je rencontre très souvent le même problème quand je passe en mode mini-geek, c’est que je n’arrive pas à vous mettre du code proprement sur ce blog pour vous expliquer un truc que j’ai fait par exemple. Et là, je suis en train de tester trois éditeurs de php gratuits, et de chercher quel est le plus sympa. Pour vous montrer tout ça, je risque d’avoir besoin de vous mettre du code, et donc je me retrouve avec la balise <pre> et… ben c’est tout… Pas top top, ça donne ça :

<br>voilà, la je tape le code en <b>gras</b> par exemple <br>

et moi, ça me plait pas des masses… Alors je me suis mise à fureter à la recherche du plugin qui va bien… Alors j’en ai essayé plein, des très complets, des compliqués, et j’aime pas trop me prendre la tête… Et j’ai trouvé wp-codebox, très simple, se base sur la balise <pre>, vous rajoutez le langage que vous souhaitez afficher le le tour est joué : <pre lang= »php »> par exemple ici : l’endroit à modifier dans ma sidebar pour mettre les liens vers mes catégories :

1
2
3
4

<!-- THESE ARE THE LINKS YOU GO TO WHEN YOU CLICK ON A SLIDING DOOR IMAGE-->
				<!-- change the href to look like this: <a href="yourlink.com" mce_href="yourlink.com">     -->
	<li class="bk1"><a href="http://drine.info/category/photo-nature/">Photos Nature</a></li>
	<li class="bk2"><a href="http://drine.info/category/photo-faune/">Photos Faune</a></li>

J’aime avoir la coloration syntaxique, très pratique, j’aime avoir la numérotation des lignes… vous pouvez commencer la numérotation des lignes plus loin en rajoutant par exemple line= »15″, ce qui donne :

15
16
17
18

<!-- THESE ARE THE LINKS YOU GO TO WHEN YOU CLICK ON A SLIDING DOOR IMAGE-->
				<!-- change the href to look like this: <a href="yourlink.com" mce_href="yourlink.com">     -->
	<li class="bk1"><a href="http://drine.info/category/photo-nature/">Photos Nature</a></li>
	<li class="bk2"><a href="http://drine.info/category/photo-faune/">Photos Faune</a></li>

pour finir, vous pouvez afficher ou masquer la box en ajoutant colla= »+ » ou colla= »- »

1
2
3
4

<!-- THESE ARE THE LINKS YOU GO TO WHEN YOU CLICK ON A SLIDING DOOR IMAGE-->
				<!-- change the href to look like this: <a href="yourlink.com" mce_href="yourlink.com">     -->
	<li class="bk1"><a href="http://drine.info/category/photo-nature/">Photos Nature</a></li>
	<li class="bk2"><a href="http://drine.info/category/photo-faune/">Photos Faune</a></li>

Vous avez une petite interface d’administration, et de nombreux langages sont supportés. Par contre, l’éditeur visuel de wordpress ne le supporte pas, et le code s’affiche comme s’il était transformé (là pour le coup, je vois une liste avec « photos nature » et « photos faune »). Pour info, je suis revenue à l’éditeur visuel de base de wordpress après de nombreuses pérégrinations.

Sinon, vous avez d’autres exemples de ses capacités ici : http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples

En cliquant sur « viewcode », vos lecteurs auront une petite pop-up qui apparait avec le code brut, facile à copier.

voili voiloup, je comptais taper mon autre billet aujourd’hui, mais EDF nous a annoncé une coupure de courant une bonne partie de l’aprèm… pas grave, on commence à avoir l’habitude…..
bonne journée 

EDIT = au moment de publier, les deux possibilités de commencer la numérotation plus loin et de faire apparaitre ou non la box ont été scratchées par mon wp… il faut éviter de repasser par l’éditeur visuel avant la publication apparemment… et on dit merci wordpress

Dans ton flux !!!

Alors, je voulais résoudre un petit souci qui me chagrine depuis quelques temps, c’est une histoire de flux.

En fait, les flux de mon blog sont envoyés à différents endroits et pour tous plus aucune mise à jour de faite depuis fin janvier…
C’est dommage, je pense que je perds quand même pas mal de lecteurs comme ça.
Alors je me mets à bidouiller, et pas moyen, ça veut pas importer les flux. En fait, j’utilisais feedburner, mais ce dernier présente un intérêt majeur surtout quand on veut réunir plusieurs flux différents. Là pour le coup, je rajoutais le flux de mon flickr, mais bon, la plupart des photos que j’importe là bas, c’est pour les mettre ici, et vice versa…
Donc quand Mike m’a dit que sans doute c’était feedburner qui flinguait mon flux, je l’ai supprimé sans hésiter une seconde.
Vala, flux feedburner supprimé, mais toujours problème avec celui de base sur wordpress : http://drine.info/feed/

D’ailleurs, pas facile de retrouver  l’adresse exacte quand on n’est pas un pro de wordpress – parce que les pros ils te font « Ben, c’est facile, c’est http://nomdetonblog.com/feed/ et si tu veux le flux d’une catégorie en particulier tu rajoutes « feed » à l’url de ta catégorie… il est où ton problème » ah, excuse….

Bref…

Donc je farfouille pour me trouver un truc qui pourrait m’indiquer facilement mes adresses de feed, et là une idée m’est venue. J’ai trois pages statiques, et il serait peut-être possible d’intégrer un flux rss à la page de peupleloup, histoire que mon truc soit pas trop à la ramasse, en l’actualisant avec les derniers articles de peupleloup!
Je commence à chercher, et je tombe sur plein de gens qui disent que c’est pas possible dans une page, que wordpress intègre pas le php dans un article et blablabla…..
Jusqu’à tomber sur LE truc que je cherchais : le plugin aggr. trop facile d’utilisation, vous décompressez l’archive, vous mettez le fichier aggr.php dans vos plugins, vous activez l’extension, et il m’a suffit de rentrer la phrase suivante :

 <!--rss url="http://drine.info/feed/"-->

à la fin de ma page peupleloup, et hop, un beau flux rss dans ma page

Bon, mon problème de flux est toujours pas résolu. Mike en utilisant ce service : feed validator service pense que c’est un souci tout simple de syntaxe dans mes fichiers.
On cherche, on cherche, rien, mes fichiers ont l’air très corrects.
D’ailleurs, on s’est beaucoup servis de cet outil : http://html.pastebin.com/ très pratique quand on rencontre un souci de code, pour se faire aider facilement, sans envoyer vos fichiers par mail à la personne qui vous aide..

Puis, je decide d’aller voir sur le support WP, et là, je trouve ça :
Alors si vous utilisez un « vieux » thème wordpress (attention, la notion de vieux est parfois surprenante, 2 ans, c’est très vieux, alors que quand e regarde ma fille, je trouve pas !!), votre « header » doit avoir un truc du genre :

<link rel= »alternate » type= »application/rss+xml » title= »<?php bloginfo(‘name’); ?> RSS Feed » href= »<?php bloginfo(‘rss2_url’); ?> » />

Alors que maintenant, il faut :

<link rel= »alternate » type= »application/rss+xml » title= »RSS 2.0″ href= »<?php bloginfo(‘rss2_url’); ?> » />
<link rel= »alternate » type= »text/xml » title= »RSS .92″ href= »<?php bloginfo(‘rss_url’); ?> » />
<link rel= »alternate » type= »application/atom+xml » title= »Atom 0.3″ href= »<?php bloginfo(‘atom_url’); ?> » />

et certains trucs peuvent alors planter… genre mon tumblr qui refuse d’importer ce flux pas propre (alors qu’il me l’importait très bien jusqu’alors)

Bon, je fais le changement, mais non, toujours pas….
Donc voilà, je viens d’y passer une bonne partie de la journée, et toujours pas de réponse à ma question, alors si vous savez….

EDIT le 14/02 : ça y est, en désespoir de cause j’ai confié mes templates à Mike, et il a trouvé : le fichier « functions.php » qui permet de régler les liens du menu déroulant que vous avez à côté, était vérolé, c’est à dire qu’il y avait des signes pas corrects dedans, je suppose genre des « &gt;&lt; » … puis sans doute quelques lignes en trop… ça y est, j’ai un flux qui ne pose plus de problème !! vous pouvez aisément vous inscrire sous n’importe quel navigateur (en fait ça ne fonctionnait pas avec chrome) http://drine.info/feed/

voilà, il faut pas grand chose pour perturber ces bestioles, vous êtes prévenus

Suivre ses followers sur twitter

Bonjour à tous

Alors voilà, sur twitter, pour connaitre ses nouveaux followers, on peut demander une notification par mail. Bien. Mais par contre, on ne sait pas quand les gens s’en vont. Alors certains diront que c’est une question d’égo, qu’ils s’en foutent bien des gens qui les suivent ou ne les suivent plus, moi je trouve que c’est sympa quand même de savoir.

Souvent, une personne se met à vous suivre, puis au bout de quelques jours s’en va. Je pense que c’est comme dans la vraie vie (IRL), une rencontre ratée, deux personnes qui ne sont pas faites pour s’entendre.
Par contre quelques fois, j’ai eu quelques mauvaises surprises, des gens avec qui j’échangeais quasi quotidiennement qui se sont sauvés sans explication. Là je me dis que j’ai du faire une erreur à un moment…
Et puis, il y a les bugs de twitters, cela m’est arrivé récemment, un ami avait disparu de ma timeline sans explication, et quand je lui ai demandé, ben pareil pour lui, alors qu’il n’avait rien fait.

Alors vous avez des outils tels que Friendorfollow : vous rentrez votre pseudo twitter et il classe vos contacts dans plusieurs listes :

• ce que vous suivez et qui ne vous suivent pas en retour (following),
• ce qui vous suivent et que vous ne suivez pas (fans),
• et ceux que vous suivez et qui vous suivent (friends).

Je m’en sers de temps en temps pour faire un point.
D’ailleurs, depuis quelques temps, je ne suis plus systématiquement mes nouveaux followers comme je faisais avant. Ce n’est pas du snobisme, loin de là, mais j’ai déjà du mal à suivre 250 personnes, alors j’attends que la personne me cause. Alors si vous êtes dans ce cas là, n’hésitez pas à me faire un petit signe, je vous suivrais avec plaisir

Alors le but de cet article, c’était pas de vous parler de  cet outil, mais d’un bien plus léger et simple pour suivre au jour le jour ses followers : RSSFriends

Et là ça vous crée trois flux RSS, moi seul le premier m’intéresse dans ce cas : « RSS Feed of (Un)Followers » (pour les deux autres, je sais pas, je suppose que c’est pour suivre une autre personne que soi, les nouvelles personnes qu’elle suit, et ses nouveaux favoris)
Hop, je clique dessus, et cela se présente comme n’importe quel flux, et je n’ai plus qu’à l’ajouter à ma barre perso en cliquant sur « s’abonner ».
Comme mon compte est public, je peux ainsi me passer des notifications par mail des nouveaux followers, et je vois aussi qui me « qwitte » en un seul coup d’oeil :
Voilà, un moyen ultra simple et rapide de suivre quotidiennement les évolutions de votre compte
voilà, j’espère que mon billet du jour vous aura servi, maintenant, je vais m’amuser avec mes photos !!

Bonne journée !