Tout savoir sur les Plugins Wordpress

17 juillet 201717 juillet 2017

WordPress : Cr�er sa boutique en ligne avec WooCommerce

Configurer sa boutique en ligne WordPress avec WooCommerce

Afficher une page produit sous WordPress — WooCommerce : Affichage d’un nouveau produit

Comment cr�er sa boutique e-commerce gratuitement sous WordPress

Tout comme WordPress est gratuit, il est possible d’installer un plugin gratuit pour cr�er facilement sa boutique en ligne sur son site internet : woocommerce. Cette extension WordPress utilis�e par des millions de personnes permet de cr�er une partie e-commerce � son site internet WordPress.

Cr�er sa boutique e-commerce sur WordPress

Nous allons vous expliquer dans ce tutoriel comment cr�er sa boutique e-commerce sur WordPress.

Installer le plugin de e-boutique WooCommerce

Rendez-vous dans l’administration.
Dans Extensions, cliquez sur “Ajouter“.
Cherchez “WooCommerce“.
Installez & activez-le.

Comment configurer WooCommerce et WordPress pour sa boutique en ligne ?

Il est tr�s facile de cr�er sa boutique WordPress en ligne avec WooCommerce. C’est aussi intuitif si ce n’est encore plus que Prestashop – sans ses nombreux inconv�nients.

L’assistant d’installation de sa boutique e-commerce est facile � mettre en oeuvre, voici un descriptif d�taill� pour bien s’y prendre en installant sa boutique.

Cr�er sa boutique en ligne e-commerce avec WordPress et WooCommerce — WooCommerce : Configurer sa boutique e-commerce WordPress

Cr�ations des pages WordPress pour Woocommerce (boutique...) — WooCommerce : Cr�ation des pages e-boutique

Ce sont les pages n�cessaires au fonctionnement de WooCommerce, nous vous recommandons fortement de laisser WooCommerce cr�er ces pages pour vous.

Configuration des prix des produits avec la TVA — WooCommerce : Configuration de la TVA avec le prix des produits

Configurer facilement la TVA. Vous pouvez choisir comment vous allez rentrer le prix de vos produits.

Vous pouvez configurer la TVA de mani�re plus avanc�e dans l’onglet R�glages TVA de WooCommerce (voir ci-apr�s).

Mise en place de moyens de paiement sous WooCommerce — WooCommerce : Configuration des moyens de paiements

Vous pouvez choisir tous les moyens de paiements sur votre site internet e-commerce. Les paiements par carte de cr�dit / Paypal sont les plus utilis�s sur Internet.

Cr�er sa boutique en ligne sur WordPress — WooCommerce : Fin de la configuration

C’�tait aussi simple que cela de configurer sa boutique e-commerce avec WordPress. Cette pr�-configuration est utile pour vous permettre de comprendre un peu comment fonctionne WooCommerce, cela vous permet aussi de g�n�rer les diverses pages n�cessaires � votre boutique.

(*) Astuce : Vous pouvez installer de nombreuses extensions pour votre site e-commerce WooCommerce.

WooCommerce : Configurer les zones g�ographiques et le param�trage de la TVA

Les zones g�ographiques sont retrouvables gr�ce aux zones de livraison. Vous pourrez �galement configurer la TVA � appliquer pour les diff�rentes zones.

Banni�re de configuration WooCommerce sur les zones g�ographiques et la TVA — WooCommerce : Options de param�trages de la TVA

Param�trer la zone g�ographique et la TVA pour la France — WooCommerce : Configurer la zone TVA pour la France

WooCommerce : Cr�er une fiche produit

Vous avez la possibilit� de cr�er des produits directement depuis le menu “Produits” de WordPress. Vous pouvez �galement ajouter des cat�gories � vos produits comme vous le feriez pour les articles.

Cr�er un nouveau produit dans sa boutique e-commerce sous WordPress — WooCommerce : Cr�er un nouveau produit

Voici la simple fiche de cr�ation de produit. Je n’ai rien mis dans la description car je n’en avais pas besoin. La description entr�e cr�era un onglet “Description” � c�t� de l’onglet “Avis” dans la fiche produit (voir photo tout en haut).

21 juin 2017

WordPress : Sauvegarder son site internet tous les jours (backup)

Comment mettre en place la sauvegarde de son site internet WordPress

Faire des sauvegardes (backups) de son site internet devrait �tre obligatoire, je ne compte plus le nombre de personnes que je connais ayant perdu leur donn�es en ayant dit “Je ferais des sauvegardes”.

Sur internet c’est encore plus vrai, car n’importe quel serveur peut crasher, et si votre h�bergeur n’a pas de syst�me de sauvegarde, vous l’avez dans l’os (chez Cubis nous sauvegardons les backups sur un autre serveur).

Un exemple simple. Vous faites une mise � jour de WordPress, d�s lors, plus moyen d’acc�der au site internet ni � l’administration ; votre site reste blanc. Si vous avez mis en place des sauvegardes, il sera bien plus rapide de restaurer votre site internet.

BackWPup : Sauvegarder son site internet WordPress tous les jours

Le plugin BackWPup permet de sauvegarder facilement son site internet WordPress sans connaissance techniques.

Dans BackWPup > Op�rations, cr�er une nouvelle op�ration : je l’ai appel� Sauvegarde journali�re.

Sauvegarder son site internet WordPress avec backWPup — Param�trer la sauvegarde quotidienne de son site Internet WordPress

J’ai coch� toutes les sauvegardes possibles

Sauvegarde de la base de donn�es (essentiel)
Sauvegarde des fichiers (essentiel)
Export XML WordPress (permet d’exporter le contenu du site WP pour le r�importer dans une nouvelle instance de WP)
Liste des extensions install�es (pour pouvoir les r�installer facilement en cas de restauration)
V�rification des tables (optionnel, permet de v�rifier si la base de donn�es n’est pas corrompue)

Sauvegarder son site internet WordPress sur un autre espace — D�placer sa sauvegarder WordPress par email, DropBox…

Sauvegarder dans le r�pertoire est la bonne chose � faire de base.

Le mieux est d’envoyer la sauvegarder sur un autre serveur (comme un FTP). DropBox permet de stocker gratuitement quelques gigas, mais je ne fais absolument pas confiance � ce service.

Enregistrer ensuite la nouvelle op�ration de sauvegarde quotidienne de WordPress.

Programmer la sauvegarde de son site internet WordPress

Dans l’onglet programmation, j’ai simplement indiqu� une sauvegarde quotidienne de WordPress.

Sauvegarder son site internet WordPress tous les jours — Param�trer la sauvegarder de WordPress tous les jours � 3h du matin

Lancer la sauvegarde manuelle de son site internet WordPress

Dans BackWPUp > Op�rations, passez votre souris sur la sauvegarde que vous voulez tester et cliquez sur “Lancer la sauvegarde manuelle“.

Votre site sera alors sauvegard� et vous pourrez v�rifier que votre syst�me de sauvegarde fonctionne correctement.

WordPress en cours de sauvegarder via le plugin backWPup — Sauvegarde en cours de WordPress…

5 juin 20177 juin 2017

WordPress : Comment modifier correctement son th�me ?

Pour bien modifier votre th�me WordPress, et le modifier correctement, vous allez avoir besoin de cr�er un th�me enfant.

Un th�me enfant vous permettra de modifier votre th�me WordPress�courant sans pour autant vous priver de ses mises-�-jour.

1 – Cr�er un th�me enfant sous WordPress

Un excellent plugin existe pour cr�er un th�me enfant sous WordPress, il s’agit de Child Theme Configurator, nous en parlions dans notre article : Les meilleurs plugins WordPress en 2017.

En un clic, il vous permet de cr�er la copie conforme de votre th�me actuel WordPress.

Une fois install�, Child Theme Configurator se trouve dans Outils > Th�mes enfants.

Pour cr�er un nouveau th�me enfant WordPress il suffit de voir l’option : “CR�ER un nouveau th�me enfant“. Une fois analys�, votre th�me est pr�t � �tre copi� dans un th�me enfant, cliquez sur le bouton en bas “Create new child theme“, laissez toutes les options propos�es par d�faut.

Modifier son th�me WordPress avec un th�me enfant — Th�me enfant du th�me WordPress par d�faut : Tweenty Seventen

2 – Activer son th�me enfant pour modifier son th�me WordPress

Une fois le th�me enfant cr��, dans Apparence, un nouveau th�me s’est cr��, votre th�me enfant. Activez-le.

A ce stade retournez sur votre site, vous devriez avoir exactement la m�me chose qu’avec le th�me parent.

Si ce n’est pas le cas, la feuille de style a probablement saut�, essayez de changer cette option dans Child Theme Configurator ou laissez-nous un commentaire pour que l’on puisse vous aider.

Maintenant que le th�me enfant de votre th�me WordPress est activ�, nous allons pouvoir modifier le th�me sans casser les mises � jour du th�me parent.

3 – On peut maintenant customiser son th�me WordPress

Dans Apparence > Editeur, vous voyez que la structure a chang�, un seul fichier CSS existe, le fichier style.css dont vous allez vous servir pour r��crire les propri�t�s de votre th�me parent. Ne touchez pas au fichier functions.php.

/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.1.1488900103
Updated: 2017-03-07 15:21:43
*/

C’est ici que vous placerez votre nouveau CSS, le fichier est vide, c’est normal ! Par exemple, vous allez pouvoir�changer la couleur de fond de l’ent�te votre th�me WordPress�ici, gr�ce au CSS.

Modifier le code CSS de son th�me WordPress

Sur Google Chrome (CTRL+MAJ+I), sur Firefox (F12).

La petite fl�che en haut � gauche de la console permet de s�lectionner un �l�ment (passez votre souris sur la page).
En bas � gauche, on peut modifier notre code CSS � la vol�e pour voir ce que cela donne.

Une fois le code CSS modifi�, il n’y a plus qu’� le reporter dans notre feuille de style (style.css que l’on a vu plus haut).

body:not(.home) header#masthead { background-color: white; }

Depuis ce que j’ai pu constater dans mon code CSS, ce code devrait fonctionner car au niveau de l’inclusion du code du th�me enfant dans WordPress, cette inclusion est faite apr�s le th�me parent, donc prend le dessus.

Si ce n’est pas le cas, ne pas h�siter les variantes suivantes, en rajoutant “html” devant ou “!important” apr�s la propri�t� (en dernier recourt ou pour overrider ce qui est �crit avec la balise html “style”.

html body:not(.home) header#masthead { background-color: white; }

body:not(.home) header#masthead { background-color: white !important; }

Bon courage ! N’h�sitez pas � nous poser vos questions sur la modification de th�mes WordPress en commentaire !!

30 mai 201730 mai 2017

WordPress : Notification si quelqu’un se connecte sur l’admin

Alerte de connexion � l’administration de WordPressPour augmenter la s�curit� de son site internet WordPress, nous avons choisi d’�tre averti en cas de logging d’un administrateur sur le backoffice de WordPress.

Recevoir une notification si un administrateur se connecte sur votre site WordPress vous permettra de r�agir rapidement en cas d’attaque !

Alerte de connexion sur l’admin WordPress

Le plugin WordPress que nous utilisons s’appelle tout simplement “Email notification on admin login“. Il fonctionne � merveille, voir la capture d’�cran en haut de l’article.

Vous n’avez qu’� l’installer et il fait tout tout seul !

Configurer le plugin d’alerte de connexion � l’administration de WordPress

Le plugin tr�s simple comporte deux fichiers situ�s dans :

/wp-content/plugins/email-notification-on-admin-login/

Changer le destinataire de l’adresse e-mail de notification de connexion

Ligne 13 du fichier config.php, la ligne suivante permet d’utiliser l’e-mail du responsable du site :

 define("ADMIN_EMAIL", "$admin_email");

Vous pouvez remplacer “$admin_email” par une autre adresse e-mail.

Personnaliser la notification de connexion � l’administration de WordPress

Dans le fichier index.php, vous trouverez sous format texte le message du plugin de notification de connexion WP.

$message = <<<MESSAGE
 An admin logged in your WordPress website {$website_name} on {$get_time_of_login}
 with the IP: {$get_ip}
MESSAGE;

Vous pouvez am�nager cela comme vous voulez, tant que vous gardez les variables.

29 mai 2017

WordPress : D�sactiver WP REST API (faille de s�curit�)

D�sactiver WordPress REST API

D�sactiver WordPress REST API est la chose � faire pour �viter les probl�mes de s�curit� � venir sur WordPress > 4.6. En effet les derni�res failles WordPress concernent cette API ouverte.

WordPress a choisi de mettre en ligne sa WP REST API et son protocole XML RPC depuis la version 3.5.�Ils servent � des applications de communiquer avec votre site internet WordPress, le c�l�bre plugin JetPack s’en sert.

Certaines th�mes (r�cents) s’en servent aussi. Alors une fois l’API REST de WordPress d�sactiv�e, pensez � v�rifiez que votre site est bien fonctionnel !

Pourquoi autoriser la WP REST API est dangereux ?

Dans les architecture logiciel actuelles (c’est la mode), les d�veloppeurs codent avec un c�t� front (ce que l’utilisateur voit) et un c�t� back (ce avec quoi l’utilisateur interagi (base de donn�es, articles…)). Une API REST sert justement � cette architecture, on propose au front une interface pour communiquer avec le back.

Jus-qu�il y a quelques ann�es on utilisait tout sur le m�me projet pour les projets web, cette nouvelle approche apporte une grande flexibilit�, mais un peu moins de s�curit�…

D�sactiver WP REST API sur son site internet WordPress

Un simple plugin pour d�sactiver l’API WordPress

Si vous ne souhaitez d�sactiver que l’API REST de WordPress, cette option�est toute trouv�e pour vous.

D�sactiver WP REST API WordPress — D�sactiver la REST API de WordPress pour les utilisateurs non enregistr�s

https://fr.wordpress.org/plugins/disable-json-api/

Attention, car ce plugin ne d�sactive que le REST API WP pour les utilisateurs anonymes, si un bot s’est inscrit sur votre site internet les failles seront toujours exploitables.

SecuPress, d�sactiver l’API REST de WordPress

SecuPress est un tr�s bon plugin de s�curit� dont nous avions parl�s dans notre article “Les meilleurs plugins gratuits de WordPress en 2017“.

Dans SecuPress > Modules > Donn�es sensibles, cochez les deux cases :

D�sactiver toutes les fonctionnalit�s de XMP-RPC
D�sactiver les fonctionnalit�s de l’API REST

D�sactiver WP REST API et XML RPC — D�sactiver l’API REST de WordPress ainsi qu’XML-RPC

https://fr.wordpress.org/plugins/secupress/