Archive for the ‘Webdesign’ Category

add_menu_page on WP 3.0 Thelonious

lundi, juin 28th, 2010

Just a quick note to plugins developpers. The options page for the Welcome Announcement stopped showing after the upgrade to WP 3.0. After few checks, it appears the bug comes from the function: add_theme_page.

Previously, I used the following call:

add_theme_page ('Welcome Announcement Options', 'Welcome Announcement','administrator', url_of_the_php_file_containing_the_function, 'wa_options_page');

It appears that in 3.0, the system doens’t like the « http:// » prefix of the URL. In fact, i don’t even need to give the reference to the php file. A simple « slug » is enough.  From the codex:

The slug name to refer to this menu by (should be unique for this menu). Prior to Version 3.0 this was called the file (or handle) parameter. If the function parameter is omitted, the menu_slug should be the PHP file that handles the display of the menu page content.

So, if you give the name of the function, no need to give the reference to the php file. A simple id / name for the slug suffices.

Hope it helps!

Wordle

jeudi, février 25th, 2010

Wordle: VandalJe viens de découvrir ce service et j’ai voulu faire un essai.

A partir d’une liste de mots, il compose une image (via une applet java). le principe est un peu le même que pour une liste de tags mais en plus on peut jouer sur les couleurs et polices. C’est super génial. Et ça se passe sur Wordle.net!

Plugins / Theme Options Page: Select / Radio / Checkbox

jeudi, novembre 12th, 2009

Cette article s’adresse à tous les développeurs de plugin et de thèmes wordpress. Il est toujours utile, et parfois nécessaire, d’utiliser des options dans un thème ou un plugin. Depuis la version 2.7, wordpress a prévu un nouveau mécanisme pour cela, Settings API. Beaucoup d’articles ont déjà été postés sur le web à propos de la création d’une page d’options en utilisant l’ api Settings API. Je vous recommande notamment:

  1.  PixelAce qui a un article très didactique sur la création d’une page d’options .
  2. Ensuite, ozh a un article sur la manière de compacter toutes les options d’un plugin/thème en un seul champ dans la base de données.

Je me suis inspiré de ces articles bien écrits pour rédiger la page d’options du plugin Welcome Announcement. Cela dit, j’ai cherché comment faire pour pouvoir ajouter des options autres que le basique input type=text. Par exemple des checkbox, des listes déroulantes (select), des radiobuttons ou alors des zones de texte (textarea). Après plusieurs essais, j’ai finit par trouver et je voudrait partager cela avec vous. (suite…)

Les tribulations d’un non développeur: mon premier plugin

jeudi, novembre 12th, 2009

Ca y est! J’ai publié mon premier plugin wordpress aujourd’hui. Une aventure très excitante pour un non développeur. Il a fallu toucher à plusieurs technos de bases: Flash, php, Javascript, ActionScript, cookies. Il a également fallu se lancer dans les frameworks specifiques: jQuery, jQuery UI, Worpress Plugins API et WordPress Settings API.  Et bien sûr, un peu de XHTML et CSS. Un peu beaucoup pour un seul homme, mais ce fut très enrichissant. (suite…)

nicEdit

mardi, novembre 10th, 2009

20091109 || 2235

Après plusieurs essais inintéressants à la recherche d’un editeur de texte wysiwyg ultra light, la lumière (la light) se révéla à moi: NicEdit. Le développeur a du génie il faut le reconnaître. Son éditeur tient en 2 fichiers et est tellement light qu’on n’a pas besoin de l’héberger sur son serveur. Après les dizaines de fichiers de tinyMCE ou autre wyzz, nicEdit c’est le paradis. 2 ligne de code pour l’activer et c’est parti. Lovely. Je vais bientôt l’implémenter dans ma zone de commentaires. (suite…)

Un bug intéressant sur Firefox 3.0

vendredi, novembre 6th, 2009

Certains considèrent Internet Explorer comme un mauvais navigateur, et lui préfèrent de loin Firefox. Et là, je viens de trouver une fonction ou IE est plus intéressant. Et oui, c’est possible, IE plus sympathique que FF.

Le test :

J’ai une fonction javascript qui centre les élements html en positionnement fixe (css position à fixed or absolute) sur la page.

Le code de la fonction :

function w_center (element) {
    //this function centers a fixed or absolute positionned element on the screen    
    if (jQuery(element).css('position')=='absolute' || jQuery(element).css('position')=='fixed') {
        w_width = jQuery(element).width();
        w_height = jQuery(element).height();
        jQuery(element).css('left', Math.max( 0, (screen.availWidth - w_width)/2) +"px");
        jQuery(element).css('top', Math.max( 0, (screen.availHeight - w_height)/2) +"px");
    }
}

Cette fonction s’appuie sur la librairie jQuery qui peut être instanciée par <script type= »text/javascript » src = « http://code.jquery.com/jquery-latest.js »></script>

Ensuite, je demande à la fonction de me centrer 1 <div>  et un <object> flash.

Sous IE 6/7/8, le résultat est correct. Le div et l’object sont bien centrés.

Sous FF, le résultat est parfaitement bizarre. Le div est bien centré mais l’object est placé à une position incohérente, en bas de l’écran.

Plus intéressant encore, si j’essaie d’utiliser l’animation show de jQuery sur l’object, il y a une erreur dans FF tandis que l’animation est bien exécutée sous Internet Explorer!

Quelqu’un sait pourquoi ?