background preloader

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. 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. Ready to learn the basics of custom WordPress widget creation? WordPress Widget Building Basics You’ll need three things in place in order to follow along with this tutorial: A WordPress development environmentBasic PHP coding skillsBasic WordPress development experience WP_Widget::widget() Related:  Tutos WP

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. Every theme will have a slot for it somewhere at the top of each page. But are navigation menus just for your site header? In this post, I’m going to show you some of the options you have at your disposal for using navigation menus in a more powerful way. I’ll also show you two ways to add those extra menus to your site’s front end – one using a widget and the other using code. So let’s start by creating some menus. Creating Multiple Navigation Menus My site has a main navigation menu which I’ve already created. For this menu I’ve checked the Primary Menu option which means my theme (Twenty Sixteen) will display the menu in the primary slot: But I’m not limited to this menu. This is where you add your new menu. Once your menu is ready with the pages you need, click Save Menu to save it. Adding Menus Using a Widget Save the stylesheet.

Comment créer un thème WordPress : introduction Vous êtes graphiste, intégrateur HTML ou développeur web et souhaitez apprendre à créer votre propre thème WordPress ? Excellent, vous êtes au bon endroit ! Nous avons pris le temps de traduire une suite d’excellents articles rédigés par des professionnels américains du CMS WordPress. Cet article fait partie d’une série d’articles issus de l’excellent site ThemeShaper.com. Objectif En seulement 16 leçons, ce tutoriel sur la création de thèmes WordPress va vous montrer comment construire un thème solide, puissant et à jour et — surtout — à partir de zéro. Au fur et à mesure, j’expliquerai ce qui se passe vraiment et inclurai (pour le meilleur ou pour le pire !) A la fin de ce tutoriel, vous serez capables de faire presque tout ce que vous souhaitez avec WordPress. Présentation du thème Underscores (_s) Si vous n’avez jamais entendu parlé de _s, c’est un starter thème 100% sous licence GPL et créé par la communauté WordPress. Non non, vraiment, on vous attend ! Est-ce toujours d’actualité ?

Charger proprement Javascript dans Wordpress | Thibaut Soufflet - webdesigner [Total : 10 Moyenne : 3/5] Cet article vous sera d’une grande aide pour comprendre comment WordPress interprète les scripts JavaScript et enfin les faire fonctionner correctement. Dans quel cas êtes vous ? Cas n°1 : Vous souhaitez ajouter des scripts JavaScript à votre site WordPress. Cas n°2 : Après intégration de votre site sous WordPress, JavaScript ne semble plus se charger. Vous avez créé votre site en HTML/CSS et vous avez lié tout les scripts JavaScript dans votre page et tout fonctionnait bien avant l’intégration dans WordpPess. WordPress intègre déjà une bibliothèque jQuery Sachez d’abord que WordPress intègre d’origine une version de jQuery. L’erreur à éviter : charger la librairie jQuery et les scripts JavaScript dans le template de page Exemple (à ne pas suivre) : ….le contenu de votre page…. Dans cet exemple on demande le chargement de la bibliothèque jQuery en ligne version 1.8.2, puis l’exécution de nos 2 scripts « bootstrap.js » et « jquery.mobile.customized.min.js ».

Cómo crear una plantilla de WordPress desde cero (I) Por enésima vez, menos es más. De ahí que el intuitivo WordPress se haya convertido en el CSM (content management system) más socorrido, tanto por los particulares como por las empresas. El hecho de que esta plataforma esté instalada en el 24% de los sitios de Internet certifica su innegable popularidad, al tiempo que ayuda a entender por qué cualquier desarrollador web que no trabaje con WordPress está dejando escapar una gran oportunidad. Aunque son muchas las causas que explican su éxito y su alto grado de aceptación, uno de los principales motivos es la sencillez, flexibilidad y potencia que ofrece a los desarrolladores a la hora de crear temas (o plantillas). En este sentido, algunos programadores señalan que, a pesar de estar trabajando para un CMS, nunca tienen la impresión de que haya algo que no se pueda hacer a la hora de crear un blog o una web en WordPress. En este momento, ya tenemos los archivos mínimos indispensables para crear un template y que WordPress lo detecte.

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. Préparatifs Les modifications peuvent être faites dans un thème enfant ou une extension. Nous utilisons la fonctionnalité carrousel de Twitter Bootstrap dont les fichiers CSS et JavaScript doivent être inclus, comme d’habitude maintenant. function enqueueStyles() {wp_enqueue_style("bootstrap", get_stylesheet_directory_uri() . La fonction pour ajouter un carrousel Elle peut être décomposée en deux parties. Le code

fr:Sauvegardes WordPress Languages: English • Български • Español • Français • Italiano • のバックアップ 日本語 Português • Português do Brasil • Русский • 中文(简体) • (Add your language) Note : Vous souhaitez éviter les choses difficiles ? Passez par des Solutions Automatiques comme des Extensions WordPress pour les sauvegardes (en anglais). Votre base de données WordPress contient chaque article, chaque commentaire et chaque lien que vous avez sur votre blog. Les instructions pour sauvegarder votre site WordPress comprennent : En outre, un soutien est disponible en ligne dans le le forum de support francophone de WordPress pour vous aider dans le processus. Les sauvegardes du site sont essentielles parce que les problèmes sont inévitables et vous devez être en mesure d'intervenir en cas de catastrophe. Questions sur les Sauvegardes Faîtes une sauvegarde de votre base de données régulièrement, et systématiquement avant une mise à niveau de WordPress. À quelle fréquence doit-on faire des sauvegardes ? Oui. Excellente question.

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. Un thème enfant, c’est quoi ? Un thème enfant est un thème basé sur votre thème parent. Comment mettre en place un thème enfant ? un fichier functions.phpun fichier style.css <?

Procédures pour améliorer le référencement naturel wordpress Outre le fait qu’il faut effectivement des contenus pertinents, unique et mis à jour régulièrement, il y a plusieurs procédures à mettre en place pour améliorer sur le long terme le référencement naturel. Ces astuces peuvent être mises en place par un débutant : 1) Réécrire les URL en modifiant la configuration des permaliens. Rappel : si vous avez fait des liens entre vos articles et que vous changez la structure des permaliens il faudra modifier à la main les URLs. Utilisez la valeur Nom de l’article ou cochez structure personnalisée puis entrer la valeur %postname% Il est possible de combiner les valeurs entre elles, voici la liste des valeurs possibles : D’après une étude de SEOMOZ, google favoriserai les URLs courtes (cf Article : 2) L’utilisation des balises HTML dans vos contenus. Il est important de bien structurer son contenu en utilisant les différents niveaux de Titre : Aller plus loin :

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. 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 Trier les articles par Custom Field (le custom field ‘Langue’) query_posts(‘post_status=publish&meta_key=Langue&meta_value=Breton’); -> OK ça marche Quelqu’un sait t’il comment remédier à ce problème sans coder ma propre fonction ? Merci d’avance, +

Référencement WordPress : la checklist pour améliorer le SEO de votre site WordPress est un excellent outil pour développer votre présence en ligne, mais il demande tout de même quelques efforts d’optimisation pour un meilleur référencement de votre contenu. Même si vous investissez dans des campagnes payantes, de l’email marketing et une présence active sur les réseaux sociaux, il est important de penser au SEO (Search Engine Optimization) pour augmenter le trafic « naturel » vers votre site Internet. Vous ne savez pas par où commencer ? Suivez le guide pour améliorer votre référencement WordPress ! Un plugin très utile : WordPress SEO by Yoast C’est le leader incontesté des plugins WordPress dédiés à une meilleure gestion de l’optimisation du référencement sur les moteurs de recherche (SEO). Gratuit et facile à prendre en main, il vous permettra de mettre en place plusieurs des astuces présentées dans cet article, et vous donnera aussi des indications d’optimisations possibles : Vous pouvez le télécharger ici. Comment optimiser vos articles ? Source : Serpiq.com

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: “Ingrédients:….” “Préparation:….” “Temps de cuisson :…” etc etc.. <?

Como acceder a la administración de WordPress Esta es una pregunta muy habitual en los cursos que doy sobre WordPress: ¿como accedo al panel de administración, ha desaparecido el enlace?. Lo que suele pasar es que las plantillas (themes) por defecto siempre incluyen un bloque llamado “Meta” donde vienen los enlaces para acceder a WordPress, pero como lo primero que hacemos al instalar un WordPress es empezar a añadir widgets o cambiar el theme (plantilla) ese bloque a veces desaparece, o se nos olvida añadir el widget Meta. La respuesta es sencilla: Puedes acceder a la administración de cualquier WordPress en la dirección Luego, una vez lo sepas, puedes crear tu propio panel de acceso, cambiar la dirección de admin o empezar a curiosear a ver quien tiene WordPress. AVISO: esta publicación es de hace más de dos años. Valora este artículo para mejorar la calidad del blog ... (21 votos, promedio: 4,38 de 5) Loading...

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. 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. Compris ?

Related: