Pense-bête, Astuces, Aide, Résolution de problèmes pour Webmasters et développeurs WEB.
Entrées par t@ra
Empêcher l’affichage des pages de brouillons dans les menus WordPress
Voici un bout de code à insérer dans le fichier functions.php de votre thème enfant ou dans un plugin, qui vous permet d’enlever automatiquement de votre menu WordPress, toutes les pages encore en brouillon.Cela permet de faire un menu définitif même si certaines pages sont encore en brouillon, elles s’afficheront automatiquement dans le menu lorsqu’elles […]
Enfold : Shortcode pour afficher les liens vers les réseaux sociaux
Je n’ai pas trouvé de solution dans Enfold pour afficher les liens vers les réseaux sociaux ailleurs que dans les emplacements pre-définis par Enfold. Voici un shortcode à utiliser dans un widget (via widget html), dans le contenu d’une page ou autre, via [nabgen_social] :
Enfold : Modifier les icônes des réseaux sociaux
Il est possible de changer icônes par défaut des réseaux sociaux de Enfold. 1 – Télécharger depuis fontello les icônes qui vous intéressent 2 – Charger les depuis l’interface de paramétrage du thème Enfold > Onglet Import / Export 3 – Dans votre thème enfant, insérez l’équivalent du code suivant Ce code vous permettra de […]
Thème WordPress Enfold : Mise en page Masonry sur les pages de categories
Pour choisir un layout Masonry sur vos pages de categories du thème WordPress Enfold, récupérez votre fichier archives.php dans votre thème enfant pour pouvoir le modifier. Changez les lignes : Remplacez les par : Vous pouvez aussi modifier les paramètres de l’affichage Masonry, soit $atts déclaré juste au dessus dans le code, j’ai par exemple […]
Mettre un curseur image en CSS
cursor est la propriété CSS servant 1a modifier l’apparence du curseur : Les valeurs par défaut étant : pointer, auto, help, wait, crosshair, not-allowed, zoom-in, grab
Ordonner les produits WooCommerce différemment selon la catégorie avec ACF
Si vous utilisez WooCommerce pour votre e-boutique et que vous souhaitez trier vos produits WooCommerce de façons spécifique selon la catégorie affichée, cela n’est pas possible. Heureusement cet article nous fournit une solution facile à mettre en oeuvre en utilisation le plugin ACF Advanced Custom Fields Pour les utilisateurs du thème WordPress Enfold j’ajouterai en […]
Faire clignoter un élément en pur CSS
Voici une technique pure CSS pour faire clignoter un élément en utilisant les @keyframes qui permettent de définir un parcours d’animation des propriétés CSS. Dans cet exemple j’ai joué sur l’opacité de l’image mais on peut aussi appliquer un clignotement sur la couleur d’un texte ou sur le background d’un <div> Voir cet article : […]
Debugger WordPress avec WP_DEBUG
Pour debugger WordPress, il existe la constante WP_DEBUG que l’on trouve dans le fichier wp_config.php situé à la racine du site. Pour activer le mode debug il convient de passer cette constant WP_DEBUG à true, ce qui aura pour conséquence d’afficher sur les pages de votre site les erreurs ou avertissements. Pas très joli lorsque […]
Propriéte :first-letter Agir sur la première lettre d’un élément en CSS
La pseudo élément :first-letter permet d’agir en CSS uniquement sur la première lettre de l’élément visé de la façon suivante : Cas où le pseudo élément :first-letter ne fonctionne pas :first-letter ne va pas fonctionner si : Le premier élément du bloc sélectionné (dans notre exemple ci dessus un h3) n’est pas une lettre (s’il […]
Créer un template de thème WordPress dans un plugin
Vous avez crée un plugin et souhaitez créer un modèle de page pour vos articles/post ou post type. Utilisez le hook single_template et créer un fichier de modèle dans votre plugin (ici mis à la racine du répertoire du plugin et nommé single-post.php add_filter(‘single_template’, ‘mon_custom_template’); function mon_custom_template ($single) { global $post; /* Se limiter à […]
Modifier tous les emails utilisateurs de ma base de données WordPress
Lorsque j’installe un site client en local, il est plus prudent de supprimer tous les emails utilisateurs originaux de la base de données (évite le risque d’un envoi d’email malencontreux) Pour ce faire, je me connecte à la base de données via PHPMyAdmin et je lance la requête suivante : UPDATE `wp_users` SET user_email=’bidon@bidon.com’ Si […]
Perte des droit d’accès à l’administration WordPress
Symptôme : Après connexion à l’administration WordPress, on perd tout ou partie des accès au dashboard. Par exemple, on est bien connecté en tant qu’utilisateur WordPress, mais la barre noire d’administration ne nous donne aucun accès. Ceci peut être dû à un bug dans la définition des rôles WordPress et de leurs permissions.(d’origine diverse) Ces […]
Supprimer les catégories mères des permaliens WordPress
Si vous avez choisi d’afficher les catégories dans les permaliens WordPress de vos articles (paramétre à régler dans Réglage > Permalien de l’administration WordPress, voir plus bas), les catégories parentes apparaitront aussi dans les URLs de vos articles, ce qui peut vous donner des URLs à rallonge. Comme : http://exemple.com/categoriemere/categoriefille/categoriepetitefill/mon-article Pour supprimer la hierarchie de […]
Tester si une chaine est constituée de caractères alphanumériques (tester validité d’un mot de passe)
Voici une expression régulière qui teste si la variable $machaine est bien constituée 3 à 8 caractères alphanumeriques uniquement : Résultat : pas glop! (caractère autre que alphanumériques et chaîne trop longue) Un lien intéressant sur ma bête noire, les expressions régulières :
vérifier la validité d’une URL en PHP – Expression régulière
Pour vérifier qu’une adresse internet est d’un format valide, voici deux solutions. Vérifier la validité de l’URL avec les expressions régulières : On vérifie avec les expressions régulières que la chaîne $monUrl commence par ‘http://’ ou ‘https://’ et l’on vérifie qu’elle se termine par un point suivi de 2 à 6 lettres. Vérifier la validité de […]
Erreur WordPress « Une autre mise à jour est actuellement en cours. »
Si votre mise à jour WordPress reste bloquée sur le message « Une autre mise à jour est actuellement en cours. » vous trouverez sur les forums plusieurs solutions, comme – Supprimer le fichier .maintenance à la racine du site – Supprimer les dossiers contenus dans le répertoire /wp-content/upgrade/ – Aller dans la base de données […]
Ajouter le code Google Analytics depuis un thème enfant WordPress ou un plugin
Vous avez crée un compte Google Analytics pour votre site WordPress et ne souhaitez pas utiliser de plugin pour le mettre en place ? La méthode la plus propre consiste à insérer le code suivant dans le fichier functions.php de votre thème enfant ou dans un plugin.En prenant soin de remplacer le code de suivi […]
Installer Bedrock avec Wamp Serveur
En suivant le guide d'installation de Bedrock, WordPress Boilerplate, j'ai buté sur l'étape 4 : Set your site vhost document root to /path/to/site/web/ Mon serveur local étant WAMP, voici comment procéder : ETAPE 1 – Ouvrir httpd.conf et s'assurer que la ligne suivante est bien décommentée: Include conf/extra/httpd-vhosts.conf ETAPE 2 – Ouvrir le fichier concerné de […]
Problème d’accès à l’admin WordPress MultiSite
J’ai eu à plusieurs reprises des problèmes pour me connecter à l’admin d’un multi site WordPress après une migration. Chaque fois la raison était la même : incohérence dans l’intitulé des URLs des sites du réseau et en particulier du site principal (parfois enregistré dans la base de données avec le prefixe www parfois sans) Tables […]
Vérifier la hierarchie de ses balises de titre h1, h2, h3 … pour le référencement
Le plugin Mozilla Web Developpeur offre un outil bien utile pour vérifier la hierarchie des titres d’une page WEB. Installez le Add-on Web Developper sur votre navigateur Firefox https://addons.mozilla.org/en-US/firefox/addon/web-developer/ Une fois installé, dans la barre d’outil du plugin, sélectionnez le menu « Information » > « View Document Outline » pour avoir l’illustration de la hierarchisation de votre page.
Récupérer dans un tableau, les page d’un site indexées par Google
Créer une feuille de calcul dans Google doc et appliquez la formule suivante, adaptée au site que vous souhaitez scanner : =importXml("https://www.google.com/search?q=site:http://memo-web.fr&num=100&start=1"; "//cite") Cela vous listera les URLs des 100 premières pages indexées. Vous pourrez ensuite récupérer les suivantes en changeant le paramètre start. Attention cette formule a l'air de fonctionner aléatoirement, essayez de remplaceer https […]
Récupére l’ID d’un post/page en dehors de la boucle WordPress
Pas très joli, mais voici comment j’ai pu retrouver l’ID de ma page en dehors de ma loop WordPress : function memo_get_post_id() { global $wpdb; $slug = explode("/", $_SERVER['REQUEST_URI']); $slug = $slug[count($slug)-2]; $sql = " SELECT ID FROM $wpdb->posts WHERE post_name = "$slug" "; return $wpdb->get_var($sql); }
Plugin WordPress BackWPUp, bug : Impossible de créer le répertoire
Je suis tombée aujourd'hui sur une problème lors du lancement d'une sauvegarde par le plugin BackWPUp que j'utilise souvent. La sauvegarde ne se faisait pas et un message s'affichait : Impossible de créer le répertoire ….blablabla J'ai fini par résoudre mon problème en allant d'en l'onglet "Paramètres > Fichiers journaux" du plugin BackWPUp, là j'ai […]
Customiser les puces des listes à puces HTLM
Utilisation du pseudo élément CSS :before pour modifier l’apparence des listes à puces <li> HTML .
Lorsque le margin appliqué à un enfant déplace son parent
Si le parent d'un élément étant affecté d'un margin, n'a pas de padding, les navigateurs vont automatiquement reporter le margin de l'enfant sur le padding du parent (vous suivez ??). Le parent sera alors déplacé vers le bas de façon apparemment incompréhensible, puisqu'aucun padding ne lui est directement associé. Exemple de cas de figure: .parent{padding:0;} .enfant […]
Width à 100% avec padding : Lorsque l’élément est plus large que prévu
Si l’on affecte à un élément div une largeur à 100% de son parent et que ce div à un padding:10px, on se retrouve en fait avec un div de largeur 100% + 20px ! Pas glop. La solution pour avoir un div a 100% exactement est simple et rapide , et se résume à […]
Recadrer une miniature (thumbnail) WordPress
Lorsqu’on charge une photo sur son serveur depuis WordPress, plusieurs formats d’image sont automatiquement crées, la taille de ces différents formats est à paramétrer dans l’interface d’administration WordPress. Réglages > Médias. On peut y définir la taille des miniatures, Taille moyenne et grande Taille. Au moment du chargement de la photo, WordPress va créer des […]
Passer un paramètre variable dans get_template_part()
Afin de factoriser au maximum mes templates WordPress, j'utilise la fonction get_template_part(''contenu, '1') qui permet d'externaliser un bout de code et le replacer selon mon bon vouloir dans différents templates. Le fonctionnement est simplage get_template_part(''contenu, '1') appelera le code contenu dans le fichier nommé contenu-1.php Or le passage de paramètres ne marche pas si le paramètre est déclaré dans […]
Rendre non cliquables les menus pères WordPress
l'un de mes clients tenait absolument à ce que les menus contenant des sous-menus (les menus pères) ne puissent pas être cliqués. Pour ce faire, j'ai crée un petit code jQuery afin de neutraliser l'événement click sur les menus qui ont des enfants ("#topnav étant l'identifiant général du menu) : (function($){ $("#topnav .menu-item-has-children a").click(function (e) { […]
Export d’articles scoopit vers WordPress : Lien vers l’article d’origine
J'ai mis en place un import des articles du site de veille scoopit vers un blog WordPress. L'import est plutôt bien fait, on récupère mots clés et les catégories des articles dans WordPress. Par contre mon client voulait que le click sur le titre de l'article dans WorPress renvoie directement vers l'article originel (non pas l'article WordPress, […]
WordPress en multisite, passer du fonctionnement sous domaine au sous répertoire
Lors du passage WordPress en réseau, on peut faire fonctionner le réseau sous un mode : – sous-domaine de type http://sous-domaine1.monsite.fr, http://sous-domaine2.monsite.fr – sous-répertoire de type http://monsite.fr/sous-repertoire1, http://monsite.fr/sous-répertoire2 Je viens de passer une installation existante de WordPress, (avec donc un site en ligne) en mode multi-site. Lors de la manip, je n’ai pas eu le choix, il a […]
WordPress > Récupérer la liste des identifiants des filles d’une catégorie
Code de récupération des Identifiants des enfants d’une catégorie identifiée par son ID (ici 8)Attention ne sort que les catégories filles associées à des articles, les catégories vides sont ignorées
Foncer une image au passage de la souris
Un petit truc pour donner un effet de changement de ton d’une image sur l’évenement hover de la souris. Il suffit de placer l’image à l’intérieur d’un élement DIV auquel on va donner un background de couleur, dans l’exemple ci dessour la couleur est le noir. Code HTML : <div class= »fond_image »> <img src= »img/image1.jpg » alt= »effet sympa sur le survol […]
Récupérer l’URL de l’image à la une (featured image) d’un article ou d’une page WordPress
Pour customizer son template et afficher l'image à la une d'un article ou d'une page WordPress comme background d'un élément DIV, utilisez la propriété wp_get_attachment_image_src <?php if (has_post_thumbnail( 'single-post-thumbnail' )) : ?> <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID )); ?> <div id="div-background" style="background-image: url('<?php echo $image; ?>')"> </div> <?php endif; ?>
Parcourir les catégories des articles de WordPress
Un petit bout de code qui permet de parcourir les catégories de nos articles WordPress en utilisant la fonction native get_categories() Boucle sur les catégories : $args = array( 'type' => 'post', 'child_of' => 0, 'parent' => '', 'orderby' => 'name', 'order' => 'ASC', 'hide_empty' => 1, 'hierarchical' => 1, 'exclude' => '', 'include' => '', […]
Boucle sur les Custom Post Types
Un petit mémo pour avoir sous la main une boucle WordPress de base qui parcours un custom post type que l'on aura préalablement défini. Soit donc mon custom post type : temoignage, le code suivant parcours les 10 derniers articles de ce type et affiche leur titre ainsi que leur contenu <?php $loop = new […]
Personnaliser les permaliens des Custom Post Type
Il est possible de customiser les permaliens des custom post type grâce (entre autres) au paramètre "rewrite" de la fonction register_post_type. Voici ci dessous un exemple de déclaration de custom post type "temoignage" add_action('init', 'CT_temoignage'); function CT_temoignage() { register_post_type('temoignage', array( 'label' => __('Témoignages'), 'singular_label' => __('Témoignage'), 'public' => true, 'has_archive' => true, 'show_ui' => true, 'capability_type' […]
Créer un Shortcode avec WordPress
Un Shortcode WordPress est une fonctionnalité complexe qui va pouvoir être appelée directement depuis l'éditeur de contenu Wordpress sous la forme [nom-de_mon_shortcode]. Très pratique pour ajouter des fonctionnalités particulières et complexes à l'intérieur du contenu d'une page. Un Shortcode connu des utilisateurs de WordPress est celui qui affiche une galerie de photos Comment créer un ShortCode […]
Garder une variable de session après fermeture du navigateur
Il est possible de garder la valeur d’une variable de session même après que l’internaute ait fermé son navigateur. Il faut comprendre que les sessions utilisent les cookies pour être sauvegardées sur votre machine. La fonction session_get_cookie_param() vous donne les propriétés du cookie de session : lifetime : durée de vie de la session en secondespath : Le […]
Comment laisser l’affichage de the_excerpt() si l’extrait est laissé vide dans l’administration de WordPress
Par défaut dans WordPress, les fonctions the_excerpt() ou get_the_excerpt() affichent : Soit le contenu indiqués dans le champs Extrait de l'administration d'un article, Soit si le champs Extrait n'est pas rempli, the_excerpt() affichera les n (n=55 par défaut) premiers mots du contenu de l'article correspondant. En passant, je signale qu'il est aussi possible de changer le nombre […]
Parcourir tous les éléments d’une classe CSS en Javascript
Pour parcourir tous les éléments d’un document HTML ayant une classe définie, nous pouvons utiliser la propriété javascript getElementsByClassName Pour parcourir tous les éléments HTML d’une classe donnée en Jquery, se référer à ce Mémo
Parcourir un tableau en JavaScript
Voici comment parcourir un simple tableau en JavaScript.Notez la variable longeur du tableau déclarée avant la boucle afin de ne pas avoir à recalculer cette valeur à chaque itération.
Parcourir les classes d’un élément HTML en JavaScript
Soit un élement HTML de type DIV et étant affecté de 3 classes Code JavaScript : ? Cliquez moi pour parcourir mes classes
Non prise en charge de addEventListener par IE < 9
Internet Explorer pour ses version antérieures à la 9 ne prend pas en charge l’événement javascript addEventListener, qui permet d’assigner un événement javascript à un élément HTML. On peut remplacer cette fonction sous IE par la fonction attachEvent Remarquez que le nom de l’évément passé en paramètre pour addEventListener doit être nommée sous la form click, mouseover, keydown, keypress … tandis que pour attachEvent, ses […]
Créer un élément HTML en JavaScript
Création d’un élément HTML en Javascript Affectation des attributs de l’élément : var new_elt= document.createElement(‘img’); new_elt.id = ‘mon_img’ new_elt.src = ‘http://www.monsite/images/monimage.jpg’; new_elt.title = ‘Title de mon imag’; new_elt.setAttribute(‘alt’, ‘Attribut Alt de mon image’); A ce stade, l’objet image a été crée mais il n’a pas encore été inseré dans le document HTML. Pour ce faire […]
Sécuriser l’accès à un répertoire avec un fichier .htpasswd
Pour imposer la saisie d'un couple identifiant / mot de passe afin de rentrer dans un répertoire de votre site Internet, une des solutions est d'utiliser le fichier .htpasswd. Pour cela il convient d'ajouter 2 fichiers au répertoire dont vous souhaitez limiter l'accès : .htaccess et .htpasswd. Dans l'exemple suivant, nous supposeront que nous voulons […]
Ajouter le formulaire de recherche WordPress en PHP
Il est possible de rajouter les formulaire de recherche natif de WordPress en dur dans un des fichiers de votre thème si vos zones de Widget ne vous conviennent pas. Ajouter pour cela le code suivant à l'endroit souhaitez, dans le fichier header.php par exemple si vous souhaitez ajouter le champs de recherche WordPress dans l'en-tête […]
Rajouter une image en CSS avec la balise :before ou :after
Voici comment rajouter une image avant ou après un élément HTML, en utilisant les pseudo éléments CSS :before ou :after Le code suivant va afficher l’image url(img/facebook.png) avant le div d’identifiant mon_div Code HTML : <div class= »mon_div »> Mon div </div> Code CSS : .mon_div:before{ content:url(img/image.jpg) ; position:relative; left:-3px; top:10px; } .mon_div {background-color: #eaeaea;}