Entrées par t@ra

,

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 […]

, , ,

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 […]

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 à […]

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 […]

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 […]

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 […]

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 […]

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 […]

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) { […]

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 […]

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 […]

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;}

Taraza – Free WordPress Theme 2014 – Customized Home Page

TaraZa est un thème WordPress tout nouveau, cuvée 2014. Un thème WordPress Simple et Sobre  =====> DEMO <==== ==> DOWNLOAD  : Téléchargez gratuitement le Thème WordPress TaraLi sur le site officiel de WordPress<== Page d’accueil de votre blog Wordpress paramétrable : Affichage d’un diaporama à deux images avec lien vers une autre page + commentaire  Liste des derniers articles publiés. […]

Bug Barre d’administration WordPress et position absolue d’un élement

Si votre thème WordPress comporte des élements positionnés en absolute, il y a de grandes chances pour que vous constatiez un décalage de 28px (hauteur de la barre d'administration) dans le positionnement de ces éléments lorsque vous êtes connecté à l'administration WordPress sur votre navigateur et que cette barre supérieure de gestion de l'administration apparaît. Si votre […]