background preloader

Tutos WP

Facebook Twitter

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.

Ajouter des Fonctions à votre Child Theme WordPress

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. Il est juste chargé en plus du fichier functions.php du thème parent, sachant que celui du thème enfant se charge avant. Pour illustrer cela, nous allons faire en sorte que notre barre du menu de navigation puisse se fixer en haut de la page lorsqu’on scrolle vers le bas. Créer un fichier Javascript pour fixer le menu de navigation en haut de la page Comme dans tout thème propre, créez un sous-dossier /js dans le répertoire du thème enfant. Le menu de navigation devient fixe lorsqu’on descend à 90px à partir du haut.

C’est tout.. 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.

WP Query : créez des requêtes personnalisées dans vos thèmes WordPress - GeekPress

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.

Par exemple, si vous cliquez sur une catégorie, WordPress sait qu’il doit : afficher la liste des articles de cette catégorie, dans l’ordre chronologique, au nombre de 10. chacun de ces éléments est un paramètre de la requête. Voici la hiérarchie de base. Les paramètres de WP Query WordPress sait donc quoi aller chercher en fonction de l’URL jointe. 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”.

Créer un formulaire en front end avec ACF - Copier coller

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: “Ingrédients:….”

“Préparation:….” “Temps de cuisson :…” etc etc.. <? Créer des Custom Queries par date avec ACF - Copier coller. Dans ce tuto on va voir comment on peut utiliser acf pour contourner la datation par défaut des articles de wordpress.Dans la boucle, par défaut, wordpress classe nos articles par date, du plus récent au dernier.La date qui prévaut est celle ou a été rédigée l’article.

Créer des Custom Queries par date avec ACF - Copier coller

ACF va nous permettre de créer des nouvelles metabox dans l’admin, des metabox datepicker, sur lesquelles on pourra ensuite boucler pour afficher nos articles dans l’ordre souhaité. Le tuto part d’un exemple concret ou j’ai du afficher un liste d’évènements par date, certains remontant à 2003! Lidée ensuite dans cette page “archives” etait de ranger les articles par années, pour éviter d’avoir à trop scroller. 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é.

Trier ET filtrer par champs personnalisés - WPFR

Nous avons trouvé comment faire les deux indépendamment l’un de l’autre, mais impossible de fusionner les deux solutions. Filtrer les articles par Custom Field (le custom field ‘Auteur’) query_posts(‘post_status=publish&meta_key=Auteur&orderby=meta_value&order=ASC’); -> OK ça marche. 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. 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.

Ajouter un carrousel d'articles pour WordPress avec Twitter Bootstrap

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 !