Parce qu'on soutien les talents comme ceux-là @diphPhotography

Il y a des gens qu’on croise au détour de notre petite existence d’humain qui vous marquent. Delphine, c’est sur les bancs de la fac (surtout sur ceux de la cafet’!).

Elle n’était pas ma meilleure pote de fac, on était pas super proche, elle était juste super sympa, elle avait une jolie voix et elle avait un appareil photo et une passion aussi éclatante que son rire. Et puis, elle est pas mauvaise en plus, dans ses photos ! Pourtant je suis critique.

Il faut dire que les passionnés de photos qui s’auto-proclament pros sous prétexte d’avoir un appareil à 500€, ça me fait vomir autant que « le cousin qui peut faire une affiche de pub parce qu’il a craqué Photoshop ».

Sans prétention, elle avait des clichés qui me faisaient penser : « Pas mal ».

A la fin de la fac, on s’est perdues comme toutes les connaissances d’école, mais on se suit sur les réseaux, je vois l’évolution. Avec mon métier, j’aime suivre les professionnels graphiques, en design, en architecture ou en photo. Mes « pas mal » sont loin, maintenant je ne fais qu’apprécier le travail d’une pro. Et j’admets être plutôt fière de voir que dans notre promo sans prise de têtes ni prise de bec, on a des gens de talents qui savent rester eux-même.

Je vois évoluer le travail de cette ancienne étudiante qui m’avait marqué, je le répète, par son rire : Elle part en Australie, découvrir le monde, découvrir la vie tout court et elle nous le fait partager.

Comme ça, sans prétention.

Mais putain, tes images, Diph, elle font rêver !

***

Delphine fait partie des 25 finalistes pour la photographe pour The Best Job in the World, avec 600 000 candidats, 196 pays, elle est sélectionnée grâce à sa candidature vidéo (Et sa jolie voix ? ^^) :

Cliquer ici pour voir la vidéo.

Je ne soutiens pas une ancienne copine de fac, mais une talentueuse photographe. Et vous aussi !!

http://www.diph-photography.com/

@DiphPhotography

Contexte

Un Query Post dans une sidebar, qui doit afficher les débuts d’articles d’une catégorie A. Le souci ? Les dits articles s’affichent dans mon contenu principal, quel que soit la page (et même la « Page »)

La solution

A la fin du loop, ce que je suppose « fermer » le query post : <?php endwhile; wp_reset_query() ?>

Bref, pour afficher deux articles dans la sidebar d’un article avec querypost :

<ul>
<?php query_posts(‘cat=4&showposts=2′); ?>
<?php while (have_posts()) : the_post(); ?>
<li>
<a href= »<?php the_permalink() ?> »><b><?php the_title(); ?></b><br/>
<?php the_excerpt(); ?> <br/></a>
</li>
<?php endwhile; wp_reset_query() ?>
</ul>

Contexte :

L’idée, c’est d’avoir une sidebar (bloc A) à gauche, un bloc de contenu à droite (bloc B). Mon menu, en A, est composé de sous-menu déroulants à la vertical, donc qui s’étire au clic. Et là, drame. Ca dépasse, ça n’a jamais la même taille que mon bloc de contenu en B.

La solution :

Bon. Simplicité absolue, après le bloc qui englobe A et B (vous savez, ces div qu’on appelle tous plus ou moins « page », « content », « wrapper » « global » ?), eux même régis par un float, il suffit de placer : « <div style= »clear:both; »></div> »

Voilà, c’est tout bête, mais je peux enfin aller me coucher contente parce que mes deux blocs CSS ont une même taille qui n’est pas fixe ! (Oui, parce que sinon, on met un height fixe et je serais déjà au pays des rêves des webdesigners)

Résultat, j’ai plein de bouts de papier, qui finissent à la poubelle, et me revoilà à écumer le web ! Je remercie d’ailleurs le forum de Prestashop qui m’apporte souvent des solutions et m’évite les crises de nefs

Bref, je vais essayer de me servir du blog pour consigner les quelques astuces trouvées au fur et à mesure. On attaque ?

1. Le transfert de la boutique, du local au distant ne marche pas (Renvoi vers Localhost), et ce malgré mon super article !

C’est con, mais avez-vous vérifié dans le back-end, dans préférences > SEO/URL que vous avez entré votre nouvelle URL et le bon dossier plutôt que le vieux localhost ?

2. Impossible de télécharger des images, la taille max d’images produits est à 0k

Préférences > Limite de téléchargement d’images… Et mettez au max que propose votre serveur.

Voilà pour aujourd’hui !

Photo libre : /www.sxc.hu

Après avoir créé votre thème WordPress ou Prestashop en local avec EasyPHP ou Wamp, que tout fonctionne bien, vous souhaitez enfin vous lancer sur la toile.

Pour cela, il faut passer du serveur local (votre ordinateur) à un serveur distant (votre hébergement).

N.B WordPress et Prestashop ayant quelques étapes en commun, je fais un article sur ces deux CMS, avec une « bifurcation » lorsque les étapes différeront entre les deux.

N.B.2 : Je pars d’un exemple basé sur Wamp, mais cela marche aussi avec EasyPHP

1. En local [Wordpress & Prestashop]

- Sauvegarder la base de données en allant dans PHP MyAdmin > Exporter.

- Cocher « Désactiver la vérification des clés étrangères » et « transmettre » puis « Exécuter »

Cette partie vous permettra de télécharger un fichier SQL, contenant votre base.

[POUR WORDPRESS]

- Ouvrir le fichier avec Notepad++ ou n’importe quel autre éditeur et faire un rechercher/remplacer la valeur « localhost/votresite » par l’url de votre serveur distant (http://www.monsite.com)

2. Transfert

- Transférez tous les fichiers de votre site local vers le serveur distant grâce à un logiciel de transfert FTP (FileZilla est très bien) : Les fichiers du CMS (WordPress ou Prestashop, donc…), les modules et bien sûr votre thème. Bref, tout ce qui se trouve après le dossier www/votresite.

- Après avoir créé une base de données chez votre hébergeur distant, connectez-vous à celle-ci via phpmyadmin. Si vous êtes chez OVH par exemple, c’est à l’adresse : https://phpmyadmin.ovh.net/ . Entrez le nom de la base de données, login et mot de passe puis, une fois entré, importez le fichier sql local.

Pour rappel, la base SQL de Prestashop n’a pas été modifiée, l’importer telle quel, contrairement à celle de WordPress

C’est fait ? Voilà donc votre base SQL, qui contient toutes les informations dynamiques (vos articles, fiches produits, vos identifiants de connexion…) sur votre serveur distant.

C’est ici que les chemin entre WordPress et Prestashop se séparent…

3. WordPress

- Connectez-vous à votre panneau d’administration

- Activez vos extensions… Et voilà !

4. Prestashop

- Avec votre logiciel FTP, recherchez sur votre serveur distant le dossier config puis le fichier settings.inc.php. Editez-le afin de pouvoir le modifier. (Et faites une sauvegarde au préalable pour éviter les bêtises !)

- La modification de settings.inc.php consiste à y placer les infos de votre base de donnée distante afin de relier cette dernière à Prestashop

Voici à quoi cela devrait ressembler :

define(’_DB_SERVER_’, ‘L’adresse de votre base de données‘);

define(’_DB_TYPE_’, ‘MySQL’);

define(’_DB_NAME_’, ‘le nom de votre base de données‘);

define(’_DB_USER_’, ‘votre nom d’utilisateur‘);

define(’_DB_PASSWD_’, ‘mot de passe‘);

define(’_DB_PREFIX_’, ‘ps_’);

define(’__PS_BASE_URI__’, ‘chemin d’accès de la base ‘);

define(’_THEME_NAME_’, ‘Montheme’);

define(’_COOKIE_KEY_’, ‘jvWTG927f36aEBKNup.aw3SgK7KpqsovInE96FjxCiATop8cQJ0cGisN’);

define(’_COOKIE_IV_’, ‘esx2tyg4′);

define(’_PS_CREATION_DATE_’, ‘2008-00-21′);

define(’_PS_VERSION_’, ‘1.0.0.3′);

Concernant le chemin de la base : Si votre boutique en ligne est dans un sous-dossier (type monsite.com/maboutique) , écrivez /maboutique à la place du chemin d’accès de la base. Si votre e-commerce est à la racine du site, n’écrivez que « / »

Voilà ! Transfert terminé !

2011 fut également mon année WordPress, avec de nouveaux clients et d’anciens toujours au poste,et de nouveaux défis techniques et créatifs.

J’ai aussi découvert la joie d’être formatrice pour des étudiants (de mon âge, d’ailleurs!) et compte bien poursuivre dans cette voie!

Des partenariats se sont créés conduisant parfois à de belles amitiés (Pierre), d’autres se sont défaits.

Des rencontres IRL ont pu conduire à de super discussions grâce aux occ et Nice drink ou tout simplement avec de simples apéros! (on est sudiste ou on ne l’est pas!)

Avec une fin d’année un peu difficile, mais riche de promesses et de nouvelles expériences, 2012 s’annonce passionnant!

Tous mes voeux pour une nouvelle année pleine de défis!

Souvenirs, souvenirs, c’était il y a 8 ou 9 ans (Papa si tu me lis, spéciale dédicace) :

1/ Ta première requête Google, tu t’en rappelles ? (ou n’importe quel autre moteur)

Probablement pour chercher un tips sur Playstation (Crash Bandicoot, le seul jeu fini grâce au web !)

2/ Ta première adresse e-mail, honteuse ?

Elle n’était pas honteuse. C’était mon premier pseudo : maecorsica avec un wanadoo ou tiscali derrière. Et c’était la classe !

3/ Ton premier blog/site web : avec quoi tu l’as fait, de quoi il parlait ?

Mon premier site a été créé sur un bloc note, il portait le doux nom de MaeCorsica. Il parlait donc de…la Corse ! Et aussi du HTML, cette chose qui a bouleversé ma vie  * Verse une larme émue *. A l’époque mes parents n’étaient pas très fan à l’idée que je fasse mon site internet, « on ne sait jamais » (Voyez ou mon esprit de contradiction me conduit !) puis c’est passé tout seul, au contraire !

4/ La première communauté que tu as fréquenté…. ?

Coup de Pouce PC ! Petit backlink parce que quand même, c’est un peu grâce à eux que je suis devenue une geek ! (Et a ce fameux cours d’info en 5eme ou j’étais une des rares a ne pas avoir d’ordi, donc incapable de faire le moindre truc sur excel, cela m’ayant valu mon premier 8/20, un coup dans mon ego et un nouvel ordinateur a la maison)

Pour revenir a la communauté, Ben, si tu me lis, mon héros du web qui me sauvait constamment, merci encore !

5/ Le truc le plus honteux que tu as pu faire ou penser en informatique quand t’y connaissais rien ?

Penser que j’étais un génie quand je changeais le trombone de Word en majordome !

6/ Le premier truc sur lequel tu as trollé dans ta vie ?

Les vieux tchats du salon #corsica ?

7/ Le premier vrai truc sur lequel tu as geeké, c’était quoi ? Web, logiciel, jeux-vidéo ?

Logiciel ! J’ai eu Internet presque un an après l’ordinateur, puis avec 20h/mois… Je filais sur le web aspirer des sites de tutos sur Photoshop, comment cracker winrar, C++ (vite abandonné) et c’était parti pour des heures, casquette du barça a l’envers !

8/ Le premier gros plantage de ton Windows, tu t’en rappelles ? Douloureux ?

Ils ont tous été douloureux…

9/ Un choix ou une activité geek que tu regrettes d’avoir fait/commencé ?

Aucune !

10/ Ton meilleur souvenir devant un ordi… et bien sûr le pire !

Meilleur : Reussir certains « projets », appeler mon père et lui montrer comment faire !

Pire : Planter certains projets et Windows en même temps avec la boule au ventre d’avoir tout cassé (en fait, c’est dur de vraiment cassé un OS !)

A vous, amis geeks !

1/ Ta première requête Google, tu t’en rappelles ? (ou n’importe quel autre moteur)

2/ Ta première adresse e-mail, honteuse ?

3/ Ton premier blog/site web : avec quoi tu l’as fait, de quoi il parlait ?

4/ La première communauté que tu as fréquenté…. ?

5/ Le truc le plus honteux que tu as pu faire ou penser en informatique quand t’y connaissais rien ?

6/ Le premier truc sur lequel tu as trollé dans ta vie ?

7/ Le premier vrai truc sur lequel tu as geeké, c’était quoi ? Web, logiciel, jeux-vidéo ?

8/ Le premier gros plantage de ton Windows, tu t’en rappelles ? Douloureux ?

9/ Un choix ou une activité geek que tu regrettes d’avoir fait/commencé ?

10/ Ton meilleur souvenir devant un ordi… et bien sûr le pire !

Re vérification. Re confirmation :
« La déclaration de l’auto-entrepreneur, ou déclaration de chiffre d’affaires régime micro-social simplifié, s’adresse à tous les individus placés sous le régime fiscal de la micro-entreprise afin de payer leurs cotisations et contributions de sécurité sociale tous les trimestres ou tous les mois (au choix lors du démarrage d’activité) en fonction de leur chiffre d’affaires réels. »

J’appelle cette fois le RSI, et voici donc la démarche pour un auto-entrepreneur et sa déclaration commune des revenus annuels : Barrez votre formulaire, inscrivez la mention « auto-entrepreneur » et renvoyez le au RSI.
C’est tout.

Petite note : Moins de 5min pour avoir le RSI Nice et une demoiselle charmante qui a su répondre à mes questions.

Systran ou votre outil préféré de traduction en ligne est bête et discipliné et traduit même les lignes de codes.

Tout ça pour dire que si vous cherchez comment afficher une barre de navigation créée avec « apparence > menu », c’est par ici que ça s’passe !

Créer un menu personnalisé pour quoi faire ?

Pour gérer une barre de navigation aux genres multiples ! Vous pouvez intégrer une Page accueil, d’infos, puis tout à côté la catégorie d’articles nommée de manière originale « actualités », replacer une Page contact et même ajouter un lien externe !

Comment ?

Après avoir donné un p’tit nom à votre menu, il vous suffit de placer le morceau suivant là ou vous souhaitez placer votre menu :

‘headermenu’, ‘theme_location’ => ‘nouveaumenu’ )); ?>

Tout plein de paramètres super utiles sont listés et expliqué dans le codex. Dans mon exemple, j’ai juste utilisé le container_class pour préciser la class attribuée à mes menus (taille police, couleurs, toussa toussa) et évidemment son p’tit nom avec le paramètre « menu ».

Et c’est tout !

Sauf si vous avez un vieux thème… dans ces cas-là, pensez à inserer la ligne :

add_theme_support( ‘menus’ ); dans le fichier functions.php

Toujours avoir de quoi noter une idée, ou que vous soyez !

Voyez-vous mes p’tits loups,un nouveau portfolio commence à urger, ma galerie flash 460px made in 2009 étant particulièrement inefficace.

Me voilà donc depuis quelques semaines à la recherche de l’idée parfaite pour le template parfait pour un portfolio parfait !

Page blanche.

Ma première méthode consistait à partir librement, sans établir de cahier des charges, me dire que pour une fois, je laisserais l’envie et l’inspiration faire leur boulot !

Mauvaise solution ! Pour un projet, il me faut un minimum de « directives » : Mes maquettes pour mon nouveau portfolio étaient à jeter à la corbeille pour l’ergonomie et la visibilité des références.

Deuxième méthode, définir les objectifs et trouver … un thème WordPress adaptable à mes idées, parce qu’honnêtement, je ne suis pas (encore) capable de développer un photoblog toute seule comme une grande. J’en ai trouvé quelques-uns, adaptables mais qui ne correspondaient ni à mes objectifs ni à mes envies. Sauf avec tout plein de modifications.

D’où ma troisième méthode : Quitte à modifier un thème au point de presque tout refaire, autant ne pas prendre de thème préconçu qui me bridera dans mon design. Et puis, comme je suis en train de m’essayer à JavaScript et jQuery, je me suis lancé le défi de faire un portfolio en JS, comme exercice pratique (Parce, entre nous, étudier les tableaux avec le nom de mes frères et sœurs, ça va juste un moment…Surtout que je n’ai qu’une sœur IRL).

Pas de thème WordPress pour cette fois, alors ! Mais toujours pas d’idée de portfolio de la mort qui tue, ergonomique, design et qui me ressemble.

Je vais passer sous silence les maquettes toutes moches qui servent à rien, les recherches sur le web pour l’inspiration perdue et les contacts chez le magicien Ouba baou du coin pour retrouver le « talent perdu » et plutôt raconter The Idea.

Tout l’intérêt de s’aérer la tête de temps en temps a été prouvée ce jour-là ! Me voilà à griffonner une esquisse de portfolio sur une serviette en papier, inspirée de cette dernière et d’une paire de baguettes asiatiques lors d’une sortie sushi.

Rentrée à la maison quelques heures plus tard, Photoshop allumé et la veste encore sur le dos, me voilà lancée dans la création de la maquette. Toute esquisse n’est jamais plus qu’une esquisse, et après un travail acharné (au moins !) sur cette dernière, j’ai enfin une planche qui me plait pour le développement de mon portfolio. Ouf !

Et dire que le plus dur reste à faire : jQuery, j’arrive !