31.01
2011

Amnesia est un jeu vidéo survival horror. Issu du studio qui est à l’origine de l’excellent Penumbra, un jeu qui jetait un froid dans le dos !

Synopsis : Imaginons une discussion sur Skype pendant qu’un des participants, peureux, tente de jouer.

Bonne tranche de rigolade !

url de l’image : http://www.ripten.com/wp-content/uploads/2010/06/Amnesia4-600×341.jpg
26.01
2011

WordPress : Les fonctions et les menus

Je vais vous montrer la technique que j’ai utilisé pour réaliser le menu horizontal de ce site.

Ayant commencé par faire quelques catégories, je me suis rappelé des fonctions que j’avais pu voir dans le ‘header.php‘ pour appeler une page (dans mon cas c’était ‘A propos‘).

Je rappel que la fonction qui a été utilisée était :

wp_list_pages();

Donc en spécifiant comme il se doit l’id de votre page, le lien apparaîtra ! Mais quand est-il des catégories ? Une fonction existe également !

wp_list_categories();

Il faut partir dans l’optique que se sont des requêtes générales ! Ce que je veux dire par là, est qu’elles retournent l’ensemble des pages/catégories (et même sous catégories !) si on ne les précise pas.

Pour ma part je veux que l’on voit toutes mes catégories et mes sous catégories… J’ai donc codé de cette manière :

<div id="main_navi">
<ul>
<li<?php if(is_home()&&!is_paged()) echo ''; ?>><a href="<?php bloginfo('url'); ?>"><?php _e('HOME', 'pyrmont_v2'); ?><!--end--></a></li>
<?php wp_list_categories('title_li='); ?><!-- appel de mes catégories ! appel les sous menus automatiquement ! :D  -->
<?php wp_list_pages('title_li=&depth=2'); ?><!-- appel de la page à propos -->
</ul>
Mais on peut largement limiter l’affichage de certaine catégorie, par exemple :

ma catégorie CMS a pour id 5 et on ne veut pas la voir !

ma requête devient :

<?php wp_list_categories('exclude=5&title_li='); ?>

Et voilou ^^

25.01
2011

Logo WPSincèrement, en me lançant dans WP, je m’attendais à encore quelque chose de plus simple et d’ assisté pour modifier certain menu. Mais à la vue de ce que j’ai pu voir sur la toile, tout ce que je trouvais été > CODAGE par ses patounes. Je me suis dis: ‘m’enfin ! Il doit bien avoir un petit module pour satisfaire ce petit problème :) ’.

Et je google… je pense avoir trouvé le truc !! > Menu Manager

Interface de Menu Manager

Un module foutrement bien foutu !! Interface en drag n’ drop insertion vraiment simple ( à vrai dire je n’avais pas trouvé de suite ^^).

L’installation est comparable à tout autre module, et après son activation, il faut aller dans la section ‘Réglages’ afin d’en profiter.

Le Main Menu de ce site est codé mais j’avais essayé. Je m’en vais vous conter la manière dont j’avais intégré le menu généré par ce système dans mon menu de navigation horizontale.

Alors tout d’abord, direction la sección Apariencia (la section Apparence) de votre site web ! :D Si qué calor ! ;) Puis éditeur > Modèle : ‘En-tête.php’

Pour mon template, j’avais un menu de la sorte :

<ul class="left">

<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="<?php bloginfo('url'); ?>"><?php _e('HOME', 'pyrmont_v2'); ?><!--end--></a></li>

<?php wp_list_pages('title_li=&depth=2'); ?>

</ul>
On va insérer le code permettant l’implémentation du menu généré par MM de cette manière :

<ul class="left"></div></span></div>
<pre><li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="<?php bloginfo('url'); ?>"><?php _e('HOME', 'pyrmont_v2'); ?><!--end--></a></li></div>

//MM
<?php /*If Menu Manger is activated, run it */ if (function_exists('mm_menu')) { ?></div>
<div><?php mm_menu(); ?></div>

//là on peut voir que soit il lance MM soit il lance la fonction qui appelle le menu par défaut du thème
<div><?php /* If Menu Manger is not active, run the usual navigation code */ } else { ?></div>
<div><?php wp_list_pages('title_li='); ?></div>
<div><?php } ?></div>
<?php wp_list_pages('title_li=&depth=2'); ?><!-- lien qui appel ma page 'A propos' --></div>
</ul>

Està buen ?! :D

Pour en profiter vérifier dans ‘Options des permaliens’ la façon dont est généré vos adresses du site !

image tirée du site WP.org et le code fut trouvé thanks to ce site (US) : http://www.solostream.com/blog/tutorials/how-to-create-a-custom-wordpress-navigation-menu-with-menu-manager-plugin/
url logo : http://www.undernews.fr/wp-content/uploads/2010/12/wordpress.png
25.01
2011

Logo WordPress

Comme tous les CMS que j’ai eu loisir d’utiliser, les développeurs ont mis à disposition des fonctions afin de faciliter certaines tâches. Pour ma part, comme vous pouvez le constater ce thème n’est pas pourvu d’un Header avec Logo à l’origine. J’ai donc triché :D

Dans Apparence > Editeur, vous pouvez modifier les feuilles de style du thème ainsi que les squelettes en PHP. Par logique, nous allons nous rendre dans la partie En-tête avec la feuille ‘header.php‘. Vous uploadez votre logo dans le fichier ‘images‘ du thème que vous avez activé.

Votre code pour le header originel du thème Pyrmont v2 est :


<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<p><?php bloginfo('description'); ?></p>
<?php include (TEMPLATEPATH . '/searchform.php'); ?></div>
<!-- end header -->

Vous le modifiez de la sorte :


<div id="header">
<div class="blog_title"><span style="white-space: pre;">
<h1><a href="<?php bloginfo('url'); ?>">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a></h1>
<p class="description"><?php bloginfo('description'); ?></p>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<div class="clear"></div><!-- end header -->

J’use de la fonction php ‘bloginfo’ afin de retourner le chemin ou se situe le thème !

Mais bien d’autres existes : http://codex.wordpress.org/Function_Reference/

url de l’image : http://www.webdevonlinux.fr/wp-content/uploads/2009/04/wordpress-shine.jpg
24.01
2011

Ubuntu 10.10 « Maverick Meerkat »

Logo Ubuntu

Voici qu’aujourd’hui je me lance dans une installation de Linux dans sa distribution Ubuntu en virtualisation.

Pour être exact la 10.10 « Maverick Meerkat », andouille que je suis, je me dis que mon se7en est un x64 soit 64 bit, je vais me laisser tenter par la version x64 de ce bon vieil Ubuntu …

Donc première gaffe, Ubuntu x64 ne fonctionne pas avec les core i7… Plateforme qui n’est pas encore gérée par Linux.

Bon, ma foi ce n’est pas la fin du monde ^^ je télécharge la x86 ! (Toujours édition « MM »).

L’installation se fait sans trop de problème (je dirais même aucun ^^, alors que je reformatais un pc sous WinXP en parallèle, le nombre de message d’erreur pour l’install était ahurissant [NON ! mon cd n'était pas rayé :D !])

Deuxième gaffe : la version « MM » est anglaise… Bon c’est pas comme si Linux ne m’avait pas reçu chez lui depuis un petit moment, mais presque ! C’est partie ! Je gratte dans le menu. Donc pour passer votre version d’Ubuntu en français, il faut donc aller : System > Administration > Langage support > Install/Remove Languages… > cherchez « french » > cochez et appliquez. Puis après onglet ‘Text’, et dans le premier menu déroulant choisissez français. Replacez vous dans le premier onglet placez la langue française en première place (drag n’ drop)> Appliquez …

Bug : Seulement, dans les quelques quinzaines de minute qui ont suivi mon ‘intense’ session dans Linux; je ne pouvais plus user de mon clic gauche … Reboot de la machine, sa marche un temps puis pouf le pouvoir du clic s’en va :/ Après recherches, me voilà arrivé sur ce site : http://ubuntuguide.net/fix-left-click-not-working-after-upgrading-to-ubuntu-10-10-maverick > mon sauveur (du moins pour l’instant, je n’ai plus eu ce problème). Que faut-il faire ?

Soit première solution : télécharger le package qui convient à votre configuration à cette adresse > http://ppa.launchpad.net/xorg-edgers/ppa/ubuntu/pool/main/x/xserver-xorg-input-evdev/ (personnellement j’ai pris ‘xserver-xorg-input-evdev-dev_2.6.0+git20110112.30c3645e-0ubuntu0sarvatt_all.deb‘ )

Sinon voir si vous avez une souris type A4Tech : tapez la commande : ‘xinput -list‘ afin d’obtenir la liste de vos périphériques (Souris/Clavier).

Vous risquez d’obtenir :

↳ A4TECH USB Device id=11 [slave pointer (2)]
↳ A4TECH USB Device id=10 [slave pointer (2)]

Vous exécutez la commande : ‘xinput set-int-prop id-de-votre-souris “Device Enabled” 8 0‘. Exemple ‘xinput set-int-prop 10 “Device Enabled” 8 0′. (D’après les échos sa serait souvent le deuxième périphérique !)

Bref, à vrai dire j’aime toujours autant cette interface d’Ubuntu, elle n’a guère changé. Agréable et Sinon, pressé de l’installer sur mon vieux portable pour profiter de Compiz/Beryl :P

url de l’image utilisée : http://www.fredzone.org/wp-content/uploads/2010/03/ubuntu_shiny_logo_large.png
On remonte ?