Archives des tags : wordpress

Pas encore de description pour le tag wordpress. Suggérez à l'administrateur du site de d'y remédier.

9 liens pour l’intégrateur web

Le petit journal du web

Que celui ou celle qui n’a jamais cherché·e : des images libres et gratuites en Creative Common ; un framework basé sur le Material Design de Google ; à traduire un thème WordPress avec Poedit ; une extension WordPress pour créer des formulaires ; à tout savoir sur le développement mobile ; un fichier .htaccess pour optimiser les performances de son site ; à faire des grilles à la Flexbox, sans flexbox ; à savoir si les règles de l’ergonomie web du XXe siècles sont toujours respectables ; à connaitre le classement des projets Javascript les plus populaires sur GitHub me jette la première souris sans fil !

Optimiser WordPress avec des extensions et un fichier .htaccess

Image flou

Depuis que j’ai redonné une seconde vie à ce blog qui vient de fêter neuf années d’existence, j’essaie d’optimiser les performances web en jouant sur un maximum de leviers. J’ai d’abord opté pour un système de cache ; j’ai ensuite cherché à diminuer le nombre de requêtes et à compresser les fichiers HTML, CSS et Javascript. Pour les images, il était important de les compresser un peu plus et de les charger uniquement lorsqu’elles apparaissaient dans le champ de vision du visiteur. Pour finir, j’ai regardé du côté du fichier .htaccess proposé par HTML5 Boilerplate pour gagner encore en efficacité. 

WordPress : faire un lien depuis home.php vers un autre template

Cet article répond à la question existentielle suivante : comment faire un lien depuis le template home.php qui affiche ma page d’accueil personnalisée vers une autre « rubrique » du site chargée d’afficher les articles dans l’ordre antéchronologique. En gros, l’idée est de créer une section qui fera office d’archive pour le site ou encore d’afficher les articles comme s’il s’agissait d’un blog, quoi.

Allégez votre base de données WordPress avec WP-Optimize

WP Optimize

Optimiser les performances web front-end, c’est bien, mais il est temps de passer à la partie back-end. Et oui, c’est peut-être le moment de penser à alléger votre base de données des informations inutiles et/ou obsolètes qui s’accumulent avec le temps. Pour cela, il existe des extensions WordPress qui rendent de nombreux services en faisant l’impasse sur le lancement de phpMyAdmin pour faire le ménage. En effet, nombre d’optimisations nécessitent généralement l’envoi de requêtes SQL (comme on peut en trouver sur sql.sh) pour modifier la base de données. Voyons ce que WP-Optimize peut faire pour nous.

Optimiser les images dans WordPress avec EWWW Image Optimizer

EWWW Image Optimizer

Les images sont aux performances web ce qu’un match de foot au stade de Gerland est à la circulation : un goulot d’étranglement. Avec Javascript, les images sont en effet un tue-l’amour pour la bande passante. En attendant de servir des tailles d’images adaptées aux périphériques, on peut commencer par optimiser le poids des Jpeg, Gif et autres PNG grâce à EWWW Image Optimizer. 

Pastacode : la coloration syntaxique de Prism.js dans WordPress

Pastacode coloration syntaxique de prism pour wordpress

Suite à une requête de @GizMecano concernant le manque de coloration syntaxique sur les bouts de code présents dans mes articles, j’ai installé le script Prism.js dont le thème Coy colle particulièrement avec ma charte graphique. Prism, c’est cool à condition d’avoir envie d’ajouter à la main le type de langage utilisé sur chaque balise <code> à colorer ! C’est pourquoi, je me suis tourné vers l’extension Pastacode de @BoiteAWeb et @willybahuaud qui reprend Prism tout en permettant d’ajouter du code directement depuis la barre d’outils de WordPress.

Le web, c’est comme une boîte de chocolat, on ne sait jamais sur quoi on va tomber

Le petit journal du web

Pour ce nouveau numéro du petit journal du web, je vous ai préparé une brassée de liens en provenance de ma veille dont vous pouvez suivre la progression sur mon compte Diigo. Des générateurs visuels pour HTML5 et CSS3 ou les Microdatas ; des outils pour vous aider dans votre travail d’intégrateur front-end ; des conseils pour mieux gérer les alignements dans vos créas ; des méthodes pour centrer un bloc ; ajout d’une miniature pour les catégories WordPress ; une police de caractère tout en CSS  et du jQuery pour un scrolling intelligent.

Quels sont les facteurs qui influent sur le temps de chargement de votre site ? 

J’ai abordé il y a peu la notion de performance web sous l’angle du poids des pages et temps de chargement des différentes ressources (images, scripts, CSS, etc.). Si vous souhaitez allez plus loin dans l’analyse de la qualité de votre site, les solutions ne manquent pas. Vous utilisez probablement des outils intégrés à votre navigateur comme Firebug ou YSlow, mais laissez-moi vous présenter le service en ligne DareBoost qui analysera la qualité et les performances de votre site web en moins de 15 s.

Cookie Notice : l’extension WordPress qui informe vos visiteurs sur les Cookies

Extension Cookie Notice pour WordPress

Vous avez sans doute remarqué la prolifération des bandeaux informant l’utilisateur que le site qu’il visite utilise des Cookies. C’est le résultat de la simple application de la directive européenne dite « paquet télécom ». Elle précise que les éditeurs de sites web doivent informer les internautes (et que ces derniers doivent donner leur consentement) quant au dépôt de « traceurs » sur leur disque dur.  La solution prend souvent la forme d’un bloc situé en haut ou en bas de la page. Souvent jugé intrusif, voire hypocrite, je n’ai malgré tout pas résisté à l’envie d’ajouter ce bandeau à mon blog, ne serait-ce que pour rappeler aux visiteurs que même un modeste site comme le mien peut tracer ses visiteurs à l’insu de leur plein gré.

Le tour du web en 80 8 liens

Le petit journal du web

Vous trouverez dans cette nouvelle édition du petit journal du web des liens concernant : des vidéos en plein écran,  des stratégies pour faire des sites responsive, des backgrounds dans vos <tr>, un peu de gossip sur Dribbble, des formulaires sur mesure pour WordPress, les limites de la gratuité sur le net, le passage d’After Effects à CSS3 et le point médian pour finir.