WordPress administration design: Tiger

J’utilise depuis hier soir ce plugin de WordPress créé par Steve Smith. Il a pour but de changer le design de l’interface d’administration de WordPress. Le résultat est assez splendide et agréable à utiliser. Si vous utilisez WordPress, je vous conseille de l’essayer. Vu qu’il a été écrit sous la forme d’un plugin, vous pouvez de toute manière l’activer et le désactiver facilement.
Par contre, il y a deux points à souligner : premièrement il utilise des fonctions de CSS2 et JavaScript qui ne fonctionnent qu’avec Firefox.
Ensuite les explications pour l’installation du plugin sont un peu succinctes. Voici donc la marche à suivre sur Windows : downloadez le fichier et dézipez le. Ensuite ouvrez le fichier où vous allez trouver un folder _MACOSX et un autre nommé wp-admin-tiger. Via votre client ftp uploadez ce deuxième folder (wp-admin-tiger) dans le répertoire plugin de votre installation de WordPress. C’est ici, que se trouve la subtilité : il faut que le système de gestion des plugin de WordPress puisse se raccrocher à un fichier en .php. Donc uploadez ensuite dans le répertoire plugin le fichier wp-admin-tiger.php qui se trouve dans le folder wp-admin-tiger. Activez ensuite le plugin via l’interface d’administration, et voilà…
Si vous travaillez sur Mac, faites la même chose en uploadant l’autre folder et si vous travaillez sur les deux plateformes, uploadez les deux folder, j’imagine que ça devrait fonctionner.
Si vous avez besoin de plus d’infos, vous pouvez toujours vous référer au Codex.

Listamatic

Une ressource CSS utile pour le design de pages web : Listamatic qui propose et décrypte un bon paquet de formats de listes. Et tout particulièrement les listes utilisées pour la navigation. Un sujet sur lequel je devrais me pencher un de ces jours pour GG…

CSS et IE : mucho étrange

Bon, après un peu de tripotage le bandeau apparaît enfin sur IE. Grand mystère du CSS, en fait j’ai remplacé ça :

#photo
{

margin: 0;
padding: 150px 0 8px 0;
background: transparent url(‘/cover/rotate.php’) no-repeat bottom center;
}

par ça :

#photo
{

margin: 0;
padding: 150px 0 8px 0;
background: transparent url(‘/cover/rotate.php’);
background-repeat: no-repeat;
background-position: bottom center;

}

et maintenant ça fonctionne. Surtout qu’il y a un mois ça fonctionnait encore !
Mucho étrange…

rotation

J’ai un problème avec les images récurrentes sur les sites : je me lasse vite. Je n’aime pas retomber à chaque fois sur la même image titre à chaque fois que je visite un site. La chose étant également vraie pour gatsu gatsu, j’ai donc trouvé une solution. J’ai installé un script en PHP qui change l’image ci-dessus à chaque fois que l’on charge la page. Essayez en cliquant sur « refresh », normalement ça devrait fonctionner. Le script PHP est fait pour fonctionner avec des images inscrites dans le code HTML, mais je me suis rendu compte que cela fonctionnait également en liant le script à une fonction d’image d’arrière plan dans la feuille de style. Je préfère passer par les images d’arrière plan de la feuille CSS qui sont plus faciles à positionner.
Les photos sont des détails d’images de Trent Parke, un photographe australien et viennent d’un site spécialisé dans la photographie de rue. Il y a pour l’instant un set de 15 photos en rotation et je vais essayer de régulièrement le changer.
A propos du design du site tout fonctionne plus ou moins dans les différents navigateurs que j’ai essayé avec Windows (Mozilla 1.7.2, Firefox 0.9.2 et IE 6), à part dans Mozilla (pas Firefox, juste Mozilla) où il y a un décalage de 1 pixel dans l’image d’arrière plan du haut de la page. Mais je travaille sur le problème…

ravalement de façade (suite)

Bon le boulot avance dans le changement de design du site mais tout n’est pas encore terminé. Je me suis rendu compte que je n’étais pas vraiment doué pour pondre un design de A à Z. Mes premières tentatives ne se sont vraiment pas révélées convaincantes.
Donc je me suis tourné vers le nombreux templates développés pour WordPress. J’ai jeté mon dévolu sur une version qui n’est pas trop utilisée et je l’ai modifiée pour la rendre (plus ou moins) originale.
Donc la base est faite, et il me reste encore à rajouter de petits détails comme quelques plugins et petits détails graphiques. Mais je vous tiens au courant…
Et ensuite je me remets à mettre des choses intéressantes sur le site plutôt que mes problèmes de positionnement en CSS.