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. Custom Post Type, Custom Taxonomy - Le Guide WordPress Le Guide WordPress: tutoriel, astuces, plugins et hébergement. Créez vos propres Posts/Pages et vos propres Catégories/Tags Nous avons vu précédemment que le contenu d’un WordPress se divisait principalement en 3 parties : PostPageAttachment Si l’on met de côté les Attachments qui jouent un rôle particulier (ce sont les objets multimédia uploadés sur le WP et rattachés à un Post ou une Page), on se retrouve avec 2 contenus principaux.
Post : dynamique, chronologique.Page : statique, intemporel. 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. Advanced Custom Fields, cas pratique d'utilisation. 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. Code Examples. Code Examples. Advanced Custom Fields Plugin for WordPress. 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. 10 petites astuces pour améliorer votre admin WordPress. Wpchannel. Creating a Filterable Portfolio with WordPress and jQuery. 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 : How to use Fancybox in WordPress, more flexible than jQuery lightbox. 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.
Ajouter des Fonctions à votre Child Theme WordPress. Nous avons appris comment créer un thème enfant (ou child theme) WordPress afin de personnaliser notre thème WordPress parent et y apporter des modifications visuelles via le fichier style.css.
Nous allons voir maintenant comment prendre plus de contrôle de ce qui est généralement accordé par le CSS, en créant un nouveau fichier functions.php dans notre child theme. Ce fichier, contrairement au fichier CSS, n’écrase pas celui du thème parent. WP Query : créez des requêtes personnalisées dans vos thèmes WordPress - GeekPress. WordPress vous permet de créer vos propres requêtes et de récupérer toutes les données que vous souhaitez.
Découvrez comment modifier la requête principale ou comment créer une toute nouvelle requête de données J’aimerais pouvoir récupérer les données WordPress de mon choix, c’est possible ? Cet article est une mise à jour de mon article sur les boucles WP, avec les bonnes pratiques les plus récentes. Fonctionnement des boucles WordPress (The Loop) A chaque page que vous affichez, WordPress exécute automatiquement une requête en fonction de la page à afficher, conformément au schéma de hierarchie de template : template hierarchy WP. Créer un formulaire en front end avec ACF - Copier coller. Advanced Custom Field est un plugin vraiment utile pour batir des sites complexes: on peut rajouter autant de nouveaux champs que souhaité dans un article, une page, un custom post type: dans la page d’édition d’un article ou d’une page, au traditionnel champs de texte qui represente “the_content()” dans le code, on peut rajouter d’autres champs texte, des uploader de média, qui se retrouveront dans le front end et donneront à vos pages un aperçu bien plus “professionnel”.
Aujourd’hui on va se servir de ACF pour créer et afficher un formulaire de soumission d’article en front end.Un peu comme le fait l’excellent plugin User Submitted post. Pourquoi utiliser ACF? Prenons un exemple concret.Par exemple, On souhaite réaliser un site de recettes de cuisine.Dans la page d’édition d’un article on retrouve donc logiquement l’éditeur par défaut de wordpress, à l’intérieur duquel on va organiser notre texte de la manière suivante:
Trier ET filtrer par champs personnalisés - WPFR. Bonjour, Ma configuration WP actuelle – Version de WordPress : 3.2.1 – Version de PHP/MySQL : 5 – Thème utilisé : TwentyTen – Extensions en place : Plein… – Nom de l’hebergeur : OVH – Adresse du site : Problème(s) rencontré(s) : Nous souhaitons sur une page déterminée afficher les articles ayant une valeur précise d’un champ personnalisé, et les trier en fonction d’un deuxième champ personnalisé.
Nous avons trouvé comment faire les deux indépendamment l’un de l’autre, mais impossible de fusionner les deux solutions. TUTO Plugins enfants et bonnes pratiques WordPress avec WordPress 4 sur Tuto.com. Créer un site de rencontres sous WordPress - Boite à Site. Charger proprement Javascript dans Wordpress. The Power Users Guide to WordPress Navigation Menus. The humble navigation menu.
It’s an important part of your WordPress site that lets your visitors find their way around and helps to structure your content. How to Code Your Own Custom WordPress Widget. Have you ever wanted to create a custom widget for your WordPress website? While WordPress does include a built-in text widget, which you can use to display HTML along with embedded CSS and JavaScript, if you want to do anything more than that the text widget just won’t cut it.
What if you want to grab a bit of content from your website database and display it in a widget? The solution is to code up a custom sidebar widget. While that may sound like a daunting task, as long as you have basic PHP skills it is within your reach. So follow along with this tutorial and you’ll learn how to create two different widgets: A simple widget that displays the widget title, site title, and site tagline.A slightly more complex widget that displays a list of all categories sorted alphabetically and split into two columns. Ajouter un carrousel d'articles pour WordPress avec Twitter Bootstrap. Oui je sais, les carrousels c’est le mal. Mais je sais aussi que vous savez ce que vous faites, et que si vous êtes arrivés ici, c’est que vous voulez en ajouter un sur votre site WordPress. Alors c’est parti. Le principe Le carrousel (aussi appelé slider) que je vous propose ici n’est pas un carrousel d’images, mais un carrousel d’articles, c’est-à-dire qu’il fait défiler les articles de votre site WordPress (ou les pages, ou tout autre type de post selon les paramètres fournis) en affichant leur image à la une.
Comme d’habitude, vous n’aurez pas besoin d’extension supplémentaire. Thème enfant WordPress, le créer simplement ! Les thèmes WordPress sont par nature déjà “customisables”, leur installation simple, les possibilités offertes sont nombreuses mais il y a toujours de petites choses que nous voulons changer. Une couleur ici, une taille de police là-bas, peut-être utiliser un autre appel à l’action, bref nous voulons modifier le CSS de notre thème WordPress et bien plus encore… Le seul hic, c’est que la modification, même infime, d’un thème vous empêche de faire sa mise à jour vers une nouvelle version à l’avenir, parce que si vous mettez à jour, alors vous perdez toutes vos modifications :/ Un thème enfant pour quoi faire ?
Les thèmes enfants résolvent ce problème en vous permettant d’utiliser toutes les fonctionnalités de votre thème tout en vous laissant mettre à jour ce dernier, sans peur de perdre vos modifications. Notons également que nous pouvons aussi utiliser, dans certains cas, les mu-plugins ;)