BaroqueW

BaroqueW

and his sidekick nikkitaa

BaroqueW RSS Feed
 
 
 
 

Posts tagged Wordpress

Nouveau thème

Je viens de changer le thème du blog pour Athaulpa (au lieu de Talian qui a disparu du site de son créateur…). Au passage la bannière – précédemment un coucher de soleil sur un fjord norvégien – a été remplacée par une série de panoramas de mon cru :

  • Place Rouge de Moscou en Russie
  • Split en Croatie vue depuis la colline Marijan
  • Bratislava en Slovaquie vue depuis le palais
  • Le quartier des souks vu depuis la crique de Dubai aux Émirats Arabes Unis

Les panoramas ont été faits avec DoubleTake pour les premiers et PhotoStitch de Canon pour le dernier. PhotoStitch a une interface un peu plus austère et pas très “Mac” mais détecte et recolle bien mieux les images. En revanche, les options pour faire des réglages manuels sont bien moindres dans le logiciel de Canon (PhotoStitch est offert gratuitement avec certains modèles d’appareils photo de Canon).

September 28th, 2008 | Tags: , |

Category: Articles en français, Blog | Leave a comment

Customisation de WordPress - Alt to Legend

Puisque je viens de migrer de Spip à WordPress, il y a pas mal de choses à refaire. Heureusement de nombreux plugins sont là pour me simplifier la tâche. Alt to Legend est un de ceux-là. Il permet en un tour de main de faire apparaître la légende des photos que vous ajoutez à vos articles. Il permet notamment de ne pas avoir à se salir les mains ou à plonger dans le code de vos thèmes pour tout faire vous-même.

J’ai dû légérement le modifier pour arriver à mes fins cela dit.

  • D’abord, le centrage des légendes ou des images ne marchaient pas. float : center ne passe pas : remplacé par margin-left : auto; margin-right : auto; pour le cadre et par <center></center> pour le texte
  • La reconnaissance du centrage ne se fait plus sur align=”left/right/center” mais sur class=”alignleft/right/center” pour refléter mon thème
  • Lorsqu’une image n’a pas de légende, elle est désormais zappée (attention, cela zappe aussi le cadre autour de l’image.
  1. if (strcmp($al_settings['text_align'], "center") == 0) {
  2.  
  3.                 $text_style = ‘<span><center>’;
  4.  
  5.                 $text_style_close = ‘</center></span>’;
  6.  
  7.         }
  8.  
  9.         else {
  10.  
  11.                 $text_style = ‘<span style="text-align:’.$al_settings['text_align'].’; ">’;
  12.  
  13.                 $text_style_close = ‘</span>’;
  14.  
  15.         }
  16.  
  17.         $counter = 0;
  1. // Set the apperarance of the borders and the image according to user settings
  2.  
  3.         if ( $al_settings['use_border'] == false ) { $al_settings['border_style'] = ‘none’ ;}
  4.  
  5.         $div_open = ‘<div id="img_lgnd" style="position: relative; font-size: ‘.$al_settings['font_size'].’; border: ‘.$al_settings['border_size'].’px ‘.$al_settings['border_style'].’ ‘.$al_settings['border_color'].’; margin: ‘.$al_settings['margin'].’; padding: ‘.$al_settings['padding'].’; max-width: ‘.$img_width.’px;  height:auto !important;’;
  6.  
  7. if (strcmp($image_align, "right") == 0 ){
  8.  
  9.                 $div_open .= ‘ float : right’;
  10.  
  11.         } else if (strcmp($image_align, "left") == 0 ){
  12.  
  13.                         $div_open .= ‘ float : left’;
  14.  
  15.         } else if (strcmp($image_align, "center") == 0){
  16.  
  17.                 $div_open .= ‘ margin-left : auto; margin-right : auto’;
  18.  
  19.         }
  20.  
  21. $div_open .= ‘">’;
  22.  
  23. $img_true_end = $img_start + strlen($img_text);
  24.  
  25.         $img_text = str_replace ($img_open, $img_incipit, $img_text);
  26.  
  27. $lgnd_start = strpos($img_text, $lgnd_open);
  28.  
  29.         if ($lgnd_start) { // if the alt or title description exists
  30.  
  31.         $img_text2 = substr($img_text, $lgnd_start + $lgnd_open_len + 1);
  32.  
  33.         $lgnd_end = strpos($img_text2, $lgnd_close);
  34.  
  35.         $lgnd_text = substr($img_text2, 0, $lgnd_end);
  36.  
  37.         $before = substr($data, 0, $img_start);
  38.  
  39.         $after = substr($data, $img_true_end);
  40.  
  41. $data_chunck[$counter] = $before.$div_open.$img_text.$text_style.$lgnd_text.
  42.                                          $text_style_close.$div_close;
  43.  
  44.         $data = $after;
  45.  
  46.         $counter++;
  47.  
  48.         } else {
  49.  
  50.          $before = substr($data, 0, $img_true_end);
  51.  
  52.          $after = substr($data, $img_true_end);
  53.  
  54. $data_chunck[$counter] = $before;
  55.  
  56.          $data = $after;
  57.  
  58.          $counter++;
  59.  
  60.         }
  61.  
  62. }
  63.  
  64. $data =”;
  65.  
  66.       for ( $c = 0; $c < $counter; $c++) {
  67.  
  68.        $data = $data.$data_chunck[$c];
  69.  
  70.              }
  71.  
  72.       $data = $data.$after;
  73.  
  74.        }
  75.  
  76.     return $data;
  77.  
  78. }

February 24th, 2008 | Tags: , |

Category: Articles en français, Blog, Tech >> Computer | Leave a comment

Bienvenue dans WordPress !

Voilà, après de longues heures à migrer manuellement mon site de l’ancien moteur SPIP au nouveau, WordPress, je pense qu’il est temps de le rentre publique. Migration manuelle, en effet, car les comptes rendus de diverses tentatives que j’ai pu trouver sur le net se sont révélés infructueux (ici en français et ici en espagnol). Résultat migration manuelle de tous les articles, ce qui m’a permis d’en améliorer certains.

Le nouveau moteur devrait permettre plus d’ouverture sur le monde. SPIP était un bon moteur mais à part quelques sites persos français, quelques assoces autour des mouvements informatiques “libres”, la communauté n’est pas grande. Pour le reste, on retrouve les mêmes fonctions qu’avant : commentaires, catégories, etc. Les principaux changements sont que A) la partie anglaise et la partie française du site ne sont plus séparés et B) il y a une option de recherche en haut de la page. Il y a aussi une meilleure intégration avec ma galerie même si pour l’instant elle est en travaux – beaucoup de mes descriptions sont passées à la trappe lors d’une mise à jour (à cause des accents).

Au passage, j’ai créé une nouvelle bannière à partir d’une photo prise en Norvège il y a un peu plus d’un an.

En tout cas, bienvenue sur le nouveau site !

February 23rd, 2008 | Tags: , , |

Category: Articles en français, Blog | Comments (3)

Coloration syntaxique

J’ai modifié mon squelette pour qu’il accepte la coloration syntaxique comme décrit ici. J’ai opté pour la méthode avec Beautifier. Attention l’article oublie deux fonctions dans la partie Beautifier qu’il faut reprendre du dessus et mettre dans ecrire/mes_fonctions.php :

  1. function avant_propre($texte) {
  2. $new_texte = avant_colorer_code($texte);
  3. return $new_texte;
  4. }

et

  1. function apres_propre($texte) {
  2. $new_texte = apres_colorer_code($texte);
  3. return $new_texte;
  4. }

Attention, ligne 33 de HFile/HFile_html.php un erreur s’est glissée au niveau du < qui n’est pas entre guillemets, enlevez-le simplement.

Évidemment maintenant que j’utilise WordPress, ça a moins d’intérêt… Sachez que sous WordPress, j’utilise le plugin CodeHighlighter.

February 26th, 2007 | Tags: , , |

Category: Articles en français, Blog, Tech >> Computer | Comments (2)