Thorbj.blog… on iPhone, iPod & Android
Publié le 16. oct, 2009 par Thorbjorn dans Non classé
Ayé, c’est fait, c’est beau, ch’uis tout content! L’affichage de Thorbj.blog… est maintenant optimisé pour sa consultation sous iPhone, iPod ou Android! Bon… Je ne peux pas en profiter, je n’ai ni iPhone, ni iPod, ni Android. Mais ça ne saurait tarder… (Message subliminal à destination de quelqu’un qui se reconnaitra. Hein?)
Depuis quelques jours, donc, je bosse sur l’intégration de l’extension WPtouch sur Thorbj.blog… Pourquoi quelques jours alors qu’il suffit juste d’installer l’extension pour que ça fonctionne? Ben non, pas tout fait. J’ai eu quelques soucis avec les images ou, plus exactement, avec l’extension Frame Image qui ne permettait pas un alignement correct des images encadrées. Je rencontrais déjà ce problème avec mon thème classique mais, avec WPtouch, le phénomène devenait trop voyant pour le négliger. Je me suis donc enfin décidé à mettre le nez dans le code pour tenter de résoudre tout ça…
Pour ceux que ça intéresse, voici les modifications que j’ai apporté au fichier « frame_image.php » contenu dans la version 1.2.0 de l’extension Frame Image:
1 --- frame_image.php ----------------------------------------------------------
- Chercher et supprimer la ligne:
float: left;
2 --- frame_image.php ----------------------------------------------------------
- Chercher la ligne:
margin: 6px;
- Remplacer par la ligne:
margin: 4px 6px 4px 6px;
3 --- frame_image.php ----------------------------------------------------------
- Chercher la ligne:
background-color: #fff;
- Dessous, ajouter les lignes:
border-radius: 0.4em;
-moz-border-radius: 0.4em;
-webkit-border-radius: 0.4em;
-khtml-border-radius: 0.4em;
4 --- frame_image.php ----------------------------------------------------------
- Chercher et supprimer la ligne:
float: none;
5 --- frame_image.php ----------------------------------------------------------
- Chercher la ligne:
global $post;
- Dessous, ajouter la ligne:
$skippedClasses = '(?![^>]+class=["\'][^"\']*wp-smiley)';
6 --- frame_image.php ----------------------------------------------------------
- Chercher la ligne:
$pattern = "/<img(.*?)src=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)\/>/i";
- Remplacer par la ligne:
$pattern = "/$skippedClasses<img(.*?)class=('|\")(.*?)('|\")(.*?)\/>/i";
7 --- frame_image.php ----------------------------------------------------------
- Chercher la ligne:
$replacement = '<img class="D" $1src=$2$3.$4$5 $6>$7</>';
- Remplacer par la ligne:
$replacement = '<img$1class=$2$3 D$4$5>';(Note: Les modifications ci-dessus corrigent le problème de positionnement des images rencontré avec l’extension Frame Image mais ajoutent aussi l’arrondi des angles au cadre et la non-application du cadre aux images appartenant à la class « wp-smiley ».)
Thorbjorn
oct 26th, 2009
Mon iPhone (à moi
) en main, je m’aperçois que WPtouch n’est pas aussi idyllique que ça. Il impose des options d’un coté et passe outre certains choix de l’autre.
Je vais rechercher une solution alternative mais, en attendant, je le désactive… Dommage.
Thorbjorn
nov 3rd, 2009
La version 1.9.3.4 de WPtouch étant arrivée, je réactive celui-ci pour tester…
Thorbjorn
nov 11th, 2009
Bon, la nouvelle version ne me convient toujours pas… J’ai essayé d’adapter le thème à mon besoin mais le code est beaucoup trop bordélique. Je me casse ma tête ne serait-ce que pour modifier la taille des polices… Pfiou! J’ai rarement vu un code aussi mal foutu, j’abandonne!