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
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¤.
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
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.
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.
Step-by-Step Guide to Creating a Custom bbPress Theme · bbPress Codex Step-by-Step Guide to Creating a Custom bbPress Theme The following is written for version 2.2 of the bbPress WordPress plugin. Information in this tutorial may not be applicable to earlier or subsequent versions of the plugin. Step 1: Install WordPress In the past, bbPress was a stand-alone forum script that could work with WordPress if you hacked it a bit, but that is not the case anymore and any information that states as much is outdated. Step 2: Install bbPress Once you have WordPress set up, installing plugins is easy. Step 3: Edit bbPress’ Settings After installing and activating the bbPress plugin, you will have three new menu options at the bottom of your WordPress admin sidebar: You will also have two new sub-menu options: Tools > Recount and Settings > Forums. Now that you know where everything is, click Forums under Settings. Note that this area does not contain methods for you to edit the theme’s layout or style. Step 4: Make Some Forums Step 5: Create a Child Theme
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é
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(); ?
Comment modifier sa "font" ou police d'écriture dans WordPress La plupart des thèmes WordPress commercialisés sur le marché vous propose tout un tas d’options de personnalisations dont, la plupart du temps, le choix de la police d’écriture ou “font” en anglais… Cependant, ces thèmes vous permettront généralement de choisir votre police dans la bibliothèque Google Font. Mais qu’en est-il de votre propre police que vous avez acheté sur un site dédié ? Vous savez, LA font sur laquelle vous avez craqué et qui ne ressemble à aucune autre ? Nous allons voir ensemble comment modifier la police d’écriture de votre site WordPress selon plusieurs méthodes… Où trouver une police/font originale ? Il est vrai qu’avant de commencer à parler de la méthode pour ajouter une police, il serait bien de commencer par en trouver une… Si vous ne savez pas trop où chercher, je vous propose de fureter du côté des sites où les designers tiennent une boutique. Comment intégrer une police dans WordPress ? Option 1 : la méthode @font-face ÉTAPE 4 : appeler la police Notez : [!