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 :
Responsive WordPress Theme | Free Responsive Themes for WordPress Looking for Responsive II? Get your free Responsive Theme instantly by entering your e-mail and clicking “Download Free Theme Now”! Responsive is the world’s most popular Responsive WordPress Theme. Responsive Theme is an intuitive foundation with a fluid grid system that automatically adapts your website to mobile devices including smartphones, tablets and desktops so your website looks incredible on any device. Theme Features Responsive Web Design Fluid Stackable Grid System Widgetized (11 Widget areas) Custom Templates (9 Templates, different layouts) Custom Background Custom Header (used for logo upload) Custom Menus (4 Menus) Threaded Comments Theme Options Retina-Ready Theme Details Current Version: 1.9.7.5Last Updated: November 4th, 2014Requires: WordPress 3.5 or higherChild Theme Friendly: Yes — more infoTheme Type: Standalone (Parent) ThemeWordPress 3.0+ Multisite: Yes — more infoLicense: GNU GPLv3Changelog Want more customization features? Learn more about upgrading to Responsive Pro
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« . <?
Gestion de la Taille de Police de Caractère Par niss • 10 fév, 2008 • Catégorie: Customisations • Suite à de nombreuses demandes par mail, j’ai décidé de vous mettre un petit tuto sur la façon d’intégrer à vos thème un module de gestion des tailles de caractères pour vos chers thèmes WordPress. Vous allez voir, ce n’est pas bien compliqué. Première chose : uploadez le fichier textsize.js dans un répertoire “js” que vous allez créer dans le répertoire de votre thème. Ensuite, dans le fichier header.php, juste avant la balise < /head >, collez le bout de code suivant : <script src="<? Ensuite, direction le fichier style.css, ajoutez-y les 3 classes suivantes : Enfin, insérez où bon vous semble dans votre thème (pour moi je l’ai mis dans le fichier header.php, de manière à ce qu’il apparaisse juste sous la fonction recherche), ce bout de code : Et voilà, c’est tout, le tour est joué Enjoy! Articles Relatifs Marqué comme: customisation, Taille des caractères ¤Le Code¤ ) - Puis laisser une ligne blanche avant et après le bloc ¤Le Code¤.
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 <? <?
Duplicator With over 25 million downloads Duplicator successfully gives WordPress users the ability to migrate, copy, move or clone a site from one location to another and also serves as a simple backup utility. Duplicator handles serialized and base64 serialized replacements. Standard WordPress migration and WordPress backups are easily handled by this plugin as are zero downtime migrations. For complete details visit snapcreek.com. Quick Video Demo Overview Duplicator is the most powerful migrator available. Move, migrate or clone a WordPress site between domains or hosts with zero downtimePull down a live site to localhost for developmentTransfer a WordPress site from one host to anotherManually backup a WordPress site or parts of a siteDuplicate a live site to a staging area or vice versaBundle up an entire WordPress site for easy reuse or distributionPerform a full WordPress migration without struggling with messy import/export sql scripts Migrate WordPress and Run WordPress Backups Duplicator Pro
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éer des thèmes enfants (child themes) avec WordPress Le principe du thème enfant est de permettre la modification et l'ajout de fonctionnalités à un thème parent sans y apporter de quelconques changements. L’avantage majeur est de pouvoir bénéficier des mises à jour du thème parent tout en poursuivant les changements sur le thème enfant. Plusieurs techniques existent pour mettre en place un tel système que je vous décris dans ce tutoriel. Méthode officielle via PHP Ouvrez votre fichier functions.php puis collez les lignes ci-dessous : function wpc_theme_enqueue_styles() { wp_enqueue_style('parent-style', get_template_directory_uri() . La fonction va tout simplement récupérer le fichier style.css du thème parent, celle du thème enfant se chargeant après. Dans le cas où votre thème repose sur plusieurs fichiers de styles CSS, le code présenté ici ne suffira pas et il conviendra de gérer des dépendances. Enfin, sachez que la plupart des fournisseurs de thèmes premium embarque un dossier prêt-à-l’emploi pour ce type d’approche.
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.