« Un diaporama dans un article de b2evolutionMSX les consoles de jeu des années 1980 »

06/09/2012

Habillage Photoblog amélioré pour b2evolution

  17:36:00, par Jac Lou   , 431 mots  
Catégories: b2evo

L'habillage (ou skin) Photoblog pour b2evolution est un habillage relativement simple pour afficher des photos. Je pense l'avoir amélioré (c'est en tous cas mon point de vue). Merci de noter que ma modification est compatible avec la version 4 de b2evo, la compatibilité avec b2evo v5 ou supérieure n'est *pas* assurée. De plus des mises à jours de b2evo ont modifié certains des fichiers également modifiés par moi, ce qui peut produire des effets inattendus. Je travaille à rétablir les modifications dans les fichiers mis à jour. Prenez contact. (english version click here)

Voici les modifications que j'ai faites :

  • * 1/ Modification de l'index photo pour limiter les vignettes affichées à celles de la catégorie principale du post en cours. Cela permet d'afficher seulement les vignettes d'un album particulier au lieu de tous les albums. Dans cet affichage limité, un lien est prévu pour afficher le tout.
  • * 2/ Ajout de l'affichage du statut privé ou protégé. C'est utile pour se rappeler les photos qui sont vraiment publiées lorsqu'on parcourt un album.
  • * 3/ Ajout de l'utilisation des touches flèches gauche/droite au clavier pour naviguer d'une photo à l'autre dans l'album en cours; de plus, Ctrl + flèche-droite = affiche l'index photo; Ctrl + flèche-gauche = affiche le post initial du photoblog.
  • * 4/ Addition de liens pour partager avec Facebook ou Google+ sans passer par un lien externe à votre site.
  • * 5/ Ajout d'un diaporama à vitesse ajustable.

Les fichiers concernés par ces modifications sont :
* _html_header.inc, _item_block.inc, _mediaidx.disp
* /inc/widgets/widgets/_coll_media_index.widget.php
* 1 javascript ajouté : jl_photoblog.js

Les utilisateur non francophones et non anglophones devront ajouter leur répertoire de langue dans photojl/locales/ et y mettre une copie du fichier trouvé dans le sous dossier fr-FR après l'avoir modifié avec les traductions dans sa propre langue.

Vous avez sans soute envie de voir une démo ? Si vous voulez, visitez mon photoblog. Le menu principal est en français, mais on peut cliquer sans comprendre !

Une copie complète du dossier de skin peut être téléchargée ici

Quelques clés pour l'installation.

  • importez and installez comme n'importe quelle skin
  • le nom de la skin est photojl_121115
  • renommez la skin juste photojl (important !)
  • décompressez et copiez le répertoire dans le répertoire votre-blog/skins
  • dans le répertoire photojl, vaus allez trouver un fichier nommé backup_see-warning-inside_coll_media_index.widget.php. Vous devez le copier dans le dossier suivant : votre-blog/inc/widgets/widgets/ . Ensuite procédez comme suit : - renommez le fichier _coll_media_index.widget.php original en _coll_media_index.widget.php.bak (par exemple) - renommez le nouveau fichier en _coll_media_index.widget.php (** d'autres explications sont fournies en commentaires dans index.main.php et dans chaque fichier modifié)
  • Appréciez !

Comme je ne suis pas un super expert en programmation b2evo, il est possible que je n'ai pas vu quelques points qui auraient rendu les modifications plus élégantes ? Dites-le moi.

 Permalien Partagez » Partagez cet article sur Facebook Partagez cet article sur Google+

Adresse de trackback pour ce post

Trackback URL (clic droit et copier le raccourci / l'adresse du lien)

3 commentaires

Commentaire de: Saby [Visiteur]  
Saby

Le lien, tant dans cet article sur l’habillage Photoblog que dans celui sur le diaporama dans un article envoie une page Not found. C’est dommage, car les améliorations que vous avez apportées me semblent redonner de l’intérêt au Photoblog. Je l’avais abandonné au profit des diaporamas shadowbox, qui ne font pas quitter la page en cours, qui disposent d’un compteur de pages (même si j’en avais ajouté un dans ma version), qui proposent un défilement automatique débrayable, qui rendent les flèches horizontales du clavier opérationnelles et qui sont moins contraignants sur les dimensions des photos (j’avoue ne pas avoir su trouver la modification à faire pour obtenir des images plus grandes dans le Photoblog).
Les blogs français sous B2Evolution sont tràs rares. Je ne comprends d’ailleurs pas pourquoi, tant sont nombreuses les fonctionnalités de ce moteur canadien. Vous avez su les utiliser au mieux et je tiens à vous féliciter pour la qualité de votre blog que je trouve passionnant dans toutes ses rubriques. Nombre de vos astuces pour le rendre plus ergonomique (voire pédagogique) pourraient m’inspirer pour le mien. http://jfsaby.com/blogs/index.php (page d’accueil du site) et http://jfsaby.com/blogs/index.php/jeff/ (mon blog perso).

28/03/2014 @ 12:31
Commentaire de: [Membre]

@Saby (Jeff) : merci pour vos éloges :) Malheureusement, comme je viens de l’ajouter dans le texte de présentation, les dernières versions de b2evo v4 ont modifié certains fichiers également modifié par moi. J’ai dû adapter de nouveau ces fichiers, mais je n’ai pas pris le temps de porter ces adaptations dans la version partagée (malgré les quelque 200 visites de ce post, personne ne s’était manifesté jusqu’à ce jour). Je vais m’y coller. Cordialement. Jacques

28/03/2014 @ 14:18
Commentaire de: Saby [Visiteur]
Saby

J’ai fait les manipulations que vous indiquez sans rencontrer le succès. Et je ne suis pas suffisamment calé en informatique pour savoir pourquoi. Peut-être une incompatibilité avec ma version b2evolution 5.0.6-stable. Comme je vous l’ai écrit, je n’utilise plus le photoblog, mais vos améliorations me donnaient envie d’y revenir. Tant pis ! Je ne veux surtout pas vous faire perdre votre temps, mais si vous en avez la curiosité, vous pouvez voir le résultat à l’adresse :
http://jfsaby.com/blogs/index.php/photos/
Vous constaterez que :
- Les légendes sont très embrouillées. Elles s’arrangent quand je clique sur le titre ou sur le permalien.
- Dans ce cas le formulaire de commentaires ne se charge pas. Même en autorisant lesdits commentaires.
- Le clic sur l’image n’ouvre pas la lightbox (ou shadowbox) pour voir la photo agrandie.
- La barre de menus est alignée à gauche, au lieu d’être alignée à droite.
- Je n’ai pas compris le maniement de l’index des photos et ne sais pas comment afficher les vignettes d’une seule catégorie ou d’un seul album. C’était un point qui m’intéressait, car la page contenant toutes les vignettes (plusieurs milliers) était impraticable.
- Je n’ai pas compris la réalisation de la page d’accueil, avec son choix d’ouvrir un album ou l’index photo d’un album.
Deux choses qui fonctionnent :
- Le diaporama automatique.
- Les flèches horizontales du clavier pour changer d’image.
Si vous avez des réponses, je les accueillerai avec plaisir. Mais ne vous mettez pas martel en tête.
Cordialement,

J.-F. Saby

28/03/2014 @ 20:18


Formulaire en cours de chargement...