WordPress.
Security. Custom fields. 12 Essential Plugins that Extend WordPress as a CMS | Web Design Ledger. Over the past couple of years WordPress has grown into much more than just a blogging platform. People are now using it as a CMS (Content Management System) to power many different types of websites. Using WordPress more as a standard CMS often requires some creative thinking when building themes and setting up the structure of categories and content. In this article we present to you 12 very useful plugins that will give your WordPress install extended CMS functionality. Pods CMS Pods is a CMS framework for WordPress. Flutter Flutter is a plugin that gives the administrator custom write panels with the ability to add radio buttons, file uploads, image uploads, checkboxes, etc. WP-CMS Post Control WP-CMS Post Control not only allows you to hides unwanted items like custom fields, trackbacks, revisions etc. but also gives you a whole lot more control over how WordPress deals with creating content!
PageMash Role Scoper CForms II Scissors TinyMCE Advanced Side Content Multi-level Navigation. Create a Universal Slider Manager. Redirect Back To Post/Page Listing After Publish/Update » wpCanyon. How to localize WordPress themes and plugins with GetText - ICanLocalize Blog. If your blog is run in a number of languages, the theme and texts in plugins should be localized, as well as the post contents.
We’ll show you how to do this with the GetText package. GetText and WordPress GetText is a a text translation utility. It’s free and comes built on any web server. There are a few steps to localization with GetText: Wrap each text in a GetText call Create a list of texts Translate that list to different languages Tell WordPress to use the translation Once these are done, the same page can be displayed in different languages.
A single PHP file can now render contents if multiple language, without any need to edit the code. Wrapping strings in GetText calls Any text that would appear on the page needs to be translated. Strings in HTML text. Any string that isn’t inside a PHP call will have to change. What this does is just tell PHP to display this string. If the string already appears inside PHP code, we’ll just wrap it in the GetText call: Text domains Resources. HTML Sitemap for WordPress. Être compatible avec le nouveau like de facebook. Cela ne vous a certainement pas échappé mais le bouton like a changé (cf l’article d’hier). Ce nouveau like prenant maintenant une image sur votre blog, il faut donc maintenant aider facebook à prendre une image adaptée au contenu de l’article et ainsi éviter que facebook pioche une image au hasard.
Donc pour associer une image à un article il faut utiliser et composer avec Open Graph de Facebook et intégrer une nouvelle balise dans le header de votre blog pour indiquer l’image à miniaturiser. Pour wordpress, le code générique à intégrer dans le fichier header.php est le suivant : Une fois intégré le bouton like prendra automatiquement l’image intégrée dans l’article. Si jamais votre article n’a pas d’image vous pouvez bien entendu lui donner une option par défaut comme par exemple : Et si vous préférez ne pas toucher au fichier header.php vous pouvez intégrer une fonction dans le fichier function.php : Improve your default widgets. One of the most versatile, flexible things about WordPress is its widget system. Widgets were added to WordPress core in 2007, version 2.2. Depending on the theme you’re using, widgets can make customizing your website incredibly easy. WordPress default widgets are fine, and do their job, but they aren’t very flexible.
There are stronger, more flexible widgets available out there—widgets that might just end up replacing your standard setup. Improve most of your widgets at one time The first thing you should grab to better your widgets is to Justin Tadlock’s Widgets Reloaded . Widgets Reloaded replaces a number of the default WordPress widgets with widgets of similar purpose, but with more flexibility. Make widgets flexible with some logic Sometimes widgets are only necessary on certain pages. Or, you can grab Widget Logic , a Plugin that allows you to choose, using WordPress conditional tags, which pages a widget will show up on. Feature pages using widgets in the simplest way. How To Build A Media Site On WordPress (Part 2) - Smashing Magazine. Fancy JQuery Tooltip for Post Title.
7th Mar 2011 | Posted by reza | 10 Comments Usually, WordPress theme developer already provide a tooltip for post title. This tooltip appears when visitor hover the mouse over a post title in the home page or archive page or any page with linked post title. This tutorial, really easy tutorial, will help you add a fancy jQuery tooltip for your WordPress post title, replacing the default one. You can check the demo of this tutorial here: DEMO Go hover the title of a post there and the fancy tooltip will appear. Ok, let’s start the tutorial. We will use twenty ten as the example theme first, We need to call the jQuery framework file. open header.php of twentyten theme and add right before Next, Adding script to create the tooltip also in the header.php of twenty ten, place these the codes right before: And last, styling the tooltip in style.css of twenty ten, add this style Now your post title comes with that fancy tooltip Hope this tutorial helpfull.
Add Comments (+) Trackbacks/Pingbacks. Custom Template: Create Layout with Different Sidebar. WordPress is one of the biggest blog platforms used on the web. With its growing popularity and huge flexibility, it is also getting more and more used as a CMS for many static websites. Such websites are mainly built around the WordPress page functionality but it can sometimes make sense to be able to display posts from special categories, to create, for example a "news" or "blog" page.
In this article, we will see how to use custom templates to create a blog page in our website, with a custom sidebar and some thumbnails. To help follow this article you can download the files below. What We Want to Create Since an image is worth a thousand words, let's take a quick look at what we want to create. We will have two types of pages in our website: The "normal pages". The page contenta sidebar composed of a search box and a calendar The blog (or news) page which will display: Now that we see what we want, let's get started with the coding!
Creating the "Blog" WordPress Page Template Conclusion. Restrict a Specific Word from Post Title. 28th Feb 2011 | Posted by reza | 8 Comments Hooks are very useful in WordPress. They allow you to “hook” custom functions to an existing function, and allow you to modify WordPress’ functionality without editing the core files. This article shows simple usage of WordPress hook. The hook we are using here is post_publish, to restrict a specific word from post title. You can read more about hook in WordPress here : link Put the code in your function.php.
. - image credit - Add Comments (+) Trackbacks/Pingbacks. jQuery & Wordpress - User Interface. Dans ce tuto, je tenais à vous présenter une sous-librairie de jQuery, il s’agit de jQuery UI. Qui, même si elle est dépendante de jQuery, est très complète. Nous verrons dans un premier temps comment l’utiliser dans votre projet puis je proposerai des exemples d’applications pratiques. Importation des éléments jQuery La première chose à faire est de visiter le site web contenant cette libraire : jQuery UI. Ensuite, nous allons fabriquer notre thème. Pour ce faire, rendez vous dans la section « Design a custom theme ». Une fois l’opération terminée, téléchargez grâce au bouton Download Theme situé en-haut du theme roller. Dans la page suivante, vous pourrez enlever les effets que vous ne désirez pas télécharger. Vous vous retrouverez avec une archive composée des fichiers suivants : Pour importer votre libraire dans votre thème WordPress voici les différentes étapes à suivre : Félicitations, vous venez d’installer votre librairie jQuery UI.
Exemples d’utilisation #1 – L’accordéon Pré-requis : Customize the Admin Area. WordPress is one of the best CMSs out there — if not the best (but of course, I’m biased because I’m a WordPress fanatic). It has loads of handy features that make site administration a breeze. WordPress is a publishing platform with a comment system, a GUI for creating, editing and managing posts and pages, handy built-in tools like the "Export" feature to back up your content, user roles and permissions, and more. But how much of these features do we really use? Though already simple and user-friendly by default, we might want to customize the WordPress Admin interface to make it even simpler and more manageable for our clients, our co-authors, and ourselves.
Why Customize the WordPress Admin Interface? Lately, WordPress has reached phenomenally high usage rates. There are over 25 million publishers[1] who use WordPress, making it a popular publishing platform. Here is the problem, though. The Solution Luckily, WordPress has a solution. WordPress’s functions.php Let’s get started. jQuery UI & WordPress - Le bouton sous toutes les coutures. Après avoir étudié comment intégrer jQuery UI dans votre projet WordPress, apprenons comment utiliser les boutons avec cette formidable bibliothèque.
REMARQUE : Sachez que l’importation d’une librairie complète pour 2, 3 boutons est à proscrire. Bien que mes exemples portent sur des problèmes simplistes, on utilisera plus souvent une libraire de cette envergure pour créer une interface utilisateur complète dont la création de boutons est une étape importante. Le bouton de base Pré-requis : Un lien ou un bouton en HTML ;Ajoutez un attribut class quelque soit la méthode utilisée (lien ou bouton) ; <! La classe sera récupérée dans notre code JavaScript pour identifier le bouton. jQuery(function() { jQuery( '.button' ).button(); }); Vous devriez obtenir un bouton aux couleurs du thème jQuery UI de votre choix. Le bouton avec une icône Vous l’aurez sans doute remarqué lors de la sélection de votre théme, jQuery UI importe dans votre projet une série d’icône à tout faire. <! Et voila le résultat ; Wordpress & jQuery UI : L’accordéon d’article.
Beaucoup d’entre vous me demandent comment fabriquer un système d’accordéon avec jQuery et WordPress. Un système en étant un autre. Il y a peu d’article explicatif sur cette méthode. Un manque corrigé avec ce tutoriel détaillé. Avant de commencer, je vous demande d’insérer la librairie jQuery et jQueryUI. Et pour ce faire, je vous renvoi au tutoriel sur jQuery UI. Avec ces librairies, il est très simple de créer un accordéon.
Le plus compliqué, c’est de l’adapter sur WordPress. Le code avec une boucle WordPress En sortie votre code devra, stricto sensu, ressembler à ceci : <div id="accordion"><h3><a href="Lien 1">Le titre</a></h3><div>Le contenu</div><h3><a href="Lien 2">Le titre</a></h3><div>Le contenu</div><h3><a href="Lien 3">Le titre</a></h3><div>Le contenu</div><h3><a href="Lien 4">Le titre</a></h3><div>Le contenu</div></div> Pour ce faire, nous allons utiliser le loop de WordPress afin de générer ce code : <div id="accordion"><?
Dans le loop, on va retrouver : Résultat final. 8 Ways to Hack and Improve Your WordPress Toolbar. Ah, the ubiquitous WordPress toolbar. Although it attracted the ire of some users upon its release in version 3.3 of WordPress, in my humble opinion, there is no doubting its usefulness. It bridges the gap between your live blog and the backend.
It allows you to quickly access your dashboard, edit posts, check comments, update plugins, and much more. A few moments spent familiarizing yourself with it can help you get things done more quickly. But that’s just the default toolbar. There are actually a whole bunch of things you can do to improve its functionality, and today, I want to go through my favorites. 1. Let’s start with a plugin. That’s pretty good for a start. This is easily done through WordPress’ custom menu section. Your custom menu will then display on the toolbar: Pretty cool, right? 2. I am a huge fan of Clicky analytics. That’s some good-looking analytics right there. Another great reason to use Clicky analytics is the Clicky Analytics by Yoast plugin. 3. 4. 5. 6.
That’s it! jQuery & Wordpress – Créer votre slider personnalisé. Aujourd’hui nous apprendrons à utiliser jQuery afin de créer un slider. Plusieurs notions de WordPress vous seront utiles, notamment les query_posts et les custom fields ou champs personnalisés. Coté jQuery, tous sera décortiqué dans ce tutoriel. Pourquoi faire un slider soi-même, alors qu’il en existe une pléiade de plugin comprenant cette fonction ? Vous verrez qu’avec un peu de doigté vous pourrez arriver à un résultat plus proche de vos désidératas qu’avec un plugin car il s’agit d’une combinaison de CSS / JavaScript totalement personnalisable.
Rappel sur les query_posts Le query_posts est une fonction utilisée juste avant le loop WordPress permettant de trier les résultats de ce dernier. En code, le précédent exemple donnerai ceci : Le wp_reset_query(); » sert à clore la requête pour éviter tout conflit dans le cas d’un template multi-loop. Pour notre slider nous utiliserons cette requête : Rappel sur les custom fields Ces champs peuvent faire l’objet de custom fields. Utiliser jQuery avec Wordpress pour un effet Slide Toggle. Aujourd’hui nous allons introduire une nouvelle dimension à vos projets WordPress car je vais vous montrer comment importer la librairie jQuery et vous apprendre comment utiliser l’effet déroulant slide. Qu’est-ce que jQuery ?
Tout d’abord il convient de savoir ce qu’est jQuery. Si vous êtes coutumier du JavaScript, vous connaissez sûrement jQuery. Pour les autres, jQuery est une librairie de fonctions d’animation (en général) codé en JavaScript. La où il vous faudrait des heures de codage pour gérer une animation style fade ou autre… jQuery vous en propose prêtes-à-l’emploi. Exemple fade() : $(document).ready(function() { $('#id_element_soumis_fading').fadeIn(400); }); Le signe $ est l’identificateur de jQuery, s’en suit l’élément à modifier, et la fonction à utiliser. D’ailleurs ce n’est pas pour rien que le slogan de jQuery est : « Write less, do more » (Écrivez moins, faites plus)… jQuery et WordPress Activation de jQuery Pour l’activer, une simple commande PHP suffit : Ce qu’il vous faut : jQuery : Le DOM & les sélecteurs. Je retrouve souvent plusieurs personnes appliquant certains de mes tutos me posant les mêmes questions ou me soumettant les mêmes problèmes d’intégration.
En général, les soucis sont dû à une compréhension erronée des manipulations du DOM ou de la manière dont agit le JavaScript sur votre code. Aujourd’hui, je vous fais un petit tuto pour tous ceux qui veulent toucher à jQuery sans nécessairement comprendre tout JavaScript. C’est pour cela que nous allons (re)voir ce qu’est le DOM ainsi que les sélecteurs utilisés dans jQuery. Coté client Comme JavaScript, jQuery est un langage qui s’exécute coté client. Vous l’avez certainement déjà entendu sans vraiment comprendre ce que cela entraine par rapport à votre code. Donc le JavaScript ne modifiera jamais du code PHP. Document Object Model Le JavaScript parcourt une page web en respectant une hiérarchie très simple que l’on nomme le DOM. Schéma – Exemple DOM Les sélecteurs Voici le secret de jQuery. La même chose est applicable avec jQuery : [nom! Créer un menu "stay-top" sous Wordpress avec jQuery.