Tutoriels – DesireLabs

Configurez facilement l’envoi de mail sur vos sites

Franck — Thu, 30 Mar 2017 17:38:45 +0000

S’il y a bien une chose casse pieds à configurer lorsqu’on lance un site, c’est la configuration du sendmail. Oui, parce que pour envoyer des mails et faire en sorte qu’ils arrivent bien dans la boîte et non dans les spams, c’est quand même loin d’être simple, surtout quand on est profane.

Quand on lance un site, il existe différents cas de figures dans lesquels il est nécessaire que ce dernier envoie des emails. Par exemple quand un visiteur utilise le formulaire de contact, ou encore quand vous recevez un commentaire pour votre blog, voire quand un utilisateur s’inscrit.

Avec une application fonctionnant avec php, il est possible de configurer le smtp qui sera utilisé par l’application pour envoyer l’email. Le soucis est qu’il faut que la machine qui exécute l’application, le serveur donc, soit autorisé à le faire d’une part, et que l’adresse d’envoie qu’elle utilise existe.

Celà implique d’emblé de devoir envoyer les mains dans les fichiers de configuration, de devoir configurer le sendmail, d’autoriser l’envoi au niveau de votre registrar… On a déjà mal à la tête et on n’a pas forcément la garanti que ça fonctionnera. Alors que faire ?

La délégation de service

Des sociétés offrent de passer par leurs serveurs pour router les emails émis par vos applications et vous assurer de ne pas atterrir dans les spams. Souvent ces services offrent des formules très intéressantes et gratuites pour les faibles volumes d’envoi. Pour en avoir testé quelques uns, j’ai choisi de vous parler de celui que j’utilise aujourd’hui pour sa fiabilité et sa facilité de prise en mains : J’ai nommé Mailjet !

Alors oui, je fais de la publicité, et je ne suis pas rémunéré pour ça. Mais je pense que quand on découvre des services intéressants, c’est bien de partager

Mailjet c’est quoi ?

Mailjet est un « copilotes pour l’emailing ». C’est ainsi qu’ils se définissent en offrant une plateforme facile à utiliser pour faire des newsletter, envoyer des mails, offrir des statistiques détaillées de vos campagnes, et même la création from scratch de vos templates d’email.

Un des gros avantages de cette plateforme est qu’elle permet de configurer l’envoi d’emails à partir de votre domaine ou de votre adresse email, et ce gratuitement jusqu’à 200 emails par jour.

Comment ça marche ?

Premièrement il faut se créer un compte. Une fois que c’est fait, il faut se rendre dans la rubrique « Mon compte » pour atterrir sur votre tableau de bord.

Rendez-vous dans la section « Ajout d’un domaine ou d’une adresse d’expéditeur ».

La première chose à faire est de configurer le domaine à partir duquel les mails seront envoyés. Cliquez sur le bouton « + Ajouter un domaine » et remplissez les champs (nom du site et domaine) puis, validez.

Mailjet vous génère un fichier texte qu’il faudra mettre à la racine de votre site afin de vérifier que vous êtes bien le propriétaire du domaine. Procédez comme demandé, ceci permet de lier votre compte Mailjet à votre domaine.

Vient ensuite la configuration de l’email d’envoi. Oui parce que bon on n’a pas forcément envie que ce soit un email différent de notre domaine qui envoie tout nos mail hein

De retour sur la page des paramètres d’envoi, ajoutez l’adresse email qui est censée envoyer les emails à partir de votre domaine en cliquant sur le bouton « + ajouter une adresse email ».

Remplissez les champs demandés et renseignez le « type d’email ». Dans mon cas c’est pour les emails transactionnels, donc j’ai coché l’option » E-mails de votre site ».

Voilà pour la configuration côté Mailjet. Passons à la configuration de votre application.

Configurer le smtp de Mailjet sur votre application

Je ne passerai pas en revue les différents moyen de configurer votre smtp, ceux ci étant relatif à votre serveur et / ou application. Ce qui est important c’est que vous sachiez où vous devez configurer tout ça.

Retournez sur votre tableau de bord, puis dans « paramètres SMTP et Send API ».

Sur la page suivante se trouve tout ce dont vous avez besoin pour configurer votre application : l’adresse du serveur smtp, le port (préférez le 587 vu comme précisé que certains hébergeurs bloquent le port 25 désormais), ainsi que vos identifiants de connexion Mailjet si besoin.

une fois que vous avez tout bien configuré, effectuez un petit test pour vous assurer que tout fonctionne Une fois terminé, vous pouvez supprimer le fichier texte qui se trouve à la racine de votre site et profiter de la vie sans prise de tête avec le mails B)

J’espère que cet article vous a plus, sachez que Mailjet propose aussi de l’emailing de masse pour les newsletter par exemple, mais n’ayant pas essayé pour le moment, je vous en reparlerai quand ce sera fait

A bientôt !

L’article Configurez facilement l’envoi de mail sur vos sites est apparu en premier sur DesireLabs.

Tutoriel – Installer WordPress MultiSite et cloner son instance de site maître

Franck — Mon, 13 Jul 2015 07:00:59 +0000

Faire du MultiSite sous WordPress est très facile, mais demande tout de même un peu de réflexion avant de se lancer dans la bataille. Par ailleurs quand on souhaite des instances identiques en termes de structure et de contenu, ça peut vite devenir rébarbatif. Mais comme toujours, il y a une extension pour ça !Première question à se poser : sous-domaines ou sous-répertoires ? Ceci dépend de votre projet et de ses objectifs. En ce qui me concerne, je travail surtout en sous-domaines.

Ensuite vient la question de l’organisation du travail à effectuer : si tous vos sites se ressemblent en termes de structure et de contenu, autant ne pas se fouler et utiliser un outil qui va industrialiser tout ça pour vous : MultiSite Clone Duplicator. L’idée de base est simple, on fait son site « maître », on active le multi, et on duplique.

Etape 1 : la création du site maître et l’activation de WordPress MultiSite

On commence par créer sa première instance de site, et on active le multi en ajoutant à wp-config.php la ligne

define( 'WP_ALLOW_MULTISITE', true );

juste au dessus du commentaire

/* C'est tout, ne touchez pas à ce qui suit ! Bon blogging ! */

A partir de là, on se connecte à l’administration, et sous le menu « Outils », une nouvelle entrée « Création du réseau » apparaît.

Avant de cliquer, désactivez tous les plugins, ceci est impératif, sans quoi, vous ne pourrez pas poursuivre la configuration. A noter au passage que toute action sur un site au sein du réseau, nécessite que les plugins soient désactivés sous peine de voir apparaître des bugs.

Vous arrivez ensuite sur la page de configuration où l’on vous demande de choisir entre sous-domaines ou sous-dossiers. C’est à vous de voir. Pour mes besoins, ce sera en sous-domaines. Vous n’avez qu’à suivre à la lettre les indications de cette page et de la suivante pour procéder en bonne et due forme à l’activation de votre réseau.

Avant de modifier vos fichiers .htaccess et wp-config.php comme demandé à l’étape suivante, je vous recommande de vous en faire une sauvegarde, just in case Une fois que les modifications sont faites, il vous suffit de vous reconnecter et d’admirer votre nouveau menu d’administration de réseau.

Voilà ! Vous n’avez plus rien à configurer, si ce n’est votre site maître. Car votre installation est encore toute fraîche, il vous faut l’alimenter, la paramétrer, créer vos users ainsi que vos pages principales.

Etape 2 : Cloner son site maître et créer un site enfant en sous-domaine

Cette étape consiste à dupliquer son site maître ainsi que tous ses réglages, contenus, utilisateurs vers une instance MultiSite. Ceci peut être assez pratique quand on a des sites dont la configuration est les contenus sont similaires, ou qu’on utilise des shortcodes pour structurer ses pages. Il suffit d’installer le plugin MultiSite Clone Duplicator qui, comme son nom l’indique, va créer pour vous vos instances avec les sous domaines qui vont bien, tout en dupliquant vos données d’un site vers l’autre. Son utilisation et sa fiabilité font de ce plugin un must have quand on fait du MultiSite.

Pour installer le plugin, vous ne passez plus par le menu habituel, mais par le menu de « Mes sites » > « Admin du réseau » > « Extensions ». En effet les plugins et les thèmes sont des ressources partagées entre tous vos sites, que vous installez de manière globale. Mais rassurez vous, leur activation sur vos différents sites sont tout à fait libres. Installez donc ce plugin et cliquez sur « Activer sur le réseau », ce qui le rendra disponible pour tous vos sites. Une fois activé, une nouvelle entrée fait son apparition dans le menu d’admin du réseau.

La page d’option est très simple et vous demandera le sous-domaine souhaité (si c’est l’option que vous avez choisie), le titre du nouveau site ainsi que le mail du nouvel administrateur. Vous pourrez également choisir si vous souhaitez conserver les utilisateurs et rôles du site dupliqué, copier les fichiers du répertoire d’upload, voire sauvegarder les logs dans un répertoire du plugin.

Et c’est tout ! Reste qu’à appuyer sur le bouton

Nota Bene : Le Multi ne nous dispense pas de la création de nos vhosts pour rendre nos instances accessibles, mais ça c’est une autre histoire !

C’est à peu près tout, je ne suis pas trop rentré dans les détails car je souhaitais que ce petit tuto reste simple et accessible, mais je posterai d’autres articles connexes au sujet de WordPress MultiSite. N’hésitez pas à venir discuter si le sujet vous intéresse ou que certaines choses ne sont pas claires.

L’article Tutoriel – Installer WordPress MultiSite et cloner son instance de site maître est apparu en premier sur DesireLabs.

Tutoriel – Installer un serveur Apache – PHP – MySql manuellement sous Windows 7 et 10

Franck — Sat, 23 Aug 2014 11:29:09 +0000

Que ce soit pour avoir un environnement de développement le plus proche possible d’un environnement de production ou simplement pour enrichir ses connaissances personnelles, on a parfois besoin d’installer le trio Apache – PHP – MySql de manière séparée sur sa machine windows, sans passer par Wamp ou EasyPhp pour ne citer qu’eux.

Cela laisse par ailleurs beaucoup de latitude quant aux versions des packages. Sous Linux, aucun problème : 3 coups de apt-get install et hop ! ça tourne Mais sous Windows c’est une autre paire de manches. Je vous propose donc aujourd’hui un tutoriel dédié à l’installation d’un serveur AMP sous windows 7. Ce tuto s’inspire librement des différentes sources que j’ai pu trouver sur le web, et tout particulièrement d’un tuto en anglais dont je vous donne le lien à la fin de cet article.

C’est parti !

0 – Les prérequis :

Avoir ses packages Microsoft Visual C++ à jour. Si vous êtes en 64bits, vous devez posséder la version x86 ET x64.

1 – Installation / mise à jour des packages Visual C++ en tant qu’administrateur

2 – Installation de Apache 2.4

Prérequis : Être authentifié en tant qu’administrateur, sinon vous ne pourrez pas installer de service.

Récupérer la dernière version Apache httpd 2.4.x-x64 – https://www.apachelounge.com/download/VC11/binaries/ (nécéssite VC11 Update 4)
Dézipper dans C:\Apache24
dans C:\Apache24\conf\httpd.conf
changer documentRoot
par le chemin www souhaité
Changer serverName en localhost:80 et décommentez la ligne
vhost -> décommenter le chemin
changer conf\extra\httpd-vhosts.conf avec ses propres vhost valides
Rajoutez le chemin C:\Apache24\bin\ dans votre path windows
tester les paramètres dans l’invite de commande cmd en exécutant httpd.exe
si tout test ok, installer le service via la commande httpd.exe -k install
Puis quitter cmd
démarrer bin\ApacheMonitor.exe et tester que le serveur démarre
Exécuter « services.smc » et arrêter le service Apache2.4

3 – Installation de PHP 5.5.x x64

Télécharger la version correspondante (x64) – Non Thread Safe ! (à moins de savoir ce que vous faites) – http://windows.php.net/download/
Extraire l’archive dans C:\php
Dupliquer C:\php\php.ini-development en C:\php\php.ini

Ajouter à la fin de C:\Apache24\conf\httpd.conf

LoadModule php5_module C:/php/php5apache2_4.dll

    DirectoryIndex index.html index.php
    AddHandler application/x-httpd-php .php
    PHPIniDir "C:/php"

tester httpd.exe pour vérifier les erreurs dans cmd
dans php.ini, décommenter les lignes :
extension_dir = « ext » (permet d’aller chercher les extensions dans le dossier ext)
Remplacez « ext » par le chemin complet, à savoir « C:/php/ext » par précaution.
extension=php_mysql.dll
extension=php_mysqli.dll
extension=php_pdo_mysql.dll
et optionnellement :
extension=php_bz2.dll
extension=php_curl.dll
extension=php_gd2.dll
extension=php_imap.dll
extension=php_openssl.dll
extension=php_pdo_odbc.dll
extension=php_pdo_sqlite.dll

4 – Installer MySql

Télécharegr mysql-installer-web-community-5.6.20.0.msi – http://dev.mysql.com/get/Downloads/MySQLInstaller/mysql-installer-web-community-5.6.20.0.msi
Lancer l’installation avec les paramètres par défaut et en sélectionnant la version Developer durant l’installation
A la fin de l’installation il ne vous reste qu’à renseigner les paramètres de connexion

Démarrer Apache ! Et si tout s’est bien déroulé, vous avez à présent un serveur AMP fonctionnel.

5 – Notes

Il est tout à fait possible d’installer MySql en tant que service. Pour ce faire :

Dans cmd, taper mysqld –install
Puis mysqld start

Vous remarquez au passage que lors de l’installation de MySql, pas mal d’autres outils ont été installés, comme MySql Notifier qui vous permet de gérer le service MySql directement dans la barre de notifications Windows, ainsi que MySql Workbench qui vous permet de gérer vos bases en l’absence de phpMyAdmin.

Cependant et pour des raisons purement pratiques je n’utilise pas ce dernier et m’en remet entièrement à la ligne de commande qui reste pour moi plus efficace et performante que n’importe quelle interface, et surtout m’offre une vraie maîtrise de cee que je fais.

J’espère que ce petit tuto vous aura été utile, n’hésitez pas à poser vos questions si vous en avez ou vos remarques (je prends aussi ^^).

Inspiré de : http://superuser.com/questions/748117/how-to-manually-install-apache-php-and-mysql-on-windows

L’article Tutoriel – Installer un serveur Apache – PHP – MySql manuellement sous Windows 7 et 10 est apparu en premier sur DesireLabs.

Tutoriel – Optimiser WordPress pour les performances

Franck — Sat, 12 Jul 2014 11:21:40 +0000

Au sein de la famille des CMS, WordPress a plutôt mauvaise réputation. L’évolution de son code pour le faire passer de plate forme de blogging pur à l’état de véritable CMS a été (et est encore) laborieuse. Chaque version amène son lot de petites nouveautés, de fonctionnalités qui mises bout à bout sans une véritable refonte de son coeur, ont contribué à la dégradation de ses performances. Très récemment j’ai du me pencher pour les besoins d’un projet, sur les moyens à disposition afin d’augmenter les performances de WordPress. Et je peux vous dire que les solutions existent bel et bien. Je vous expose ici mon expérience.

Il est de notoriété publique qu’un site qui met du temps à s’afficher pose 2 problèmes majeurs :

*Les visiteurs fuient
*Les moteurs de recherche pénalisent le site

Les deux combinés contribuent à une dégradation notable du nombre de visites, une explosion du taux de rebond, et une mauvaise réputation.

Petit état des lieux

Un site c’est avant tout un ensemble de ressources qui sont servies aux visiteurs. Ca comprend des données bien sûr, des feuilles de style CSS pour rendre le tout visuellement agréable à lire, et du javascript très souvent qui permet d’apporter des fonctionnalités souvent discutables. Toutes ces ressources demandent de la bande passante et de la mémoire. La maîtrise de ces deux facteurs est la clé vers l’optimisation d »un site de manière général, et tout particulièrement avec WordPress.

Première étape : Faire du ménage

La question qu’il faut toujours se poser et garder à l’esprit est la suivante :

*est-ce que cette fonctionnalité sert le contenu (et par extension, les visiteurs) ?*

Ca peut paraître bête dit comme ça, mais on a trop souvent tendance à rajouter des fonctionnalités pas toujours utiles à WordPress par l’intermédiaire des extensions. Et c’est compréhensible, avec plus de 32 000 plugins dispos sur le dépôt officiel, c’est tentant. Alors on arrête les frais et on ne garde/installe que ce dont on a besoin. Une extension doit être pertinente et apporter une vraie plu-value à votre contenu. A titre d’exemple, sur / j’ai en tout et pour tout 6 extensions installées :

Akismet
Contact Form 7
Crayon Syntax Highlighter
WP-SEO
Jetpack par WordPress.com
WP Rocket

Et honnêtement je n’ai pas besoin de plus. Ces 6 extensions répondent à l’ensemble de mes besoins. Pareil pour les bibliothèques javascript, souvent activées par défaut dans votre thème. Sachez que même si vous ne les utilisez pas, elles se chargent en même temps que votre page. A défaut de les supprimer, mettez les au moins en commentaire dans votre code afin de pouvoir y revenir si besoin.

Externaliser les ressources

Les CDN (content delivery network), ça vous parle ? Ce sont des serveurs tiers qui hébergent tout type de ressource comme du javascript, vos images ou vos vidéos. Pourquoi faire appel à un CDN ? Pour économiser votre bande passante, tout simplement. Exemple, un fichier javascript qui pèse 40ko et qui se charge sur chaque page et pour chaque visiteur, ça peut vite chiffrer quand on en a une bonne dizaine. Alors pourquoi ne pas libérer cette bande passante pour vos contenus et laisser d’autres faire le sale boulot à la place de votre site ?

Quelques exemples de CDN :

www.jsdelivr.com
developers.google.com
www.maxcdn.com

Il en existe des centaines, voire des milliers. Même les bibliothèques javascript les plus populaires possèdent leur propre CDN. Si vous utilisez un framewwork comme Bootstrap ou les icônes de fontawesome, vous y avez droit. Pourquoi se priver ?

Alléger vos pages de leurs gadgets widgets

Un petit encart pour le partage ici, les derniers articles par là, les archives par ci… Stop ! Les visiteurs s’en tapent. S’ils veulent trouver quelque chose, ils utiliseront la fonction recherche et la taxonomie présente sur votre site. Et s’ils veulent partager vos contenus, ils le feront sans l’aide de vos boutons. Au passage ça évite de nuire à la lecture de vos contenus.

Jouer à cache cache

WordPress permet d’utiliser la mise en cache de vos contenus. Concrètement, un contenu qui a déjà été visite est servi directement de manière statique aux autres visiteurs. On évite les requêtes en base de donnée, ce qui n’est pas un mal avec WordPress quand on sait qu’il n’utilise pas encore PDO MySql. Je crois pouvoir dire sans me tromper de beaucoup que c’est la fonctionnalité la plus intéressante à votre disposition. Le hic, c’est que pour en profiter, il faut un plugin. Et là, on a l’embarras du choix. En ce qui me concerne, j’en ai testé plusieurs, et mon choix s’est arrêté sur WP-Rocket. A ce jour, c’est à mon avis la solution la plus aboutie, légère et complète en plus d’être extrêmement simple à mettre en place. Parmi les options que cette extension propose : lazy loading, minification des css, html et javascripts, et bien d’autres fonctionnalités bien sympa. A 29,00€ le plugin, c’est du pain béni et une véritable cure de jouvence pour WordPress. Un vrai investissement quoi ! Sinon, parmi les gratuits, je recommanderais W3 Total Cache.

Minification

La minification c’est le fait de mettre tous ses fichiers de ressources css, js, html bout à bout et au kilomètre afin de se charger plus vite. Ce n’est pas un gadget mais un véritable outil. Ajouté à la mise en cache, ce sont des performances accrues pour votre site et une meilleure disponibilité de vos contenus. Wp-Rocket inclut cette fonctionnalité, mais si vous recherchez un plugin gratuit : Better WordPress Minify.

Compression des données

Encore une véritable optimisation. Probablement l’une des plus importantes avec la mise en cache. Il s’agit de servir à vos visiteurs des contenus compressés. Cette manipulation n’est pas triviale et s’effectue côté serveur, à condition d’avoir les bons modules apache activés et les bonnes directives dans votre fichier .htaccess. Je ne m’étalerai pas sur ce sujet, car d’autres sites bien plus spécialisés sauront le faire mieux que moi. Je vous donne tout de même un lien : www.alsacreations.com. Ceci est également proposé en standard par WP-Rocket (je vous l’ai dit c’est une petite bombe :p)

Maîtriser son image

Aujourd’hui WordPress propose un outil pour la gestion des médias qui a bien évolué avec le temps. Beaucoup de tâches sont désormais possibles au travers de l’interface offerte. Mais n’oubliez pas qu’une image destinée au web n’est par défaut pas destinée à être imprimée. Donc on reste dans les standards du web et on optimise le poids des images en ajustant leur taille et leur résolution avant de les importer de préférence. Une image trop grande et de trop grande résolution ne sert à rien sur le net. 72dpi pour la résolution et 1024px de large maximum me semblent être un bon début. Au passage, pensez à bien nommer vos images avant import, pour le SEO, ça compte !

Mais que fait la police ?

Avant on n’avait pas le choix pour les typos de son site : Arial, Times New Roman etc étaient les standards tristement incontournables. Aujourd’hui ce n’est plus le cas et on peut vraiment se lâcher. Du coup on fait un peu n’importe quoi en servant des polices pas du tout optimisées pour le net. Là aussi il y a des services qui vous proposent des typos et ce sans trop alourdir votre site. Vous n’avez plus besoin de choisir entre rapidité et esthétique. Mon préféré est www.fontsquirrel.com avec une pléthore de fonts disponibles et gratuites, des packs webfont prêt à l’emploi, et même un webfont generator. Sinon il y a www.google.com/fonts. Pas mon préféré, mais il fait le job. Alors on arrête d’importer des fonts qui pèsent un âne mort comme des bourrins

Conclusion

J’ai volontairement été succinct en vous donnant toutes les pistes exploitables pour optimiser votre WordPress, car je n’ai pas la prétention d’être expert dans ce domaine. Mais ces pistes doivent être à mon avis un point de départ vers l’optimisation. Et ne jamais perdre de vue que ce qui prime sur un site c’est son contenu. Et que ces optimisations doivent être à son service. Je vous donne encore quelques liens utiles avant de vous quitter ainsi que ceux dont je vous ai parlé dans cet article, histoire de pas vous laisser sur votre faim

Si vous avez des remarques ou des idées et astuces pour améliorer les performances de votre site WordPress, ou que vous pensez qu’il manque quelque chose dans la liste, venez en discuter via les commentaires