Category

Plugin Wordpress

marqueurs conditionnels de Wordpress

Les marqueurs conditionnels de WordPress

By | Aide et astuces, Plugin Wordpress, Thèmes Wordpress, Wordpress 4.2 | One Comment

Les marqueurs conditionnels de WordPress permettent d’agir différemment sur le rendu d’un thème en fonction d’une situation spécifique.

Qu’entent-on par une situation spécifique ?

Par exemple, si l’on utilise la sidebar pour faire de la taxonomie, autrement dit afficher du contenu différent dans la sidebar en fonction de la page où l’internaute se trouve, il va falloir créer un modèle de page spécifique dans lequel figurera un marqueur conditionnel.

Liste des marqueurs conditionnels de WordPress

Il n’est pas question ici de lister tous les marqueurs conditionnels car ils sont bien trop nombreux, non l’objectif est de présenter une liste des marqueurs conditionnels les plus utilisés. Une liste complète est disponible sur le codex officiel de WordPress.

Fonction Condition Arguments (optionnels)
is_single() un article (seul) id, slug ou titre d’un ou plusieurs articles
is_singular() un article ayant un Custom Post Type en particulier Slug d’un ou plusieurs Custom Post Type
is_sticky() un article déclaré comme Mis en avant id d’un article
is_attachment() une image, une vidéo, un son
is_page() une page id, slug ou titre d’une ou plusieurs pages
is_page_template() un template de page en particulier nom du fichier (ex: page-fullwidth.php)
is_preview() lorsque l’on prévisualise une page ou un article
is_post_type_archive() une archive d’un Custom Post Type
is_category() une archive d’une catégorie id, slug ou titre d’une ou plusieurs catégories
is_tag() une archive d’un tag id, slug, ou titre d’un ou plusieurs tags
is_tax() une archive d’une taxonomie id, slug ou titre d’une ou plusieurs taxonomie
is_author() une archive d’un auteur id, slug ou pseudo d’un ou plusieurs auteurs
is_search() un résultat de recherche
is_404 une page d’erreur 404
is_home() la page principal
is_front_page() la page d’accueil
is_admin une page du tableau de bord de WordPress

 

Dans la colonne Argument, le terme id correspond à l’identifiant (ex: ?p=202). Quant au Slug cela correspond à un identifiant unique figurant dans l’URL à la suite du nom de domaine.

ex: www.formation-wp.com/contact //ici, l’identifiant de la page est contact

Utilisation des marqueurs conditionnels de WordPress

Les marqueurs conditionnels de WordPress s’utilisent avec la fonction if

Exemple avec is_page():

if (is_page('contact')) {
    echo "C'est bien la page contact !";
}

Dans l’exemple ci-dessous, est retournée la chaine de caractère suivante C’est bien la page contact ! si l’on est bien dans la page contact.

exemple avec plusieurs conditions

Quant un marqueur conditionnel accepte de recevoir plusieurs arguments, il faut insérer ces arguments dans un array.

if (is_author(array('Jean', 'Jacques', 'Martin'))) {
    //do something
}

Faire une migration Drupal vers WordPress

By | Aide et astuces, Plugin Wordpress, Wordpress 4.2 | No Comments

Cet article s’adresse aux utilisateurs Drupal qui souhaiteraient faire une migration Drupal vers WordPress en toute simplicité.

Le but de ici n’est pas de d’énigrer Drupal ni même d’inciter qui que ce soit à rejoindre la communauté WordPress. Non, l’objectif est bien de présenter une solution simple pour tous ceux qui veulent/doivent faire une migration Drupal vers WordPress.

L’opération s’effectuera à l’aide d’un plugin WordPress nommé Drupal2Wordpress.

Prérequis

Côté WordPress:

  • Une version récente de WordPress installée.
  • Les accès FTP à votre blog WordPress, soit l’adresse FTP, l’identifiant et le mot de passe.
  • (Optionnel) le logiciel Git installé sur votre PC/Mac.

Côté Drupal:

  • Drupal 7.0 au minimum d’installé.
  • L’adresse IP du serveur MySQL.
  • Le nom de la base de données.
  • L’identifiant de la base de données.
  • Le mot de passe de la base de données.

Installation de Drupal2Wordpress

Drupal2Wordpress est un plugin développé par Jeremy Simkins , qui permet d’importer les pages, les articles, les commentaires, les utilisateurs, les catégories, les mots clé et même les médias.

Ce plugin n’a pas été publié sur le site officiel de WordPress, mais sur le dépo Git du développeur.

Télécharger le plugin au format ZIP ou bien clonez le dépo avec le logiciel Git. Dans le dossier racine (Drupal2WordPress-Plugin) se trouve un sous-dossier nommé drupal2wp. Copiez-le dans le dossier /wp-content/plugin de votre blog WordPress.

Il faut à présent activer le plugin. Pour cela, allez dans le tableau de bord de WordPress (http://votre-site.net/wp-admin), puis dans le menu Extensions. Le plugin doit apparaitre sur deux lignes comme ci-dessous:

migration Drupal vers WordPress 2

Si Drupal2Wordpress n’apparaît pas, c’est que les restrictions en lecture, écriture et exécutions sont trop restrictives, dans ce cas appliquer un chomd 775 au dossier drupal2wp.

Activez au minimum Drupal 2 WordPress et éventuellement Drupal 2 WordPress Page Tags Support pour importer également les tags (mots-clé) des pages Drupal.

Importation Drupal vers WordPress

Toujours depuis le tableau de bord de WordPress, allez dans Outils > Importer puis cliquez sur Drupal 2 WordPress.

Saisissez les informations demandées puis cliquez sur Proceed to Next Step.

Créer-un-plugin-Wordpress

Créer un plugin WordPress

By | Aide et astuces, Plugin Wordpress | No Comments

Le guide du développeur pour créer un plugin WordPress.

 Avant-propos

Pour créer un plugin WordPress, il est nécessaire de connaitre au minimum les bases des langages PHP et HTML. Il est bien entendu possible d’y ajouter d’autres langages tels que le CSS, JavaScript et XML pour ne citer que les plus couramment utilisés.

A ce jour, WordPress compte plus de 36 000 plugins.

 

Pour illustrer ce tutoriel, les exemples porteront sur un plugin nommé, formation-wp. Il ne possèdera pas de fonctionnalité particulière. Il peut être considéré comme un gabarit regroupant les indispensables pour créer un plugin WordPress.

L’arborescence des plugins

La première étape consiste à trouver un nom unique à votre plugin. Choisissez-le bien, car il figurera à différents endroits: dans le code est dans l’arborescence. De plus, si le plugin est voué à être publié sur le site officiel de WordPress, la publication de ce dernier pourrait être refusé si le nom est déjà pris.

Enfin, les plugins sont à placer dans le dossier /wp-content/plugins.

Le minimum vital

Créez un fichier PHP ayant pour nom celui du plugin (ici, formation-wp.php), ajoutez-y l’entête suivant:

<?php
/**
 * Plugin Name: Formation-WP.
 */

A ce stade, le plugin est considéré comme valide par WordPress. Il est désormais possible de taper du code à la suite de cet en-tête.

Pour aller plus loin

Bien que valide, notre plugin n’est pas suffisamment fourni pour être publié sur le site officiel de WordPress. L’en-tête du fichier formation-wp.php n’est pas complet et un fichier readme.txt manque à l’appel.

Dans la mesure où notre plugin contient plus d’un fichier, il faut également créer un dossier racine qui reprend le nom du plugin.

/wp-content
/plugins
/formation-wp
formation-wp.php
readme.txt

Reprenons l’entête du fichier formation-wp.php comme dans l’exemple ci-dessous:

<?php
/**
 * Plugin Name: Formation-WP.
 * Plugin URI: URL du site officiel du plugin.
 * Description: Description courte qui figurera dans le tableau de bord de wordpress
 * Version: 1.0.0
 * Author: Jeremy SPAETH
 * Author URI: URL du site de l'auteur.
 * Text Domain: Optionnel. Plugin's text domain for localization. Example: mytextdomain
 * Domain Path: Optionnel. Chemin relatif vers les fichiers de traduction .mo - Example: /languages/
 * Network: Optionnel. Valeurs: true/false. Si true, le plugin peut être activé/désactiver indépendamment sur chaque sites d'une structure Mulitsite.
 * License: Tout les plugins WordPress doivent être sous licence GPL2
*/

Pour ceux qui ont déjà eu l’opportunité de rédiger un fichier readme.txt savent que c’est une tache longue est ingrate. Heureusement le site GenerateWP se propose de le créer à votre place.

L’internalisation du plugin

Dans l’en-tête du fichier formation-wp.php il est mentionné l’informaiton Domain Path qui pour rappel indique le chemin relatif vers les fichiers de traduction. La ligne de code ci-dessous permet le chargement des fichiers .mo contenu dans le sous-dossier languages.


load_plugin_textdomain('your-unique-name', false, basename( dirname( __FILE__ ) ) . '/languages' );

Ressources externes

codex.wordpress.org

Template_Tags

Plugin_API

Personnaliser l'accès au tableau de bord Wordpress

Personnaliser l’accès au tableau de bord WordPress

By | Aide et astuces, côté serveur, Plugin Wordpress, Wordpress 3.6, Wordpress 3.7, Wordpress 3.8, wordpress 3.9, wordpress 4.0, Wordpress 4.1 | One Comment

Pour personnaliser l’accès au tableau de bord WordPress il existe deux méthodes:  le plug’in HC Custom WP-Admin URL et la redirection 301.

 

Je n’apprendrais rien à personne en disant que l’accès au tableau de bord de WordPress se fait en ajoutant /wp-admin à la suite de l’adresse de votre de blog. Tout le monde le sait, même les hackers ! D’où l’intérêt de personnaliser cette dernière. Car si le hacker ne sait pas comment parvenir jusqu’à la page du login, alors sa tentative de piratage de votre blog se compliquera très sérieusement.

L’idée est de trouver un bon compromis entre simplicités pour vos collaborateurs ou clients et complication pour les hackers. Donc choisissez bien le mot de substitution à /wp-admin.

Pour personnaliser sa page de connexion WordPress deux solutions possibles : à l’aide du plug’in HC Custom WP-Admin URL ou bien en éditant le fichier .htaccess situer à la racine du serveur.

Dans tous les cas l’idée est de faire une redirection 301. C’est pourquoi votre serveur Apache doit impérativement avoir le module mod_rewrite d’activer.

 

Le plugin HC Custom WP-Admin URL

C’est sans conteste la méthode la plus simple. Dans Extensions -> Ajouter recherchez HC Custom WP-Admin URL installez-le puis activez-le.

Personnaliser l’accès au tableau de bord WordPress, rendez-vous dans le menu Réglage -> Permaliens.

En bas de la page localisez le champ wp-admin slug, puis ajouter complétez-le avec le mot de votre choix.

Une fois remplacé fait un test avec le nouveau mot puis avec le bon vieux /wp-admin. Il y a de forte chance que cela fonctionne encore avec /wp-admin et /wp-login, car il ne faut pas oublier que WordPress génère un cookies lorsque l’on ouvre une session. Par conséquent, supprimez vos cookies et refait un test.

Pour ceux qui viennent d’activer le module mod_rewrite, modifier les permaliens est un excellant moyen de savoir si cela a été fait correctement.

Le fichier .htaccess

Localisez ou créez un fichier .htaccess à la racine de votre site WordPress puis ajouter la ligne de code suivante :


RewriteRule ^pseudo-text$ http://VOTRE_BLOG.com/wp-admin [NC,L]
RewriteRule ^pseudo-text$ http://VOTRE_BLOG.com/wp-login.php [NC,L]

Pour rappel, le fichier .htaccess permet de passer des instructions à Apaches lorsque l’on n’a pas accès au fichier de configuration d’Apache.

pseudo-texte$ est le mot qui remplacera /wp-admin.

http://VOTRE_BLOG.com/wp-admin  et http://VOTRE_BLOG.com/wp-login.php sont les liens par défauts.

Ultimate Coming Soon Page

Ultimate Coming Soon Page – Faire un page de maintenance d’attente pour un site wordpress

By | Aide et astuces, Le graphisme et wordpress, Plugin Wordpress, Thèmes Wordpress | No Comments

Votre site est en travaux ? Faites patienter vos internautes avec Ultimate Coming Soon Page.

Qu’ils soient en développement, en maintenance en refonte totale ou en attente d’événement particulier, nos sites Web sont un peu comme des vitrines de magasins. Toujours en évolution. Ce qui impose de rendre temporairement nos sites WordPress inaccessible au public.

Ultimate Coming Soon Page est un plugin de type freemium (entendez par cela, gratuit pour les fonctions principales, donc largement utilisables) permettant de substituer l’intégralité des pages de votre site Web par une page unique qu’il est possible de personnaliser à l’extrême.

Pour ceux qui ne se sentent pas l’âme d’un intégrateur Web, la version payante offre des modèles de pages avec décompteur intégré de qualité.

 Installer Ultimate Coming Soon Page : Un choix efficace et personnalisable

L’installation est très classique. Rendez-vous dans le tableau de bord de WordPress, -> Extensions -> Ajouter : taper Ultimate Coming Soon Page. Puis activer le plugin. A ce stade, la page indiquant aux internautes que le site est en travaux n’apparaît pas encore.

Configurer Ultimate Coming Soon Page : Voici les quelques astuces de réglages rapides.

Pour activer et configurer Ultimate Coming Soon Page, allez dans Réglages -> Coming Soon.
La page est divisé en deux panels : les réglages (Settings) et l’apparence (Style).

1. Les réglages:

Le premier réglage de ce panel (Enable : Yes) permet d’activer la page Coming Soon. Par cette page en entièrement blanche. Cliquez sur preview pour en avoir un aperçu.
A présent votre site n’est plus visible par les internautes. Seuls les utilisateurs connectés peuvent le voir.
Le texte est l’image seront à renseigner dans les champs suivants: Image, Heading, Description.
Avec Custom HTML il est possible d’utiliser n’importe quelles balises HTML, y compris la balise <script>. Ce qui est très pratique pour insérer du code JavaScript.

2. Style:

Inutile de présenter ce panel, le titre parle de lui-même. Tout ce qui aura été saisi dans Les réglages pourra être mis en forme ici : couleur ou image de fond, effet de bruit sur l’image de fond, personnalisation de la couleur du texte, choix de la police d’écriture via Google WebFont, copyright et même un champ Custom CSS.
Ce plugin est vraiment à la hauteur des plus exigeants en matière de Web design.

wp-editor-wordpress

Editeur de code pour WordPress : Modifier ses thèmes et ses plugins comme sur Dreamweaver ou Notepad +

By | Aide et astuces, Plugin Wordpress, Référencement Wordpress, Thèmes Wordpress | No Comments

Le meilleur éditeur de code à l’intérieur de WordPress : Le choix de Wp-Editor.

editeur code couleur wordpressNotre solution après en avoir essayé de très nombreuses extensions dédiées à la personnalisation de l’environnement du code, c’est le plug-in WP editor.

Il remplace ce qui est installé par défaut dans l’éditeur de thème de la page PHP ou de votre feuille de style CSS. Cette fonction en place nativement dans WordPress depuis 2 ans, ne permet néanmoins pas une vue habituelle, telle que le permettent des logiciels comme Dreamweaver ou Notepad +.
Avec les intégrations de couleurs, l’environnement vous permet tout de suite de faire des modifications puisque les balises HTML, les balises PHP, et tout type de code apparaissent directement pour permettre de faire des modifications comme si vous étiez sur un éditeur de type Dreamweaver.

Au delà des couleurs dans le code, vous pourrez également apprécier la numérotation des lignes dans l’éditeur de texte.

La numérotation de lignes est bien pratique, puisque désormais, beaucoup font les modifications directement à partir de l’inspecteur d’élément proposé par Firefox ou par Chrome. Cette éditeur de texte intégrant la numérotation de lignes, il est alors plus facile de faire un copier coller de l’inspecteur à l’éditeur, puis de faire le modification ajustée pour la validation définitive.

Rapide et efficace il s’agit de la meilleure solution d’aujourd’hui sur WordPress pour administrer son code.
Au-delà l’avantage est également de pouvoir aller dans les fichiers CSS même si ces derniers sont localisés dans des dossiers. Après avoir changé les droits d’écriture et de permissions sur vos fichiers à partir de votre logiciel ftp, il vous sera alors possible de modifier l’intégralité du code présent sur votre site.
Cette extension fait partie des 10 meilleurs plugins à utiliser systématiquement dans un site WordPress.

Quelque soit le thème ou le plugin sur lequel vous travaillez, Wp-Editor s’associe à votre feuille et vous permettra ainsi la modification pour une personnalisation plus rapide et plus efficace. Vous allez donc grâce à cela progressivement quitter vos éditeurs de texte, et ainsi travailler de plus en plus directement en ligne pour laisser au local que les débuts de votre site.

Au delà, n’oublions pas que le référencement sur WordPress passe par une optimisation du code, c’est donc l’un des outils nécessaire pour tous ceux qui souhaitent avancer sur le sujet;)

erreur 500 internal server error

Erreur 500 Internal Server Error chez OVH après l’installation de wordpress

By | côté serveur, Plugin Wordpress | No Comments

Erreur 500 internal server error n’a rien de grave, mais il peut être désagréable d’être bloqué pour cela !

Lors de l’upload de votre site WordPress, vous devrez obligatoirement ouvrir les droits en écriture pour permettre la mise en place du fichier wp-config.php.

Si certains le font manuellement, un simple transfert FTP suffira. Sinon, l’ouverture des droits se fera en réglant vos droits d’écriture en 777.

Mais attention de ne pas laisser ces mêmes droits sur tous les dossiers en 77, surtout si vous êtes sur un hébergement mutualisé de type OVH, amen ou 1&1.

Si c’est le cas, vous aurez alors le fameux Erreur 500 internal server error. Si cela arrive, en réécrivant les droits à l’intérieur de votre fichier www en 705, tout devrait revenir dans l’ordre. Par la suite, pour faire évoluer votre site et le modifier à souhait, les droits d’écriture devront être en place que pour le fichier concerné.

Le fichier thème peut donc ensuite être mis en 777, vous permettant de faire les modifications CSS et PHP directement grâce à l’éditeur de code intégrer à l’admin de wordpress.

Bref, ne vous affolez donc pas sur cette erreur, que vous aurez très certainement sur ce type d’hébergement.

simple 301 redirect

Simple 301 redirect pour gérer les redirections 301

By | Aide et astuces, côté serveur, Plugin Wordpress, Référencement Wordpress | No Comments

Faire une redirection 301 sur WordPress à l’aide de extension Simple 301 redirect.

Si nous utilisons WordPress pour un blog ou un site vitrine, c’est essentiellement pour ses qualités de référencement naturel sur Google. Or Google souhaite simplifier les URL (changements depuis Penguin et Panda) cela nous impose pour les sites les plus anciens d’ajuster certaines pages web afin de maximiser leur fabrication sans pour autant perdre la puissance de la page.

Si la page ne change pas en revanche l’URL, elle va être modifiée.
Alors, pour ne pas perdre la puissance du Netlinking, nous opérons une redirection 301 de l’ancienne page vers la nouvelle page.
Cette redirection, sur la nouvelle URL, peut être faite de différentes manières sur WordPress.

  • Soit à l’aide d’un fichier Htaccess, qui va répertorier les modifications et dans lequel on peut mettre une succession de lignes correspondantes à toutes les URL qui vont être changées et sur lesquelles on souhaite poser une redirection 301.
  • Soit par l’intégration d’un plugin pour gérer la redirection 301, qui fera donc tout le boulot à notre place.

Une extension wordpress de redirection 301 simple, et rapide de configuration pour garder le positionnement de vos pages référencées sur Google.

La première méthode est pratique lorsqu’il s’agit d’automatiser un site largement référencé contenant plusieurs centaines de pages. Mais s’il s’agit d’une simple modification pour une optimisation de votre référencement naturel sur certaines pages, une extension très simple va vous aider à faire cela sur WordPress. L’extension s’appelle simple 301 redirect.

Elle porte plutôt bien son nom puisqu’elle s’active et se paramètre en quelques clics

Du côté gauche vous rentrez les anciennes URL, du côté droit la nouvelle URL, puis vous valider. Par la suite en faisant le test dans votre navigateur, vous pourrez observer qu’en tapant l’ancienne adresse de votre page Web vous tombez directement sur la nouvelle. Il est donc une redirection efficace que l’on observe, mais il y a également une redirection de la puissance Web de la page, ce qui est nécessaire et indispensable si on veut conserver la puissance de référencement de positionnement de l’ancienne page.

Simple 301 redirect est a priori à la référence pour des ajustements de quelques pages ou articles. Mais si jamais cette redirection n’est que provisoire, pensez aux redirections 302 qui sont là pour les sites en travaux.
Pour le reste n’oubliez pas qu’une redirection 301 communique et transmet toute la puissance de l’ancien de la nouvelle page. Attention donc aux pages pénalisées page Penguin : si vous êtes victime d’un déclassement d’une page, il n’est pas forcément malin d’utiliser une redirection 301…

Sauvegarde automatique du contenu sous wordpress

Sauvegarde automatique du contenu sous wordpress en cas de perte de connexion

By | Plugin Wordpress, sauvegarde wordpress | No Comments

La Sauvegarde automatique du contenu sous wordpress en cas de perte de connexion, c’est désormais possible, nous pouvons travailler sur WordPress avec une connexion « défaillante ».

Depuis la version 3.6, la gestion des caches pour les questions d’admin s’est nettement améliorée. Par l’intermédiaire du navigateur, il est possible de faire une sauvegarde automatique du contenu sous WordPress dans le cache du navigateur au cas où la connexion serait perdue. Cela se fait sur tous les navigateurs, de Chrome à IE en passant par Firefox.

Pour la création et le travail sur un site web, le choix d’un site en local puis d’une migration sur le serveur est clairement la solution. En revanche, pour la rédaction d’articles de blog ou de pages d’un site, pas de problème, l’enregistrement de votre article dans le cache fera l’interface avec votre serveur pour éviter les bugs au moment de la publication qui ne vous repère plus.

Voilà donc une solution pour les plus frileux qui travaillent en 3G+/4G pour avancer sur des contenus.

Pour la mise en place de ce mode, rien à faire, vous pourrez le voir au moment de la perte de votre connexion internet. Un bandeau saumon apparaîtra pour vous signifier que l’enregistrement automatique est désactivé au profit d’un sauvegarde par le navigateur. C’est donc que votre site fait le boulot et que vous pouvez continuer à écrire tranquillement.

Ultimate Branding

Ultimate Branding : personnaliser votre site pour allez encore plus loin

By | Plugin Wordpress, wordpress 3.9 | No Comments

Ultimate Branding est une plugin développé par le célèbre wpmudev, à l’origine de nombreuses extensions et de nombreux thèmes.

L’extention Ultimate Branding, permet de personnaliser votre admin wordpress back-end très facilement. Nous avions déjà parlé dans ce blog de l’extension de personnalisation White Label, permettant de mettre l’admin à vos couleurs.

Ultimate Branding va plus loin, et de façon plus simple. Chaque élément du back-end peut être ou non activé, afin d’en profiter ou de le laisser selon les standards de WordPress.

Vous pourrez donc travailler les images types comme le contenu du texte standard,, simplement changer le header, travailler le footer ou encore totalement personnaliser le site pour imposer votre marque et celle de votre client.

C’est une application qui coûte 19$. Pourquoi ne pas profiter d’une application gratuite me direz vous? Et bien le temps. Une fois acheté, l’application évolue et avance vers de nouvelles fonctions et de nouvelles applications.

C’est de plus l’une des extensions que nous ajoutons automatiquement dans l’installation d’un wordpress pour un client, donc au final, le 19$ est très rapidement amorti!

Pour les purs, je sais que tout peut être fait dans le code et que WordPress laisse les fichiers bien ouverts, mais le gain de temps est parfois un bon moyen de travailler sur d’autres choses, plus stratégique pour le site du client que vous développer.

Voilà une vidéo Youtube qui présente rapidement l’extension.