Les plugins Firefox : Firebug. Par Martin Pour le développement web, il existe plusieurs extensions très pratiques pour améliorer la qualité de son code, le déboguer, ou l’optimiser. Elles sont véritablement plébiscitées par les développeurs, et sont en partie à l’origine du succès de Firefox. L’une des plus connues et utilisée est Firebug, un condensé de fonctionnalités destinées à vous aider à déboguer et comprendre tout ce qui est lié à l’affichage de votre page. Photo de Hamed Saber depuis Flickr Installation Cette extension est disponible sur le site d’extensions de Firefox : Installer Firebug pour Firefox Présentation Firebug permet d’infiltrer le code source de votre page web afin de vérifier ce qui s’y passe, aussi bien pour le DOM, le code HTML, les CSS, le Javascript ou les requêtes AJAX.
Fonctionnalités principales Pour HTML et CSS, vous pouvez afficher le code lié à chaque balise HTML, et voir toutes les propriétés définies que ce soit directement ou par héritage. Tutoriel Tutoriel Firebug FirebugLite FirebugLite. Balise HTML ou XHTML BR : Zone HTML / XHTML (V5.0) Comment utiliser les « shortcodes » de WordPress | Themes et Extensions WordPress - LabWP.com ;) Que sont les shortcodes et comment les utiliser ? Les shortcodes, disponibles depuis la version 2.5 de WordPress sont des mini codes à placer dans vos billets, dans le but d’exécuter des fonctions définies ils utilisent pour cela l’API des shortcodes WordPress. À titre d’exemple, nous utiliserons le shortcode de galerie d’images WordPress : Le simple fait de placer ce shortcode dans un article aura pour effet d’afficher une galerie de toutes les images associées à ce même article.
On peut même y placer quelques paramètres dans le but de personnaliser l’affichage : [gallery columns="2" size="medium"] Ce shortcode affichera une galerie d’images en taille moyenne sur 2 colonnes. Ceci n’étant qu’un exemple exhaustif, pour plus d’informations je vous invite à lire la section Utilisation des galeries du Codex WordPress. Donc pour utiliser un shortcode, placez le simplement dans un article, il est conseillé d’utiliser le mode d’édition HTML. Comment définir un nouveau shortcode ? Créer ou récupérer un accès administrateur à WordPress avec MySql.
C’est un problème assez courant sur les forums d’entraide WordPress : l’administrateur d’un site n’arrive plus à y accéder soit parce qu’il a oublié son mot de passe, soit parce que son site a été piraté, ou suite à une erreur technique. Si le site ne fonctionne plus, il n’y a pas moyen de récupérer le mot de passe d’administration par e-mail, et parfois on n’a plus accès à l’adresse e-mail indiquée lors de la création du site. Pour moi qui interviens régulièrement sur les sites WordPress de tiers, la technique décrite ici est une façon rapide de prendre la main sur l’interface d’administration quand mon client m’a donné l’accès à son serveur.
Car il est très simple de se recréer un accès administrateur pour WordPress du moment qu’on a accès aux données dans la base MySql. Récupérer l’accès à la base Il y a deux façons courantes d’accéder aux données de la base MySql qui sous-tend un site WordPress hébergé sous LAMP : Le fichier wp-config.php Se connecter à la base Le tour est joué ! Code couleur. Polices à télécharger. Hack WordPress - Code Php Et Meilleurs Hacks : Trucs Et Astuces PHP SQL Pour Blog Wordpress. Ce que la communauté WordPress appelle des "hacks" sont tout simplement des "snippets", des petits bouts de code intégrables dans un thème WordPress et qui ont pour but de mettre en place une fonctionnalité particulière. Ajouter un lien de partage de votre article vers Twitter et Facebook Ce petit hack permet d'ajouter en bas de chaque article un lien HTML qui va publier sur le compte Twitter ou Facebook du lecteur un lien vers votre article.
Ouvrez le fichier single.php de votre thème et placez vous dans la boucle WordPress, elle commence par if (have_posts()) : while (have_posts()) : the_post(); à l'intérieur de cette boucle se trouve les appels à différents tags WordPress : afficher le titre de l'article, son lien, le contenu de l'article, sa date de publication, ses catégories, etc. Placer le code suivant où vous le souhaitez à l'intérieur de la boucle : <a href=" lis actuellement <? Php the_permalink(); ? <a href=" <? <? <? Choisir et modifier son thème WordPress | Débuter avec WordPress. 20/04/09 - Trois techniques de coins arrondis en CSS. Coins arrondis en CSS Extrait d'un courrier reçu il y a quelques jours : J'essaye de créer un site avec la même base que www.kitgrafik.com c.a.d un fond de couleur unique avec par dessus un rectangle avec les angles arrondis qui s'adapte au contenu.
Pouvez vous m'indiquer la marche à suivre ? Il y a tellement de ressources sur le web pour créer des coins arrondis, que je ne n'estimais pas pertinent d'y consacrer un chapitre. Mais puisqu'on me le demande, peut-être que le sujet mérite effectivement un rappel de différentes techniques, trois tout du moins que je qualifierais "de base". La technique pure CSS, mais qui n'est pas encore implémentée par tous les navigateurs, utilisant border-radius ;La technique utilisant des div à qui on affecte une image de coin en image de fond ;La technique made-in Raphaël Goetter, utilisant une image coulissante. Code CSS commun aux trois techniques Technique 1 : border-radius Code (x)html Codes CSS Exemple 1 Exemple 2 Tous les coins arrondis de 10 pixels : Haut. Ajouter un module A propos de l’auteur dans vos articles sous WordPress. WordPress dispose de nombreuses commandes PHP pour mettre en valeur vos auteurs sous forme d’un module A propos de l’auteur.
Idéal pour afficher une biographie de vos contributeurs ! Modification de single.php Connectez-vous à l’administration WordPress et ouvrez la page single.php via l’onglet Apparence, puis Éditeur. Histoire de vous faciliter la tâche, copier-coller ce bout de code à l’emplacement souhaité, généralement en fin d’article, après la ligne <? Php the_content('', ''); ? <div id="author-meta"><h4>A propos de l'auteur : <? Explication des différentes requêtes utilisées : Permet d’afficher l’auteur de l’article, et, si cliqué, les articles de l’auteur L’avatar de l’auteur, le nombre 72 correspondant à la taille en pixel La biographie de l’auteur Affiche le nombre d’articles de l’auteur Lien vers l’adresse email de l’auteur Petite ruse ici, cette requête est censée faire appel à une adresse de messagerie AIM, remplacée ici par Twitter. Modification de votre profil Design du module.
Exclure une page de votre blog WordPress. Pour un tas de raisons diverses, il peut être intéressant de masquer une page de votre blog WordPress. Ainsi, via l’ajout d’un bout code très simple à utiliser, vous pourrez choisir d’exclure les pages de votre choix et empêcher qu’elle ne s’affiche dans la barre de navigation prévue à cet effet. Cette manipulation ne signifie pas pour autant que la ou les page(s) ne demeureront pas accessibles via le navigateur mais juste qu’elles seront invisibles de la liste des pages disponibles.Commencez par vous connecter à l’administration de votre blog WordPress.
Ensuite, rendez-vous l’Editeur de thème sous l’onglet Apparence. Nous allons en effet intervenir dans le thème du blog ce qui signifie que vous devrez réitérer l’opération si vous envisagez de changer de thème graphique. Recherchez à présent le bout de code suivant : Pour une recherche plus efficace, ne sélectionnez que <? Php wp_list_pages puis utilisez la commande Ctrl + F du navigateur. Capture d’écran – Editeur de thème WordPress.