Comment créer un plugin WordPress

Dans ce tutoriel vous apprendrez a créer un plugin WordPress de dons Paypal pour votre blog,  qui permettra a vos lecteurs de vous envoyer un don avec Paypal. Le plugin aura une partie administration pour les réglages, et il sera facilement personnalisable.

Préparation du plugin

Première étape   

Créer un nouveau dossier paypal-dons dans  wp-content/plugins/ .

Deuxième étape

Maintenant dans ce dossier, vous allez créer un fichier appelé paypal-don.php .

Troisième étape

Ouvrez le fichier paypal-don.php puis ajoutez les informations qui indiqueront à WordPress qu’il y a un nouveau plugin. Vous pouvez modifier ces détails, mais respecter l’ordre avec un minimum information pour chaque ligne.

<?Php
/*
Plugin Name: Dons Paypal
Plugin URI: https://naxialis.com
Description: Plugin don paypal.
Version: 1.0
Author: Lebéon Frédéric
Author URI: https://www.naxialis.com
*/

Patch URL

Avant de commencer à coder le plugin il faudra définir un Patch URL qui nous servira à appeler nos fichiers dans le répertoire du plugin. Il conseiller de définir ce path URL pour éviter des bugs ou que vos fichiers ne sois pas appelés correctement.

// patch URL
define('PAYDON_BASENAME', plugin_basename(__FILE__));
define('PAYDON_DIR_URL', plugins_url('', PAYDON_BASENAME));

Ajout des scripts et feuille de style

Dans cette partie nous allons appeler les scripts et feuilles de style pour pouvoir ajouté un bouton Paypal personnalisé. Nous allons utiliser le media uploader de WordPress.

Première étape

On va créer une fonction php qu’ont va appeler paypal_don_load_scripts() qui va contenir tous les javascripts qu’ont aura besoin pour notre plugin.

// Scripts

function paypal_don_load_scripts() {

	wp_register_script( 'paypal-dons', PAYDON_DIR_URL. '/js/paypal-dons.js' , dirname(__FILE__) );
	wp_enqueue_script('paypal-dons');
	wp_enqueue_script('jquery');
	wp_enqueue_script('media-upload');
 	wp_enqueue_script('thickbox');
	
}
add_action('admin_enqueue_scripts', 'paypal_don_load_scripts');

 

Deuxième étape

Créer un dossier js dans le répertoire du plugin puis créer un fichier paypal-dons.js  et ajouter le script qui va permettre d’utiliser le madia uploder de WordPress pour pouvoir utiliser un bouton personnalisé.

jQuery(document).ready(function($) {
    $(document).on("click", ".paypal-button-upload-button", function() {

        jQuery.data(document.body, 'prevElement', $(this).prev());

        window.send_to_editor = function(html) {
            var imgurl = jQuery('img',html).attr('src');
            var inputText = jQuery.data(document.body, 'prevElement');

            if(inputText != undefined && inputText != '')
            {
                inputText.val(imgurl);
            }

            tb_remove();
        };

        tb_show('', 'media-upload.php?type=image&TB_iframe=true');
        return false;
    });
});

 

Troisième étape

Dans cette deuxième étape nous allons créer une deuxième fonction php qui elle va contenir les fichiers css nécessaires au plugin et qu’ont va appeler paypal_don_admin_styles().

//Style css

function paypal_don_admin_styles()

 {  
 	// pour importer une feuille css 
	// wp_register_style('mon-css', PAYDON_DIR_URL. '/css/mon-css.css' , dirname(__FILE__) );
	// wp_enqueue_style('mon-css');
 	wp_enqueue_style('thickbox');
 }

 add_action('admin_print_styles', 'paypal_don_admin_styles');

 

Création du shortcode

Pour ajouter le shortcode [don] dans WordPress, vous devez utiliser la fonction add_shortcode qui appellera l’autre fonction qui contiendra le code qui sera affiché sur votre blog.

// Ajout du shortcode [don] 
add_shortcode('don','donate'); 

function donate() {
    $donate_options = get_option('donate_plugin_options');
 
    // Bouton image par défaut
    $url = 'http://www.paypal.com/fr_FR/i/btn/btn_donate_SM.gif';
 
    // Autre choix pour le bouton don
    switch ($donate_options['button']) {
 
        case 'small':
            $url = 'http://www.paypal.com/fr_FR/i/btn/btn_donate_SM.gif';
            break;
        case 'medium':
            $url = 'http://www.paypal.com/fr_FR/i/btn/btn_donate_LG.gif';
            break;
        case 'large':
            $url = 'http://www.paypal.com/fr_FR/i/btn/btn_donateCC_LG.gif';
            break; 
		case 'custom':
            $url = $donate_options['paypal_custom_button'];
            break;	 
 
}
 
    return '<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
                <div class="paypal-donations">
                    <input type="hidden" name="cmd" value="_donations">
                    <input type="hidden" name="business" value="'.$donate_options['paypal_user_id'].'">
                    <input type="hidden" name="rm" value="0">
                    <input type="hidden" name="currency_code" value="'.$donate_options['currency'].'">
                    <input type="image" src="'.$url.'" name="submit" alt="PayPal - The safer, easier way to pay online.">
                    <img alt="" src="https://www.paypal.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
                </div>
            </form>';
}

Rappels et fonctions du formulaire

Vous allez maintenant définir les rappels nécessaires pour faire fonctionner le plugin, et la partie administration dans WordPress.

 

Première étape

Vous devez maintenant ajouter une fonction vide, qui est nécessaire pour assurer que les autres fonctions du plugin fonctionnent correctement.

function donate_plugin_cb() {
 
    // Rappel option
 
 }

Deuxième étape

Ensuite, vous allez ajouter deux fonctions qui vont générer les champs de saisie dans le panneau d’administration du plugin. Une pour votre adresse email PayPal et une pour le bouton personnalisé.

// Génère le formulaire de champ de saisie des paramètres [EMAIL]
function paypal_user_id_html() {
    $donate_options = get_option('donate_plugin_options');
    echo "<input name='donate_plugin_options[paypal_user_id]' type='email' value='{$donate_options['paypal_user_id']}'/>";
	
}

function paypal_custom_button_html() {
    $donate_options = get_option('donate_plugin_options');
    echo "<input  name='donate_plugin_options[paypal_custom_button]' type='text' value='{$donate_options['paypal_custom_button']}'/>";
	echo '<input  class="paypal-button-upload-button button" type="button" value="Télécharger une image" />';
	
}

Troisième étape

Maintenant, vous allez générer les boutons de radio, pour pouvoir sélectionner le bouton de paiement  que vous souhaitez.

// Génère le formulaire de champ de saisie des paramètres [RADIO]
function paypal_donation_button_html() {
    $donate_options = get_option('donate_plugin_options');
    ?>
    <p>
        <label>
            <input type='radio' name='donate_plugin_options[button]' value='small' <?php if($donate_options['button'] == 'small') { echo 'checked'; }  ?>>
            <img src='https://www.paypal.com/fr_FR/i/btn/btn_donate_SM.gif' alt='small' style='vertical-align: middle;margin-left: 15px;'>
        </label>
    </p>
 
    <p>
        <label>
            <input type='radio' name='donate_plugin_options[button]' value='medium' <?php if($donate_options['button'] == 'medium') { echo 'checked'; } ?>>
            <img src='https://www.paypal.com/fr_FR/i/btn/btn_donate_LG.gif' alt='medium' style='vertical-align: middle;margin-left: 15px;'>
        </label>
    </p>
 
    <p>
        <label>
            <input type='radio' name='donate_plugin_options[button]' value='large' <?php if($donate_options['button'] == 'large') { echo 'checked'; } ?>>
            <img src='https://www.paypal.com/fr_FR/i/btn/btn_donateCC_LG.gif' alt='large' style='vertical-align: middle;margin-left: 15px;'></br>
        </label>
    </p>
    
     <p>
        <label> 
            <input type='radio' name='donate_plugin_options[button]' value='custom' <?php if($donate_options['button'] == 'custom') { echo 'checked'; } ?>>
            <img src='<?php echo $donate_options['paypal_custom_button'];?>' style='vertical-align: middle;margin-left: 15px;'> Personnalisé</br>
        </label>
    </p>
 
    <?php
}

Quatrième étape

Pour terminer cette partie, nous allons générer un autre champ de saisie avec un menu déroulant, afin que vous puissiez choisir la devise dans laquelle vos dons PayPal seront traités, en ajoutant un tableau PHP.

// Génère le formulaire de champ de saisie des paramètres [DROPDOWN]
function paypal_currency_html() {
    $donate_options = get_option('donate_plugin_options');
 
    $currency = array(
                    'AUD' => 'Australian Dollars (A $)',
                    'BRL' => 'Brazilian Real',
                    'CAD' => 'Canadian Dollars (C $)',
                    'CZK' => 'Czech Koruna',
                    'DKK' => 'Danish Krone',
                    'EUR' => 'Euros (€)',
                    'HKD' => 'Hong Kong Dollar ($)',
                    'HUF' => 'Hungarian Forint',
                    'ILS' => 'Israeli New Shekel',
                    'JPY' => 'Yen (¥)',
                    'MYR' => 'Malaysian Ringgit',
                    'MXN' => 'Mexican Peso',
                    'NOK' => 'Norwegian Krone',
                    'NZD' => 'New Zealand Dollar ($)',
                    'PHP' => 'Philippine Peso',
                    'PLN' => 'Polish Zloty',
                    'GBP' => 'Pounds Sterling (£)',
                    'RUB' => 'Russian Ruble',
                    'SGD' => 'Singapore Dollar ($)',
                    'SEK' => 'Swedish Krona',
                    'CHF' => 'Swiss Franc',
                    'TWD' => 'Taiwan New Dollar',
                    'THB' => 'Thai Baht',
                    'TRY' => 'Turkish Lira',
                    'USD' => 'U.S. Dollars ($)',
                );
    ?>
    <select id='currency_code' name='donate_plugin_options[currency]'>
        <?php
            foreach($currency as $code => $label) :
                if( $code == $donate_options['currency'] ) { $selected = "selected='selected'"; } else { $selected = ''; }
                echo "<option {$selected} value='{$code}'>{$label}</option>";
            endforeach; 
        ?>
    </select>
    <?php
}

Déclaration des fonctions

Maintenant que vous avez généré vos champs de saisi, shortcode et le formulaire, il faut déclaré ses fonctions pour les rendes visible et utilisable dans la partie administration de WordPress.

Première étape

Commençons par l’enregistrement de tous les paramètres et leurs champs avec WordPress, puis en ajoutant l’action de l’administrateur.

// Tous les paramètres et la configuration des champs utilisé dans wordpress
function register_settings_and_fields() {
 
    // $option_group, $option_name, $sanitize_callback
    register_setting('donate_plugin_options','donate_plugin_options');
 
    // $id, $title, $callback, $page
    add_settings_section('donate_plugin_main_section', 'Main Settings', 'donate_plugin_cb', __FILE__);
 
    // $id, $title, $callback, $page, $section, $args
    add_settings_field('paypal_user_id', 'PayPal ID: ', 'paypal_user_id_html', __FILE__, 'donate_plugin_main_section');
	 
    // $id, $title, $callback, $page, $section, $args
    add_settings_field('button', 'Select Button: ', 'paypal_donation_button_html', __FILE__, 'donate_plugin_main_section');
	
	// $id, $title, $callback, $page, $section, $args
    add_settings_field('paypal_custom_button', 'Url de l´image: ', 'paypal_custom_button_html', __FILE__, 'donate_plugin_main_section');
 
    // $id, $title, $callback, $page, $section, $args
    add_settings_field('currency', 'Monnaie: ', 'paypal_currency_html', __FILE__, 'donate_plugin_main_section');
}
 
add_action('admin_init', 'register_settings_and_fields');

Deuxième étape

Vous allez maintenant générer le code HTML de la page d’options principales dans WordPress, en mettant en place un div avec la classe warp , et puis en ajoutant  le formulaire et la fonction qui va importer les champs paramètres de votre plugin.

// Génére le code HTML de la page des options principales
function options_page_html() {
 
    ?>
        <div class="wrap">
            <h2>Plugin Options</h2>
            <form method="post" action="options.php" enctype="multipart/form-data">
          <input type="text"  name="image_location" value="" size="40" />
				<input type="button" class="paypal-button-upload-button" value="Upload Image" />
            
            <?php 
                // $option_group
                settings_fields( 'donate_plugin_options' );
 
                // $page 
                do_settings_sections( __FILE__ );
            ?>   
            <p class="submit">
                <input type="submit" class="button-primary" name="submit" value="Save Changes">
            </p>
            </form>
        </div>
    <?php
}

Troisième étape

Vous allez ensuite ajouter la page des paramètres du plugin dans l’administration de WordPress, en utilisant la fonction  options_init () , avec la fonction add_options_page.

Dans le menu de WordPress la page pour paramètres du plugin se trouvera dans Réglages –> Dons Paypal Options.

// Menu Admin Activation
function options_init() {
 
    // page_title,  menu_title, capability, menu_slug, function
    add_options_page('Dons Paypal Options', 'Dons Paypal Options', 'administrator', __FILE__, 'options_page_html');
}
add_action('admin_menu', 'options_init');

 

Quatrième étape

La dernière étape consiste à ajouter la fonction d’activation, et à vérifier si des paramètres existent déjà. Le plugin va enregistrer les paramètres par défaut.

// Activation et vérification des paramètres si ils existent.
function donate_activate() {
    $defaults = array(
                    'paypal_user_id' => get_option('admin_email'),
                    'button' => 'small',
					'paypal_custom_button' => '',
                    'currency' => 'EUR'
                );  
 
  if(get_option('donate_plugin_options')) return;
 
  add_option( 'donate_plugin_options', $defaults );
}
 
register_activation_hook( __FILE__, 'donate_activate' );

Conclusion

Dans ce tutoriel nous avons vu comment créer un plugin WordPress relativement simple, j’ai choisi comme exemple Paypal pour vous montrer l’intégration des différents champs text, radio, select, upload. J’espère que ce tutoriel vous permettra de développer votre propre plugin pour votre blog.



[dl url= »https://www.naxialis.com/wp-content/uploads/2014/11/paypal-dons.zip » title= »PLugin Source » desc= »Paypal don » type= »download » align= »center »]

Sécuriser Votre Site ou Blog Sous WordPress

 

Dans cet article nous allons voir quelques règles de sécurité pour protéger votre site ou blog sous wordpress contre le hacking .

Et aussi quelques plugins que j’ai sélectionnés en fonction de leurs performances et simplicité d’utilisation pour que la sécurité d’un site sous wordpress soit accessible  à tous publics.

Les plugins que je vais vous mentionné dans cette article  je les utilises pour des sites professionnel de certains de mes clients.


Première étape la prévention

Login et mot de passe

Lorsque vous installez wordpress une des premières choses à faire est de modifier votre compte Administrateur que wordpress vous a attribué par défaut entre autre votre login : admin    pour faire cette manipulation rien de plus simple dans le tableau de bord allez dans Utilisateurs  puis ajouter un nouvel utilisateur  avec le rôle Administrateur avec une adresse mail différente du compte admin,  avec un mot de passe avec des lettres et des chiffres et majuscule ex : Gpz82Jop huit caractères minimum , une fois le nouvelle utilisateur créer supprimer le compte Admin retourner sur le nouveau compte pour remettre l’adresse mail de départ (si vous voulez la reprendre) .

Le compte par défaut admin est la première faille exploitable par les pirates car ils savent d’avance que votre login est admin éviter aussi les pseudos ou autre diminutif de votre prénom par exemple qui pourrait apparaitre dans un de vos articles.  


Le téléchargement de plugin

Télécharger des plugins est aussi sources d’ennui, car il y des petits malins qui insert certain code qui permet de récupérer des informations  comme le login. C’est sur vous allez me dire tous ne si connait pas en langage de programmation, il y a comme même quelques règle qui permet de minimiser se risque :


1-      télécharger toujours le plugin sur le site officiel de sont créateur ou sur le site de wordpress.org. Eviter les sites intermédiaire par exemple ceux avec pleins de pubs.

2-      Faite quelques recherche en Français/Anglais sur le plugin des avis des utilisateurs  ou des testes réaliser sur le plugin qui vous intéresse n’hésiter pas à vous renseigner sur les forums de wordpress exemple :


wordpress-fr.net

wordpress.com en Français


3-      Noter la date d’installation de votre plugin qui pourrait être utile si vous avez installé plusieurs en cas de problème vous pourrez procéder par élimination.



Sauvegarder & Conserver


Faite une copie de votre thème

Conserver une copie de votre thème en cas d’intrusion et de modification du code de votre thème cela vous permettra de réinstaller votre thème original rapidement.

Sauvegarder la base de données

La base de données de vote site ou blog est un des éléments les plus importants ! Pour faire une sauvegarde de la Db de votre site il existe quelques plugins plus ou moins complexe,  je vais vous parler de WordPress Database Backup (WP-DB-Backup sur wordpress.org)   car ce plugin est très simple d’utilisation.  Télécharger le plugin et installer le ensuite aller dans le menu Outils et Backup une fois dans les paramètres du plugin on vous propose dans le premier tableau Tables les options suivante :

A gauche vous avez la possibilité d’exclure les spam de commentaire que vous avez ajouter comme indésirable et d’exclure aussi les articles qui ne sont pas publié (en attente de relecture)

A droite vous pouvez inclure les tables des plugins qui utilisent la base de données.

Ensuite vous avez Backup Options ici vous choisissez la solution qui vous convient pour la sauvegarde de votre base de données :

Sur votre serveur

En téléchargement direct

Ou  par e-mail

Après vous avez plus cas cliquez sur Backup now ! Une bar de progression vas s’afficher pour vous indiquer l’évolution de la sauvegarde

Dernier tableau Sheduled Backup ici vous avez une option de sauvegarde automatique cette option est utile pour ceux qui mettent très souvent le site à jour, dans la colonne de gauche vous pouvez choisir la fréquence de sauvegarde :

Jamais (si vous voulez ne pas utiliser cette option)

Une fois par heure

Deux fois par jour

Une fois par jour

Une fois par semaine

Ensuite indiquer l’adresse mail ou sera envoyer la sauvegarde de la base de donnée et cliquer sur Schedule backup pour valider.

Sécuriser avec des plugins

Désactiver le panel de connexion  www.votresite.com/wp-admin/login.php avec Lockdown WordPress Admin  important ! Pour utiliser se plugin vous devez avoir un formulaire de connexion en fontend comme par exemple : AJAX Login Widget++.

Télécharger Lockdown WordPress Admin installer le plugin aller ensuite dans les paramètre du plugin qui se trouve après le menu réglage et en suite cochez la case :

Yes, please hide WP Admin from the user when they aren’t logged in.

Vous avez aussi la possibilité d’indiquer une url différente pour une page de connexion si vous en avez crée une.


Ensuite dans HTTP Authentication laissé cochez par défaut Disable http Auth. Sauvegarder les options.

Bloquer Les tentatives de connexion intempestive

Le plugin Limit Login Attempts  est très complet et indispensable pour protéger votre site ou blog vous pouvez paramètrer les fonctions suivante :

Tentatives autorisées

Minutes de blocage

Au bout de xx blocages augmentent le temps de blocage à xx heures

xx heures jusqu’à ce que les tentatives soient réinitialisées

Gérer les cookies de connexion

Notifier lors d’un blocage : Enregistrer l’adresse IP, Envoyer un email à l’administrateur après xx blocages

Statistiques

WordPress Firewall 2

Se plugin protège et vous prévient d’une éventuel attaque sur votre base de données et toutes modifications au niveau du code php de votre blog ou site et en cas d’attaque ou de modification du thème redirige ver la page d’accueil ou la page 404 error et vous envois un mail avec un rapport de la situation même si une personne c’est connecter avec votre compte.

Installer WordPress Firewall 2 allez ensuite dans réglages puis Firewall vous pouvez laisser les paramètres par défaut dans un premier temps et ensuite l’adapter a vos besoins

Bloquer l’accès au répertoire

Bloquer l’accès et les modifications de la base de données

Bloquer  les termes spécifiques WordPress

Bloquer le téléchargement de fichiers exécutables (. php,. exe, etc)

Bloquer  http:// et https:// dans les paramètres de l’application (désactivé par défaut, peut entraîner des problèmes avec de nombreux plugins)

WordPress Firewall 2 est utile si vous devez vous absenter pour un moment et vous permet de surveiller votre blog ou site sans y aller tous les jours pour voir si tous va bien.



Voila ses quelques bases pour sécuriser votre site sous wordpress bien aucun de ces plugins permet de garantir a 100% la sécurité de votre site, mais ils permettent de limiter certaines action malveillantes et de vous prévenir en cas d’instructions  ou de modification du code.

Je mettrais cet article à jour en fonction de nouvelles informations sur le sujet.

Une Newsletter pour WordPress

Voici un plugin Newsletter pour votre blog ou site web sous wordpress se plugin conviendra au débutant facile a mettre en place. Les modèles peuvent être modifier facilement sans une grande connaissance en programmation.

Introduction
Newsletter est un plugin développer par satollo.net j’ai repris le plugin et apporté quelques modification et traduit les paramètres en français ainsi que les modèles intégrer au plugin.

 

Installation du plugin
Vous pouvez télécharger le plugin original à partir de votre tableau de bord wordpress dans extention/ajouter/ newsletter et installer ou sur le site officiel ici.
Ou ma version traduite en français ici .une fois télécharger décompresser le dossier du plugin et transférer le avec un logiciel ftp(FileZila par exemple) dans le dossier plugin de wordpress wp-content/plugins/ puis activez le dans le menu extension de votre tableau de bord wordpress.

 

Configuration du plugin
Une fois le plugin activé vous retrouver le menu de celui-ci dans votre tableau de bord(en bas a gauche) nous avons dix sous-menus ont va s’occuper que des sous-menus suivant :
Configuration, Subscription, Composer, Subscribers

 

1- Créer une page que vous aller appeler par exemple : Newsletter ( vous pouvez lui donner un autre nom) enregistrer et publier cette page.

 

2- Allez dans le sous-menu configuration du plugin newsletter dans les réglages paramètre généraux vous avez :

 

Activer l´accès pour les éditeurs de wordpress? (cette option permet d’autoriser les autres éditeurs de votre site d’avoir accès aux réglages du plugin laisser no si vous voulez que les options du plugin soit réservé qu’aux administrateurs du site.)
Toujours afficher les panneaux en anglais? (laissez sur no si vous utiliser ma version traduite)
Logging (cette option sert a enregistrer d’éventuelle erreur dans un fichier log, vous pouvez le laisser sur none.)

3- Le sous-menu Subscription , le premier cadre doit être remplit correctement :

 

Votre email : (inscrivez l’email que vous utiliserez pour l’envois des newsletter)
Nom de votre Newsletter : (inscrivez le nom de votre newsletter ex : nom de votre site)
URL de la page d´abonnement : (copier coller l’url de la page ou sera placer le formulaire d’abonnement dans notre cas c’est la page qu’ont à créer et que j’ai appelé newsletter)
Thème à utiliser pour les emails : (cette option sert à définir le format des message dans notre exemple laisser sur blank.)
Puis Enregistrer

 

Maintenant allez a la page que vous avez crée pour le formulaire votre Newsletter et insérer le code suivant dans l’éditeur de texte pour activer le formulaire : [ newsletter ] (note importante vous ne devez pas avoir d’espace entre les crochets pour que le plugin fonctionne)


Paramètre Abonnement
Dans se cadre : Cochez cette case si vous voulez demander que l´adresse e-mail sans le nom. Vous pouvez demander juste l’email sans le nom.
Dans les deux autres cadres vous pouvez personnaliser le texte : Page du formulaire d´abonnement, Message de confirmation de l´abonnement.
Puis Enregistrer

 

Confirmation (double opt-in)
Cette parti sert à l’envoi de l’email  a l´utilisateur pour valider son inscription vous pouvez personnalisez le sujet et message sans enlever la balise suivante : {subscription_confirm_url}  elle sert a insérer le lien vers la page de validation sur votre site.

Message de bienvenue
Dans se cadre on personnalise le message de bienvenue et l’envoi de l’email de bienvenue. La balise {name} sert a mettre le nom de l’abonné.
Puis Enregistrer

 

Désinscription
Rien de bien compliquer dans cette parti est la procédure de désabonnement vous pouvez personnaliser les messages.
Puis Enregistrer

 

Advanced
Ici ont vous propose de désactiver les éditeurs visuel laisser sur No

 

4-Le sous-menu Composer c’est d’ici que vous composer et envoyer votre newsletter a vos abonnés.
Informations envoi : affiche que votre newsletter a bien été envoyer

 

Newsletter message : ici vous rédiger votre newsletter sujet message. Vous pouvez utiliser des modèles :
Blank : Page blanche vous écrivez se que vous voulez.
Default : affiche les derniers articles que vous avez rédiger sans image.
With picture : affiche les derniers articles que vous avez rédigé avec des miniatures de vos images.
A chaque fois que vous sélectionner un modèle cliquer sur auto compose pour avoir un aperçu.

 

Paramètres pour le Thème
Cette parti concerne les modèles Default et With picture .
Nombre d’article à inclure dans le thème : ici vous indiquez le nombre d’article a affichez dans la newsletter.(affiche les derniers articles publier et limiter a 10 max)

 

Options d´envois
Nombre Max d´email a traiter : si vous avez beaucoup d’abonné vous pouvez déterminer le nombre d’envois en cas de problème de saturation de votre serveur sinon laisser le champ vide.
L´adresse email du destinataire pour la simulation : ici vous pouvez inscrire votre adresse mail ou celle d’un amis pour faire une simulation.

 

Voie de retour : inscrivez votre adresse mail vous recevrez les rapports d’erreur si il y a un problème avec votre serveur mail.

 

Sending options for scheduler.
Cette option fonctionne avec newsletter extras(la version payante du plugin)

 

Pour modifier les modèles allez de le dossier Theme du plugin vous pouvez éditer avec notepad++ et modifier : couleur, texte, ajouter votre logo …..

 

5-Le sous menu Subscribers C’est ici que vous gérez vos abonnés. vous pouvez lister, éditer , effacer, ou confirmé une inscription , et voir les informations comme l’adresse ip.

 

Mise à jour le  9/11/2012

Comment créer un thème pour votre newsletter

Le tutoriel qui va suivre concerne la version du plugin 1.5.9, j’ai repris le thème par défaut dans le dossier du plugin ( wp-content/plugins/newsletter/themes/default/theme.php)  une fois  que vous avez récupérer le fichier theme.php éditer le avec voter éditeur de code puis remplacer le code présent par celui ci-dessous  puis sauvegarder.

<?php

global $post;

// donnée afficher

$texts['footer'] = '<p>Pour vous désabonner<a href="{unsubscription_url}"> cliquer ici</a>.</p>';

$texts['header'] = '<p>Bonjour {name},</p><p>voici les dernières News:</p>';

//fin

//debut de la boucle

query_posts('showposts=' . nt_option('posts', 10) . '&post_status=publish');

?>

<!-- <div> début encadrement de la newsletter avec css-->

<div style=" width:780px; margin-left:40px; border: solid 1 #2e2e2e; padding:10px;">

<!-- <div> affichage du nom du blog avec css-->

<div style="font-family: sans-serif; font-size: 24px; color: #999"><?php echo get_option('blogname'); ?></div>

<!-- fin affichage du nom du blog -->

<!-- <div> affichage d'une image ou logo -->

<div><img src="https://www.votre-blog.com/votre-image.jpg" /></div>

<!-- <div> affichage d'une image fin --> 

<?php echo $texts['header']; ?><!-- informations du header -->

<?php

while (have_posts())

{

    the_post();

?>

<!-- <div> affichage des articles <div> avec css --> 

<div><a style="font-size: 16px; text-decoration: none; color: #369" href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></div>

<div><?php echo the_excerpt(); ?></div>

<!-- <div> fin affichage des articles --> 

<div style="height: 30px; clear: both"></div><!-- <div> espace entre les articles et le footer -->

<?php

}

?>

<!-- <div> footer -->

<?php echo $texts['footer']; ?>

<!-- <div> footer fin-->

</div><!-- <div> Fin encadrement de la newsletter-->

<?php wp_reset_query(); ?>

<!-- fin de la boucle-->

Explication  du code :

La ligne $texts[‘footer’] =  va regrouper les informations que vous voulez ajouter en bas de votre newsletter ici j’ai tous simplement inclus la possibilité de se désabonné, vous pouvez bien sur ajouté d’autre informations  en ajoutant les balise html <p></p>.

texts['footer'] = '<p>Pour vous désabonner<a href="{unsubscription_url}"> cliquer ici</a>.</p>';

Cette fonction {unsubscription_url} fait appel au lien pour se désabonné.

Ensuite la ligne $texts[‘header’] = même principe que ci-dessus ici ont ajoutera les information pour l’entête de la newsletter, vous pouvez aussi modifier le texte ou en ajouter .

$texts['header'] = '<p>Bonjour {name},</p>

Cette fonction {name}  affichera le nom de votre abonné.

Pour le texte n’oublier d’encodé vos accents.

Ensuite la première Balise div va être l’encadrement de la newsletter ou ont va inclure directement le code css  largeur, bordure, marge ….

<div style=" width:780px; margin-left:40px; border: solid 1 #2e2e2e; padding:10px;">

La deuxième balise div  ici va contenir le nom du site toujours avec le code css pour personnaliser l’affichage.

<div style="font-family: sans-serif; font-size: 24px; color: #999">

<?php echo get_option('blogname'); ?></div>

Dans la troisième balise div je vais inclure une image tous simplement avec la balise <img src= »http://www.votre-blog.com/votre-image.jpg » />. Pour les images vous pouvez les envoyer avec la bibliothèque multimédia de WordPress et récupérer le lien pour l’insérer dans la balise <img>

<div><img src="https://www.votre-blog.com/votre-image.jpg" /></div>

La dernière parti du code va afficher vos articles le principe est le même que ci-dessus vous inclurez le code css dans la balise <div> pour la mise en forme des articles.

<div><a style="font-size: 16px; text-decoration: none; color: #369" href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></div>

<div><?php echo the_excerpt(); ?></div>

Le code ci-dessus est un modèle de base que j’ai simplifier pour que le code soit accessible pour tous le monde, vous pouvez le modifier facilement en utilisant le code html et css et aussi y inclure vos liens  publicitaires .

J’espère que ce tuto va vous aider à mettre en place votre propre thème et que vos lecteurs seront ravis de recevoir  vos news.  

Optimiser son referencement naturel avec WordPress SEO

 

WordPress SEO est plugin complet pour optimiser son referencement . Il intègre un extrait de prévisualisation qui vous aide à optimiser vos titres de page, meta descriptions et mots-clés et sitemaps XML.


Après avoir tester plusieurs plugin de référencement comme All in One SEO Pack qui est un très bon plugin pour référencer votre blog ou site web sous WordPress , je vais vous présenter le plugin SEO WordPress par Yosat qui est tout aussi complet mais plus simple d’utilisation, idéal pour les débutants dans le domaine du référencement. Il vous permettra de comprendre le référencement et d’optimiser votre blog ou site web dans les moteurs de recherche.

 

Principal fonctionnalités Du Plugin :

 

– Titre et description, mots clé

– Configuration des robots Meta

– Url canonique:

(URL canonique quand elle est l’adresse « officielle » d’une page web, celle qu’il est préférable d’utiliser pour accéder au contenu correspondant.)

– XML Sitemaps :

(XML sitemaps « = plans de site » permettent d’accéder rapidement au contenu d’un site web en listant l’ensemble des ressources (images, pages) web. Les moteurs de recherche s’en servent ainsi pour indexer l’ensemble des documents proposés sur le site web.)

– Améliorations du flux RSS

– Vous pouvez Modifier votre fichier robots.txt et. Htaccess

Installation du plugin

 

Pour installer le plugin WordPress SEO vous pouvez vous rendre dans le menu extension de wordpress, puis ajouter : wordpress SEO , Installer et activer .
Ou le télécharger sur le site de l’éditeur WordPress SEO par Yosat le placer dans le dossier plugin et Aller dans le menu extensions et l’activer.
Vous retrouverez les réglages sous l’éditeur de vos articles ou pages.

 

La principale fonction que je trouve particulièrement intéressante c’est la prévisualisation du titre et de la description de votre page ou article, que vous pouvez modifier librement en fonction des mots clé.

 

Petite remarque comme vous avez pu constater j’ai volontairement écrit  le mot « referencement » sans accent dans le titre de mon article  et au début de son contenu  afin d’optimiser ma page dans les moteur de recherche.( car dans une url les accents ne sont pas pris en compte).
Dans se cas je retrouve « optimiser son referencement »
Dans le titre SEO, la description, dans le contenu de l’article et dans l’url de ma page avec l’orthographe exacte.

 

Vous trouverez aussi une option sur le coté droit que trouve pratique find related keywords cela vous permet de généré des idées de mots clé.

 

Onglet Avancé du plugin

 

L’onglet  Advanced du plugin vous offre des options supplémentaires au niveau technique ont peu ainsi indiqué des valeurs aux robots des moteurs de recherche qui inspecte votre blog ou site web comment référencer vos pages. Cette valeur possède plusieurs attributs :

 

– index : Votre page est indexée
– noindex : Votre page n’est pas indexée mais il suivra les liens de cette page
– follow : Le robot récupère les liens de votre page pour les référencer plus tard
– nofollow : Le robot ne récupère pas les liens de votre page

L’option Meta Robots Advanced

 

-La balise : noodp spécifie aux robots d’indexation de ne pas utiliser la description fournie par l’ODP. l’Open Directory Project (DMOZ en France ). Si le moteur ne trouve pas de balise meta description sur la page, ou que l’accès à la page est bloqué par le fichier robots.txt ET si le site apparait dans l’annuaire ODP, il est possible que le moteur utilise la description du site publiée dans l’annuaire comme fragment (snippet).

-La balise : noydir spécifie aux robots d’indexation de ne pas utiliser la description fournie par l’annuaire de Yahoo

-La balise : noarchive spécifie aux robots d’indexation  de ne pas archiver cette page. Empêche que la page soit visible en cliquant sur le lien « En cache » disponible sous les fragments de résultats. Balise indispensable aux référenceurs qui utilisent le cloacking. Attention : le noarchive n’est peut-être pas respecté par Google (SEO Blackout)

-La balise : nosnippet : spécifie au robot d’indexation  pour Google uniquement. Votre page n’aura pas de fragment dans les résultats du moteur. La valeur noarchive serait aussi appliquée à cette page.

-Par défaut vous pouvez laisser sur None .

 

Sitemap Priority

 

Cette option vous permet de définir la priorité de votre url dans votre sitemap.xml ( plan de votre site ) je vous conseil de laisser cette option Automatic Prioritization.

 

Canonical URL

 

L’URL canonique d’un site est son adresse  » officielle « . Elle doit être définie lors de la création du site, évitant ainsi tout problème de  » duplication de contenu  » en redirigeant les autres URLs vers celle-ci.
Il vous suffi tous simplement de rentrer l’url de votre page ou se trouve l’article par exemple.

 

301 Redirect

 

La redirection 301 devient nécessaire si une page Web change définitivement d’adresse. A l’aide de la redirection 301 , les navigateurs chargent automatiquement la nouvelle page et les moteurs de recherche remplacent l’ancien URLpar le nouveau dans leur base de données.
Cette option peu vous servirent si vous changer l’adresse de votre blog ou site web dans le cas contraire vous pouvez laissez cette option vide.

 

Google News Genre

 

Cette option est facultative elle vous permet tous simplement d’indiquer a Google News ou indexer vos pages ou articles utile si vous avez un blog magazine actualité, sports….

Open chat