Sécuriser et nettoyer votre thème Wordpress des virus La sécurité de votre thème WordPress est un élément à ne pas négliger. Il serait bien malheureux qu’un virus ou autre code malicieux vienne gâcher le travail accompli par vos soins durant des heures. Cela devient plus malheureux si un code malicieux vient se glisser dans le thème WordPress de l’un de vos clients. Généralement, ces codes malicieux insèrent des liens vers des sites douteux. Faites bien attention à ces liens car les moteurs de recherche n’apprécient guère les liens cachés. En terme de référencement naturel (SEO), ces liens peuvent avoir un impact très négatifs, alors faites bien attention à ce point ! Afin d’éviter ce type de désagrément, WPTheme vous propose une sélection de plugins WordPress pour vous aider à lutter contre toute infection qui pourrait mettre à mal votre site internet. Mais avant toute chose, n’oubliez pas que la meilleure des protection réside dans ces quelques conseils : Theme Authenticity Checker (TAC) : Antivirus pour WordPress :
WordPress CMS : les metaboxes Avancée Wordpress, PHP Les metabox (ou boîtes à meta information) sont des données enregistrées pour un contenu spécifique (page ou article donné) et qui permettent par exemple de facilement modifier l’affichage du contenu selon les informations saisies. En fait, vous les utilisez à chaque fois sans que vous le sachiez vraiment. Création d’une métabox Nous allons donc voir comment créer des metaboxes de manière générique et en utiliser une pour mettre en page notre contenu. Définition d’une metabox Une metabox est définie selon plusieurs paramètres : IdentifiantTitreFonction de callback (d’affichage)Le type de contenu pour lequel elle sera applicable (‘post’, ‘page’, ‘link’, ou ‘custom_post_type’)L’emplacement (‘normal’, ‘advanced’, ou ‘side’)La priorité (l’ordre d’affichage dans la page)Les arguments à passer à la fonction de callback Maintenant créez un fichier metabox_options.php et insérer le code suivant dedans : Explications Chargement des options Affichage des metaboxes Conclusion
Un widget personnalisé pour Elementor - Marie Comet Si non, testez-le vite, il vaut le détour. Je ne vais pas faire ici une présentation détaillée de cet outil, ça a déjà été fait par GeekPress, et bien d’autres. En bref, Elementor vous permet de construire des pages, avec des sections, des colonnes, et des widgets – tous les « éléments » sont des widgets. J’avoue que j’ai un peu du mal à me faire à son interface « full front-end », mais mis à part cela le rendu est vraiment bon, et contrairement à certains de ses concurrents, Elementor rend un code plutôt propre, et surtout, il est orienté développeurs. En effet, je vous invite à parcourir le code qui est très lisible, bien commenté, on se l’approprie facilement, et bien sûr on l’étend ! C’est l’objet de cet article : créer un widget personnalisé pour Elementor afin d’étendre ses fonctionnalités. Avant de commencer : je ne détaille volontairement pas tout le code, car il y en a beaucoup. Dans la pratique… un bouton fixe Ils sont sympas chez Elementor, ils ont créé un « starter plugin« . <?
Introduction et Installation - Le Guide WordPress Le Guide WordPress: tutoriel, astuces, plugins et hébergement Advanced Custom Fields, cas pratique d'utilisation • Samuel Bourdon Dans l'article précédent qui résume un talk fait lors d'un meetup Wordpess Lille, nous avons découvert ce qu'était Advanced Custom Fields. La suite de la présentation portait sur l'utilisation du plugin en situation réelle. Pour l'occasion j'ai imaginé le cas pratique qui suit. (Cette partie est assez longue et chargée en images) Utiliser ACF en réponse à une problématique client. Advanced Custom Fields peut être une réponse simple, efficace et rapide à différents types de problèmes que peuvent rencontrer des utilisateurs de WordPress. Le brief client Voilà le mail reçu de notre nouveau client : Bonjour, je suis Madame Prune, de la société KiexistepaMes collaborateurs et moi même nous réunissons souvent et publions nos comptes-rendus de réunions sur notre site internet.Nous souhaiterions améliorer la mise en page de ces documents car elle est pour le moment assez basique. Wireframes de la page Créer un nouveau type de post Lister les réunions // Lister les posts d'un custom post type <? <?
Astuce pour mettre une image dans un menu WordPress Comment faire pour remplacer le nom d’un menu WordPress par une image ? Il n’y a nulle part de champ « image » dans la configuration des menus. La solution est en fait simplissime. Prenons l’exemple d’une boutique. Comme toute boutique qui se respecte elle comporte un panier et pour y accéder vous avez mis une page « Panier » dans la barre de menu. Ajoutez d’abord une icône de panier ou de chariot dans votre bibliothèque par le menu Medias->Ajouter comme d’habitude. Ensuite rendez vous dans la page de configuration des menus (Apparence->menus). Développpez la page Panier en cliquant sur le triangle. Effacez Titre de la navigation et remplacez le par le code HTML qui permet d’afficher une image à savoir : Vous pouvez trouvez le chemin de votre image dans Médias->Bibliothèque puis en ouvrant votre image et en copiant le champ Adresse web du fichier. Ci-dessus un exemple de la boutique Wootique que je suis en train de faire où j’ai remplacé la page Panier par une icône de sac.
Code Examples Display a field Retrieving a field as a variable Using conditional statements get_field returns false if (value == “” || value == null || value == false) <? Working with Array values checkbox, select, relationship, repeater <? Working with Images – URL <img src="<? Working with Images – ID By using the ID, you can retrieve any crop size of the image and even get the name of the file! <? Working with the Repeater Field repeater can be accessed by get_field or the_repeater_field / the_sub_field <? Randomly select a repeater field row Getting values from another page <? Query posts with ACF values Example of finding Events (post type) where location (custom field – select) equals Melbourne (value). <?
Créez vos metaboxes WordPress - guide complet Les custom metas box sont des boîtes que vous pouvez rajouter dans les pages d’édition de contenu, dans l’administration de WordPress. Grâce à elles nous pouvons enregistrer des informations relatives à un article, à une page, ou à n’importe quel élément d’un Custom Post Type. Cela permet par exemple de renseigner l’URL d’un élément de portfolio, ou bien encore le prix d’un article… Pour résumer c’est une méthode plus clair pour renseigner des valeurs que l’on saisirai habituellement via des custom-fields. Les metaboxes (et les metadonnées) offrent énormément de possibilités quand à la personnalisation de notre CMS favori. Les usages étant multiples et les possibilités tellement étendues, un article ne suffira pas à traiter la question. L’ajout des metaboxes peut se faire de deux manières : soit via le fichier functions.php de votre thème, soit par l’intermédiaire d’un plugin. La première chose à faire est d’initialiser la metabox. Celle-ci à lieu lors de la sauvegarde d’un post.
10 petites astuces pour améliorer votre admin WordPress Un lot de quelques astuces pour nettoyer et parfaire votre interface d’admin WordPress avant de la livrer à un client, afin qu’elle corresponde entièrement à son besoin, sans éléments superflus. Voici quelques bouts de code que j’ai utilisés récemment dans mes projets. J’en ajouterais d’autres au fur et à mesure. Tous ces codes sont à mettre dans functions.php, ou pour les fans de bonnes pratiques, dans un plugin personnalisé. (Benjamin Denis a donné une conférence à WP Tech Nantes à ce sujet, promis je n’ai pas copié, l’article était en préparation avant) 1. Il peut être utile de simplifier le menu WordPress pour vos clients et n’afficher que ceux nécessaires. function remove_menu_pages() { remove_menu_page('tools.php'); remove_menu_page('edit-comments.php'); remove_menu_page('edit.php? Pour supprimer un élément de l’admin bar (la barre qui squatte en haut !) 2. Si vous ajoutez Yoast, votre table des articles peut devenir vite chargée. Ajoutez ce code à functions.php 3. 4. 6. 7. 9. 10.
Utiliser Bootstrap dans un thème ou une extension WordPress Les thèmes et extensions WordPress peuvent utiliser Bootstrap afin de faciliter la mise en forme (fichier bootstrap.min.css) ainsi que les fonctionnalités JavaScript (fichier bootstrap.min.js) des éléments HTML qu'ils génèrent. L'API WordPress ne charge pas Bootstrap par défaut. Il vous faudra donc le télécharger dans le dossier de votre thème ou de votre extension ou encore utiliser un CDN. Ensuite, vous devrez charger Bootstrap par programmation. ▼Publicité Charger Bootstrap Comme pour tout fichier .css et .js, il n'est pas souhaitable d'ajouter directement les balises <link> et <script> dans un site WordPress. Si Bootstrap doit être utilisé dans une extension : WordPress (PHP) wp_enqueue_script( 'bootstrap', plugins_url( 'bootstrap/js/bootstrap.min.js', __FILE__ ), array( 'jquery' ), null, true ); wp_enqueue_style( 'bootstrap', plugins_url( 'bootstrap/css/bootstrap.min.css', __FILE__ ) ); ou, si vous préférez l'option CDN : Dans le cas où Bootstrap doit être utilisé dans un thème : Ex : if ( !
Comment utiliser et customiser la page de connexion WordPress ? La page de connexion WordPress est une page par laquelle il vous est possible de vous connecter au back-office de votre site web, c’est à dire à la partie administration. Une fois connecté, vous pouvez accéder votre tableau de bord, créer de nouveaux articles, de nouvelles pages, mettre à jour vos thèmes, ajouter de nouveaux plugins et bien plus encore ! Dans cet article, nous allons voir en détail ce qu’il est possible de faire… Au programme de ce tuto : 1/ Comment trouver votre URL de connexion WordPress Si vous êtes nouveau sur WordPress et que vous ne savez pas du tout comment accéder à la partie administrateur de votre site ou si vos clients oublient toujours leur URL de connexion, voici une petite explication… Cas n°1 => connexion à un site WordPress classique : Sur un site WordPress typique, tout ce que vous avez à faire est d’ajouter /login/ ou /admin/ à la fin de l’URL de votre site dans la barre de recherche de votre navigateur préféré. 2/ Page de connexion WordPress & Sécurité
Shortcode WordPress pour intégrer des photos Instagram Grâce à l’API d’Instagram et un shortcode WordPress, il est possible d’intégrer directement une photo publiée sur Instragram dans un article ou une page. Instagram est très certainement l’application mobile qui a fait le plus de bruit ces dernières années. En effet, depuis sa sortie en 2010, ce sont des milliers de photos qui sont partagées chaque jour par des photographes en herbe. Dans cette astuce, je vous propose une fonction qui permet d’intégrer une photo publiée sur Instagram sur votre blog WordPress. Pour ce faire, il faut ajouter le code suivant dans le fichier functions.php de votre thème : Le shortcode s’utilise comme ci-dessous : [instagram id='QI9cbtAdvW' size='l']
How to use Fancybox in WordPress, more flexible than jQuery lightbox. How to use Fancybox in WordPress, a more flexible alternative to jQuery lightbox. Fancybox is a tool built on the jQuery library. Fancybox is a more flexible alternative to lightbox since it can show any content you want, for example Youtube and Vimeo videos, buttons, text, images, maps, HTML elements, SWF movies, Iframes, Ajax content and so on. The easiest way to enable Fancybox to your wordpress site is to use a plugin. Fancybox functionality demo: Fancybox for WordPress plugin is a good alternative, but we found some problems if you have custom jQuery in your theme. Exclude links from opening with FancyBox Just add the class=”nofancybox” to the element and Fancybox will not be used. Open external page in an Iframe using fancybox<a class="fancybox-iframe" href=" link opens an external page in an Iframe</a> Open a pdf using fancybox<a class="fancybox-pdf" href="your.pdf">This link opens a pdf in the fancybox</a> Fancybox functionality demo: <? get_header(); ?