Bootstrap Responsive design

Posted on by francois

On veut tous un site web responsive sur tablette mobile et PC un vrai casse tête si l’on part de rien on commence à jouer avec les media query et faire des vas et viens avec son chrome ou firefox pour tester toutes les dimensions d’écran

J’utilise https://getbootstrap.com/ à noter que la version 3 est très utilisé la version 4 est déjà sorti! donc autant dire que de 3.6 vers 4 y a du boulot pour migrer je conseille de partir directement de la 4

Ce que j’aime :

Très facile à prendre en main container-fluid ou container et association avec des div classé en catégorie de class md sm xs (pour la version 3), pour la version 4.x :

https://getbootstrap.com/docs/4.3/layout/overview/

Ce que j’aime moins c’est lorsque l’on s’attaque aux problématiques de SEO:

le script et le css bootstrap est gros et pas anodin lorsque l’on travaille avec finesse son pagespeed

En tout cas ce qui faut retenir c’est la rapidité pour avoir un site responsive design! et cela quand on n’a pas de temps à perdre c’est un must!

WordPress sécurité Désactiver la route wp_login

Posted on by francois

Afin d’éviter les endroits ou peuvent se connecter les utilisateurs ou s’enregistrer en les forçant par passer par vos formulaires très certainement protégés par CAPTCHA Voici le petit morceau de code à rajouter dans le fichier functions.php de votre thème

add_action('init','custom_login');
 function custom_login(){
  global $pagenow;
  //  URL for the HomePage. You can set this to the URL of any page you wish to redirect to.
  $blogHomePage = get_bloginfo('url');
  //  Redirect to the Homepage, if if it is login page. Make sure it is not called to logout or for lost password feature
  if( 'wp-login.php' == $pagenow && $_GET['action']!="logout" && $_GET['action']!="lostpassword") {
      wp_redirect($blogHomePage);
      exit();
  }
 }

WordPress Sécurité supprimer le lien register de wp-login par défaut

Posted on by francois

Par défaut nous sommes réorienter pour la connexion et l’enregistrement de nouveaux utilisateurs vers la route wp-login

Si l’on veut que l’utilisateur s’inscrive à partir de notre formulaire custom voici le bout de code que j’ai trouvé et qu’il faut rajouter dans le fichier wp-login.php

add_filter('option_users_can_register', function($value) {
     $script = basename(parse_url($_SERVER['SCRIPT_NAME'], PHP_URL_PATH));
if ($script == 'wp-login.php') {
    $value = false;
}

return $value;

});

WordPress Sécuriser votre site internet

Posted on by francois

Pour ce faire moi j’ai trouvé un plugin extra qui rempli bien sa mission,

ce que j’aime il se configure automatiquement permet de vérifier tous les plugins qui sont à mettre à jour

Bloque les tentatives d’hameçonnage ou d’attaque par user/password brute force
Ils nous envoie l’actu des failles de sécurité trouvé sous wp!

  • Simple rapide et efficace pour les petites sites web.
  • Blocage de pays,
  • Blocage manuel,
  • Protection contre les attaques par brute force,
  • Défense contre les menaces en temps réel
  • Pare-feu pour les applications Web.
  • Lutte contre les malwares, le spam et les menaces en temps réel
  • Surveillance du trafic en direct en visualisant des choses comme l’activité de recherche Google, les connexions et déconnexions, les visiteurs humains et les robots.
  • Surveillance de tous les plugins ceux qui doivent être mis à jour ou abandonné , ceux qui se font hackés.
Wordfence Security – Firewall & Malware Scan

Laravel : Authentification Login

Posted on by francois

Cette fonctionnalité très couramment utilisée dans tous les projets est le must have. Dans le framework Laravel sachez que cette fonctionnalité est nativement déjà développé ce qui permet de faire gagner un temps précieux

vous retrouvez bien entendu :

l’authentification basique avec mot de passe et login

le reset password en cas d’oubli

et le fameux jail au cas ou vous tentez d’insérer n fois le mauvais mot de passe vous êtes en quarantaine et devez attendre x minutes pour réssayer une authentification.

La fonctionnalité dispose déjà d’écran prédéfini au design simple: page d’authentification reset password

2 commandes à lancer pour génerer la partie authentification

php artisan make:auth et php artisan migrate

Et hop : from scratch

j’installe Laravel avec mon ami Composer :

composer create-project --prefer-dist laravel/laravel blog
Je crée une base de donnée sur mysql 
je lance php artisan make:auth création des vues+ conf
je lance php artisan migrate création des tables
un php artisan serve car je suis en local 
That's all

WordPress Créer des formulaires de contact

Posted on by francois

Sous wordpress le plugin que je recommande est

Contact Form 7

Ce que j’aime facile à intégrer le captcha google

Facile à configurer le SMTP avec le plugin :

WP Mail SMTP par WPForms

Il vous suffit ensuite de rentrer vos informations de connexions à votre fournisseur de service emails.

En quelques minutes vous avez une page formulaire de contact liée à votre smtp pour que les utilisateurs puissent vous contacter

Laravel Package sauvegarder votre plateforme

Posted on by francois

Quand on démarre un projet Laravel la finalité c’est de le mettre en production les tâches les plus fastidieuses ce sont de prévoir les sauvegardes, la planification de la fameuse crontab pour scheduler le lancement des sauvegardes coté base de donnée mais aussi la sauvegarde compléte du site images , et gérer l’espace disque et l’endroit ou l’on va stocker les sauvegardes pour vous j’utilise un plugin qui fait toutes ces tâches et vous fera gagner un temps précieux.

je l’utilise dans tous mes projets je vous donne le lien

https://github.com/spatie/laravel-backup

Ce plugin est un must have il permet de programmer des sauvegardes de votre base de données et de toute votre application Laravel

De gérer les archives et de gérer les l’espace disque suivant une stratégie que vous pouvez configurer garder les plus anciennes pendant..ne pas dépasser les 20G par exemple de disque..

Vous êtes notifier par email quand la sauvegarde est effectué

Vous pouver configurer le plugin pour stocker vos sauvegardes sur un serveur externe FTP SFTP ou dans des container cloud Amazon, OVH par exemple, d’autre sont pris en compte

Le plugin est stable et ceux même quand l’application est grosse il fait bien son travail par contre il est intéréssant de filtrer des répetoires ou fichiers inutiles à sauvegarder

J’attends vos commentaires surtout sur d’éventuels problémes ou cas particulier! merci