BoiteAWeb.fr : version 3.0

Ca y est !
La voici, annoncée depuis décembre 2011 (oui, 2011 …) voici enfin la version 3, non sans mal … Pourquoi ? Car comme tout bon freelance, je manque de temps et mets mes projets persos de côté. Mais cette fois c’est bon ça y est la version 3.0 est la !
Historique du site
Ano 2010
Le site est ouvert depuis avril 2010 maintenant sur un OVH perso (hahaha) et avait pour thème WordPress « jQ » : http://wp-themes.com/jq/ J’y parlais de sécurité web, de scripts GreaseMonkey mais pas de plugins, je ne développais pas encore, je bidouillais seulement.
Puis j’ai vite remarqué que pas mal de plugins contenaient des failles et j’ai alors commencé à en parler sur le blog. Je suis entré dans cette niche qui est un mélange de ce que je fais depuis maintenant plus de 10 ans : la sécurité web mais maintenant, orientée WordPress.
Ano 2011
En 2011 quasiment un an après j’ai fait une version 2.0 avec le thème « Magnificent » : http://www.elegantthemes.com/preview/Magnificent/ J’y parlais la encore plus de sécurité et ai même lancé mon premier plugin « WordPress Plugin Security Checker » qui va bientôt passer en version 2.0 pour cette version du site.
Le blog s’est donc orienté sécurité des plugins et un sous domaine secu.baw-dev-boiteaprod.pf2.wpserveur.net a été créé (redirige maintenant vers secupress.fr) pour le côté « pro ». J’ai réalisé de plus en plus d’audits de site, protégé de plus en plus d’installations, sorti de la mouise de plus en plus de monde, plus de 50 clients par an en 2011 et 2012.
Fin 2011 j’ai eu la chance d’être sur scène au WordCamp Paris 2011 pour parler justement de la sécurité des plugins, expérience à faire si vous êtes un acteur WordPress France !
Ano 2012
Fin 2011 début 2012, décision est prise de refaire le site sous conseils de Kim Gjerstad (de la team qui a créé le plugin Wysija) et Benjamin Lupu qui a travaillé sur lagazette.fr, du bon pro ces 2 là je vous le dit, et tellement humbles et humains, à rencontrer vraiment !
HS : 30 Mai 2012, ma 2ème fille est née 🙂
J’ai d’abord choisi un thème très minimaliste, mais trop, j’ai donc pris un thème plus business, j’ai commencé à développer et le temps m’a fauché, j’ai repris le taf pour de la clientèle. Et l’envie est tombée, le temps jamais revenu … Puis nous voilà déjà en 2013 o_O
Ano 2013
Début 2013 j’ai de nouveau eu la chance d’être sur scène 2 fois lors du WordCamp Paris 2013 pour parler des problèmes de site, la page blanche, bref.
Je traà®nais encore ma version 2.0 … C’est alors que j’ai réussi à cumuler assez de projets sur un temps record, de février à mars pour me permettre de passer mon mois d’avril à ne bosser que pour moi. J’ai donc repris à 0 le site, j’ai choisi d’utiliser le Framework Genesis avec le thème Mindstream totalement à l’aveugle. J’ai eu envie de tester car je connais de nom et jamais pu avoir le code entre les mains et je ne suis pas trop du genre à aller googler un thème premium en gratuit au risque de me retrouver avec un thème vérolé, très peu pour moi même si je sais nettoyer ça, je n’ai pas les tutos, les vidéos, le support, les mises à jour, bref, $60 je les mets. Je ferais un article sur Genesis quand la version 3.0 sera 100% terminée (disons 99%, je n’ai jamais fini je crois).
Quoi de neuf docteur ?
Une refonte
Quoi de neuf, pleins de choses car ce n’est pas juste un changement de thème, c’est une refonte en profondeur du fonctionnement du site et de sa mentalité. Vous n’aurez surement pas remarqué mais vous êtes sur un WordPress 3.6 beta 2 ici, oui une beta en prod, même pas peur.
J’utilise donc les posts formats à 100%. Aussi j’ai une front page que je vais encore retoucher.
Le serveur
Ancien OVH perso (oui bon …) je suis passé sur un VPS de killer dont je ne retrouve plus la page sur le web pour vous le présenter, oui bon … Vous aurez donc logiquement senti une vitesse de chargement bien plus grande, et je n’ai pas encore joué sur les perf ni utilisé de cache !
La front-page
Cet accueil contient en fait des liens vers les catégories principales du site avec une petite description. En footer j’ai mis 2 testimonials en aléatoire, une page contenant tout sera ajoutée plus tard.
Portfolio et testimonials
En construction, plus de 50 clients par an, j’ai de quoi vous en montrer 😉
Les posts formats
A gauche de chaque article se trouve une icone représentant le format du post, il en existe donc 10 :
- Standard/Par défaut : C’est mon format pour mes articles « normaux », ceux d’avant, les articles de plus de 300 mots quoi. En réalité, sachez que pour WordPress ce post format n’en est pas un, le format « standard » devient du vide en base et la fonction get_post_format() retourne vide, je ne vous raconte pas le temps que j’ai mis pour réussir à les filtrer correctement au clic sur son icone !
- Image : J’y poste une image, par exemple ça : HTML5 au chocolat (genre je prends en photo ma bouffe, je suis hipster tavu) avec une petite phrase de commentaire, pas besoin d’un titre, je veux juste partager rapidement un image, pourquoi en faire un article complet ! Merci les posts formats ! https://21douze.fr/blog/image/
- Galerie : Pareil qu’au dessus mais plus de 3 photos minimum comme ici avec 50 photos du WordCamp 2013. https://21douze.fr/blog/gallery/
- Lien : Ce sont ici tous mes articles guests sur d’autres blogs comme bien sà»r geekpress.fr où j’écris toutes mes petites astuces que je crée mais aussi wpchannel.com, wpformation.fr, screenfeed.fr etc https://21douze.fr/blog/link/
- Vidéo : Je poste ici une vidéo, surement du Youtube et surement des podcats, hangouts parlant de WordPress ou lié à WP. Pour le moment je vous mets les « Dradcast » que je suis tous les jeudis à 2h du matin 😉 https://21douze.fr/blog/video/
- Audio : Et en audio ce sera des podcats mais audio forcément. Pour le moment je vous ai mis les « The Walking Web » qui est THE podcast français qui déchire tout ! https://21douze.fr/blog/audio/
- Chat : Ici je peux copier/coller des conversations Skype ou GTalk intéressantes que j’ai eu avec mes acolytes, principalement Greg, Jonathan, Willy, Aurélien etc https://21douze.fr/blog/chat/
- Status (État) : Les status seront des status twitter uniquement, c’est une sorte de RT permanent, quand un tweet me semble devoir être lu et relu, connu, mis en favoris. Vous aurez aussi l’occasion de découvrir des profils et de les suivre. https://21douze.fr/blog/status/
- Quote (Citation) : Ces quotes sont des citations que j’aime, j’aime les citations. De temps en temps quand une me plait j’en ajouterais, aucune postée à ce jour.
- Aside (De côté) : Ce sont des sortes de mini articles ou grosses citations, format un peu bà¢tard. Je posterais des messages plus long que des tweets, mais moins de 300 mots et sans images. Aucun non plus pour le moment.
Les commentaires
Les commentaires ont un peu changés car maintenant, un captcha est présent, mais il est cool et rigolo :p Moins rigolo c’est le système qui supprime le mot clé KeywordLuv et le lien du site si le commentaire est trop court, je n’ai rien contre un « Merci pour l’astuce » mais cela ne « mérite » pas un lien.
Aussi, je modérerais les commentaires qui ne sont pas postés par des gens. Si je vois « Moulin à café peu servi » ou « Peau de mouton retourné par cher » en pseudo, ça dégage. J’aime parler à des gens pas à des mots clés. Je me réserve le droit de modifier le pseudo et le lien ou de supprimer le commentaire sans avis ni email.
Une charte complète ou presque a été créée pour l’occasion et le lien vous ai donné avant de poster, juste au-dessus des champs à remplir.
Vous pouvez utiliser le balisage habituel mais évitez, c’est moche, en revanche utilisez le shortcode [php] pour ajouter quelques lignes de code PHP dans votre commentaire, si c’est un pavé, préférez un pastebin like.
Encore, leur affichage donne les 5 derniers commentaires parent, un lien vous invite à charger le reste si il y en a. C’est controversé de ne pas tout mettre en page 1, je perd en SEO etc, je sais, pas grave. La page 2 est en NOINDEX mais en FOLLOW donc vos liens restent OK, moi je perds le SEO mais je ne fais pas de duplicate content.
Les widgets
La sidebar a changé, elle contenait à droite avant les derniers audits de plugins réalisés, mais ces articles ont migré, voyez le § « Les articles » plus bas. Il y avait aussi une liste de « partenaires », ces sites que j’aime et qui me donnent du backlink en échange d’audit de plugins qu’ils présentent par exemple. A gauche se trouvait un lien et récemment 2 liens affiliés.
La sidebar est maintenant moins statique, elle contient en premier et sur les pages d’accueil blog, catégories bref « non articles » une petite présentation de ma personne avec 3 liens sociaux.
Dessous le champ de recherche (URL rewritées, beautiful no?) puis revient une box avec des images 125×125 avec liens affiliés, ce n’est pas un widget qui prends un flux et ajoute ça BAM, non ce sont des produits que j’aime et que j’utilise pour moi ou mes clients. Rien ne vous oblige à cliquer, vous ne perdrez pas d’argent en cliquant, vous ne paierez pas plus cher non plus.
Vient ensuite un encadré affilié vers CodeCanyon.com qui est le réseau Envato des codes et plugins WordPress premium. Cet encadré vous donne tous les mois le code/plugin gratuit à télécharger, oui oui gratuit, prenez !!
Descendons encore et vous trouverez avant 14h une boite vantant mes formations (oui je fais des formations monsieur, clic tu verras) puis ensuite après 12h une boite contenant un lien vers mes livres et ma collection de ebook que j’écris (voir § Livres). Pourquoi jouer avec les heures ? Pour éviter d’avoir une sidebar longue comme mon bras, je ne veux pas écraser mes visiteurs non plus…
Si vous visitez un article, alors vous aurez ma présentation qui disparaà®t et le sommaire de l’article prends place. Ce sommaire automatique vient du code de Willy : http://wabeo.fr/blog/sommaire-article-wordpress/ qui est vraiment très très bon. Pour dire, je n’ai rien retouché et ceux qui me connaissent savent que c’est rare :p Si vous visitez une page de plugin, les informations liées à ce plugin sont en 1ère place. Ces infos sont affichées grà¢ce à mon plugin « PAPII » qui est fait pour ça uniquement. Essayez le 😉
Les catégories et mot-clés
Toutes les catégories ont changé sauf « /cat/plugins », je prends le risque de la 404 si des personnes avaient linké ça ou pris ce RSS, désolé. Vous retrouverez les articlés trié parmis quelques catégories :
- Humeurs : Contient de l’inclassable, il ne devrait pas y avoir beaucoup d’article « Standard ».
- Plugins : Contient mes plugins, depuis peu contient le plugin User Name Security de Daniel Roch et dans un futur proche contiendra d’autres reviews de plugin, gratuit et premium.
- Codes-sources : Contient des longues astuces, ou tutoriels appelez ça comme vous voulez. Vous le savez, j’écris mes astuces courtes chez Geekpress.fr, je lui offre en échange de … nan je ne tease pas :p Je garde donc mes articles techniques, développement ici.
- Guides : C’est aussi du tutoriel mais sans forcément de code, cela peut être des conseils, des bonnes pratiques, des réflexions, articles plutôt longs.
Chaque catégorie contient des sous-catégories bien à elles, ainsi la sous-catégorie « Sécurité » de « Plugins » ne retournera pas les « Guides » de « Sécurité ». Les mots-clés … aucun inutilisés pour le moment.
Le menu
Le menu contient un lien vers la front-page en cliquant sur le (nouveau) logo (vous aimez ?) puis lien vers le « blog », page contenant tous les articles (pas de sticky, juste par date).
Puis lien vers les plugins, les codes-sources, les guides, vers secupress (sécurité) et un contact qui est un mailto à l’ancienne. Peut-être je reviendrais avec une page ou une « popup like », mais pour le moment, utilisez votre boite mail pour me contacter. Si vous n’avez pas de mail, je crains que je ne puisse pas grand chose pour vous …
Je vais modifier un peu son CSS pour ajouter un ptit effet sympa, vous verrez.
Le social
Sous chaque article se trouve 5 liens vers des articles relatifs, pour le moment un peu fouilli car cela ne regarde que la catégorie, mais je vais modifier pour prendre en compte le post format. Ces articles sont affichés grà¢ce à mon plugin « Manual Related Posts« .
Puis dessous 4 liens de partage sans JavaScript lourd, juste des boutons légers affichés avec le plugin « Juiz Social Post Sharer« .
Et enfin la boite de l’auteur, je ne l’avais pas en v2.0 car j’étais le seul auteur mais j’ouvre le blog aux guests. Vous voulez être guest ? Demandez-le moi 😉
Les articles
Déjà , tout ce qui touche à la sécurité part chez secupress.fr car je veux séparer mon activité de Développeur WordPress du Consultant en Sécurité. Je sais que « Julio Potier » ou « BoiteAWeb » sont connus pour faire de la sécurité, ce n’est pas un problème, ça reste moi de toute façon, continuez à me contacter pour de la sécurité, je saurais m’auto-rediriger vers secupress.
SecuPress est en début de construction et ne contient rien d’autre (de visible) qu’un « Bonjour tout le monde! »
Je vais poster plus souvent des articles, c’est je pense l’avantage des posts formats, pas obligé de passer 1j à faire un article, si je veux poster une image, un status, 5mn c’est tout. Le blog sera donc encore plus vivant.
Les liens courts
J’utilise le domaine « baw.li » pour mes liens courts, c’est mon domaine qui veut donc dire Boite A Web, il est lié à Autoshortener.com, mon plugin, mais étant en refonte (le plugin) pour le moment les liens sont HS :/ désolé !
Le footer
Le pied du site contient 4 widgets :
- 1 parlant de SécuPress que je me doit de mettre en avant, ce site ayant pour but de devenir le site de sécurité WordPress France …
- 1 autre parlant des mes services de développeur et formateur débutant à expert WordPress. Je n’ai pas d’agrément, je passe par des organismes les ayant 😉
- Le 3ème contient lui les liens vers les partenaires et liens communauté WordPress et ressources (3 liens affiliés aussi).
- Le dernier est une navigation sur les pages du site que je ne mets pas en menu.
Back to the future
Le site en version 3.0 n’est pas terminé en fait, mais je pouvais déjà le lancer alors je l’ai fait, cela me motive aussi à me dépêcher de le terminer d’autant plus que des projets clients sont prévus dès demain jusque fin juin déjà , ouille ! (et tant mieux pour moi ^^). Voici ce qui est prévu dans un futur plus ou moins proche, voici ma todo list :
Membre
Outre le fait d’avoir un compte Contributeur chez BoiteAWeb pour poster des articles en invité, vous pourrez vous créer un compte Abonné gratuitement.
Pourquoi faire, oui pourquoi !? Déjà pour éviter les usurpations d’identité, en effet si une personne ajoute un commentaire en ajoutant VOTRE adresse mail ou utilise votre pseudo habituel, rien ne me dit que c’est vous ou pas. En créant un compte je vous protège de ça grà¢ce à mon astuce : http://www.geekpress.fr/wordpress/astuce/empecher-usurpation-identite-commentaires-1476/
De plus vous pourrez avoir une entrée supplémentaire dans le menu : les favoris ! Ajoutez vos articles préférés en favoris sur le site et non dans votre navigateur ou ordinateur, c’est aussi ça un compte membre.
Caching
Pour le moment je n’ai pas encore mis de système de cache, n’ayant pas terminé le site je préfère bosser sans qu’un plugin interfère. Mais j’en mettrais un plus tard surement WP Rocket bien sà»r 😉
Pagination
La pagination du site est banale, on clic sur les boutons page 2, 3 etc Je pense ajouter une pagination en autoload, vous savez ? Vous arrivez en bas et HOP je charge les prochains articles. Mais si je fais ça, je le fais avec la gestion de l’HTML5 history pour que vous puissiez revenir sur la page 10 sans devoir vous tapper 9 scroll complet … bref à réfléchir.
Améliorer MRP
MRP pour Manual Related Posts, comme j’ai dit plus haut, je vais ajouter le filtre des articles relatifs par post format pour qu ce soit moins fouilli et plus en lien encore. Dans le même temps je dois aussi repasser sur mes articles pour les catégoriser mieux.
Améliorer Social
Oui le lien de partage Twitter ne me plait pas, je vais modifier le plugin de Geoffrey pour ajouter des hooks filters afin de pouvoir avoir la mains sur les URLs de sortie.
Spam
J’ai déjà ajouté un « Fancy Captcha » (ne cherchez pas le plugin, je l’ai refait à 100% …) mais je pense refaire un Akismet Lite, je prends Akismet et je ne garde que le taf d’antispam et je vire son remplissage de DB useless, lite quoi !
Performances
Oui bien sur, améliorer les perf, je vais donc commencer par chercher qui fait des requêtes SQL ou json externe trop souvent pour ajouter des transients ou simplement les réduire, puis chasse à l’image de moins de 5ko que je passe en base64, minification.
Vous aurez remarqué que j’ai ajouté du chargement progressif sur les images (Lazy Load). C’est le plugin du Lazy Load que j’ai retouché pour mon besoin … décidément, rien ne me plait je retouche tout !
Newsletter
Je n’ai pas et n’ai jamais eu de newletter, j’en ferais une qui reprendra mes articles mais aussi ceux de la communauté qui m’ont plus, ou tous, on verra bien. J’utiliserais le plugin Wysija.
Livres
Ha les livres … alors en fait j’ai écrit un ebook et je vais très bientôt (ce mois-ci) le sortir. La page sur le site est en construction et le PDF de preview est déjà OK, le PDF de 110 pages et OK lui aussi. Je vous tease le nom « Tous les secrets de WordPress – #1 wp-config ». Je lance donc ma collection nommée « Tous les secrets de WordPress » et ce premier opus vous parle du fichier wp-config et des 150 constantes qu’il peut contenir, oui 150 !
Sécurité
Je continue bien sà»r toujours la sécurité web et WordPress, j’adore ça, aucune raison de stopper. Je dois donc bosser sur SecuPress.fr pour lancer des services, et aussi ouvrir le blog qui va relayer des articles de sécurité via son compte twitter @secupress.
Et maintenant
Et bien je sais que des 404 peuvent arriver, si vous en trouvez, signalez les moi, s’il manque des images aussi etc Je vais faire au mieux au plus vite. J’ai sur le feu pas mal de plugins en dev, d’autres en refonte, allez je vous tease les noms :
- Autoshortener : Refonte du plugin en cours 80% réalisés, passage en premium
- Auto Spam Comment : Comment auto spammer ses propres commentaires pour gagner en SEO
- Gravatar Google Images : Mise à jour 3.6 + gravatar ne prenant plus les .php en fallback, je le remets à jour
- Easy Invitation Codes : Mise à jour suite à des demandes d’améliorations
- iTweet : Utilisé ici pour l’affichage des tweets, déjà dev donc
- Like Unlike : Refonte du plugin prévue puis 2ème version premium, puis …
- Like Unlike for Comments : Même chose pour les commentaires cette fois, le but est de pouvoir « liker » des commentaires afin ensuire de charger ici chez moi les 5 TOP commentaires, inversement les commentaires ayant reçus trop de unlike auront leur lien en nofollow.
- Lorem Lorem : Plugin free et premium permettant de mettre du contenu texte et image « fake » afin de prévisualiser un site comme s’il était rempli. Une fois activé, tous vos contenus sont remplis de « Lorem Ipsum », le nombre d’articles est de 25 (par défaut) et les images à la une sont toutes remplies par des « Lorem Pixel ». Une fois désactivé, rien n’a bougé en base, vous n’avez toujours qu’un seul article, tout cela n’était qu’illusion 😉 Version free développée, ne contient que le Lorem Pixel.
- Login Logout Menu : Mise à jour pour 3.6 prévue, un jour
- Manual Related Posts : Je dois pas mal le retoucher pour améliorer son filtre mais aussi son markup de sortie pas assez flexible. Minage : Minimum Age est un plugin qui demande votre à¢ge avant de visiter une page, utile pour les sites violents ou X. La thumbnail est floutée/pixellisée. Déjà dev.
- More Secure Login : 2ème version en premium à faire
- More Status : Permets d’ajouter des status dans vos articles, ce que WordPress devrait permettre mais buggé depuis 3 ans :/
- Multiple Password for Protected Pages : Mise à jour pour 3.6 prévue
- PAPII : A été mis à jour fin de mois d’avril pour ce site 😉
- Post Views Count : Répondre au support et améliorer le code
- Responsive Design Tester : En dev, permets de tester son site sur différents appareil en ne navigant que sur un seul appareil, les autres se mettant à jour seuls.
- Special Template : Permets de changer le thème pour une page précise, déjà dev.
- Plugin Security Checker : Mis a jour pour la v3.0 du site, sera dispo bientot en version 2, refonte totale terminée. Ce plugin sera ensuite développé par Sécupress, étant un plugin de sécurité.
- Le dernier, nom de code « Fortress » : Plugin free et premium développé par SécuPress, en dév. Ce plugin va vous aider à parfaire la sécurité de votre installation, je n’en dit pas plus 😉
Demain
Demain je peaufine un peu tout, je me dépêche d’éditer le book, je rajoute mes astuces de Geekpress ici et faut bosser aussi ! 😉
J’attends avec impatience votre avis sur cette version, le thème, la mentalité, les idées, les plugins etc
Réagir à cet article