Plugin « Agrandir la largeur de page »

Ce plugin permet d’agrandir la largeur de la page dans l’espace privé de SPIP. Vous pourrez personnaliser cette largeur si besoin.

Préambule

Dans l’espace privé de SPIP, lorsque nous sommes connectés, nous pouvons choisir dans nos préférences (ecrire/?exec=configurer_preferences) le "petit écran" ou le "grand écran".

Le petit écran laisse en 2 colonnes l’espace privé. Et le grand écran indique à SPIP (par CSS) que la mise en page doit être sur 3 colonnes.
Historiquement, la largeur en pixel du petit écran est de 780px. Et la largeur de la page du grand écran est de 974px.

Installation

Le plugin est répertorié dans le dépôt proposé par défaut : « SPIP-Zone - Plugins ». Aussi, il est installable depuis la page Gestion des plugins, onglet Ajouter des plugins si vous avez activé ce dépôt. Pour le retrouver dans la liste des plugins, il vous suffit de rechercher "Agrandir la largeur de page" ou "spip_hop" (le préfixe de ce présent plugin).

En cas de besoin, référez-vous à l’article dédié à ce sujet sur spip.net.

Utilisation

Il n’y a aucune démarche particulière après activation pour profiter des bienfaits du plugin. Vous verrez immédiatement la différence.

Si dans vos préférences utilisateurs, vous avez sélectionné "Petit écran", alors la page passera de 780px à 960px. Et si vous avez sélectionné "Grand écran", la largeur de la page passe de 974px à 1280px. Sachez que tous les utilisateurs connectés bénéficierons de ces mêmes dimensions.

Personnaliser les largeurs

Le plugin vous permet de personnaliser la largeur que vous désirez utiliser pour le petit écran comme pour le grand écran grâce à 2 constantes. Pour cela, vous devez rajouter 1 ou 2 lignes dans le fichier mes_options.php.

Prenons un exemple. Vous désirez utiliser toute la largeur de votre fenêtre de navigateur pour l’espace privé. Et cela tout aussi bien pour le petit écran que pour le grand écran. Rien de plus simple, voici le code à mettre dans le fichier mes_options.php :

define('_PETIT_ECRAN', '95%'); // Valeur par défaut : 960px
define('_GRAND_ECRAN', '95%'); // Valeur par défaut : 1280px

Il n’est pas conseillé de mettre 100% car les différents blocs de la page toucheront visuellement les bords de votre fenêtre, ce qui n’est pas agréable pour l’œil à l’utilisation.

Il faudra faire attention à la valeur que vous renseignerez. En effet, la valeur indiquée doit toujours avoir une unité de mesure :

  • em ;
  • rem (pour les plus téméraires) ;
  • px ;
  •  % ;
  • pt.

Anecdote sur le préfixe

Pour informations, le préfixe du plugin est spip_hop. Il vient de l’onomatopée "Hop" qui, selon Wikipedia, signifie une « exclamation suggérant l’exécution d’un saut ou d’une manœuvre habile ». De part sa fonctionnalité principale "les écrans", j’aurais pu l’appeler spip_ecran mais ce terme est trop proche de l’idée "écran de sécurité" induisant ainsi l’utilisateur en erreur.

De plus, ce terme spip_ecran pourrait être utilisé à l’avenir, si besoin, par l’équipe du core de SPIP. Ainsi je me préserve d’un conflit de nommage ou d’une confusion.

Dernière modification de cette page le 14 février 2019

Discussion

8 discussions

  • 1

    Il y a 2 versions du plugin sur cette page :

    http://files.spip.org/spip-zone/spip_enlarge.zip
    Version 0.3.0 (ZIP – 19 ko)
    SPIP 2.1, SPIP 3.0, SPIP 3.1

    http://files.spip.org/spip-zone/spip_hop.zip
    Version 0.4.11 (ZIP – 23.4 ko)
    SPIP 2.1, SPIP 3.0, SPIP 3.1

    Est-ce que c’est voulu ? Laquelle choisir ?

    Merci

    • Bonjour,

      Le fichier spip_enlarge.zip n’a plus lieux d’être depuis plusieurs mois. Il n’a pas été supprimé jusqu’à… maintenant. Merci pour le signalement.

      Il faut prendre spip_hop.zip
      Sinon, il faut aller sur http://plugins.spip.net/spip_hop.html pour avoir les dernières versions du plugin.

      Teddy

    Répondre à ce message

  • 1

    Hello,

    Dans la page admin des plugins d’un site sous SPIP 3.1 (je ne sais pas si la version a de l’importance ici) l dernière version 0.4.11 du plugin n’apparaît pas comme une mise à jour de la version 0.3.0.

    Donc il faut spécifiquement aller dans « ajouter un plugin » pour installer le nouveau

    dd

    Répondre à ce message

  • 2
    Ricardo Porto

    Bravo, Teddy, merci beaucoup pour ce plugin fantastique. Il est toujours le premier installé a chaque nouvelle installation de SPIP.

    J’ai essayé de le traduire pour le Portugais du Brésil, mais Il n’est pas disponible dans l’espace des traducteurs. J’ai la trad en locale ; comment puis-je faire pour envoyer les fichiers paquet-spip_hop_pt_br.php et spip_hop_pt_br.php ?

    Salut,
    Ricardo

    Répondre à ce message

  • 1

    Bonjour,

    Y’aurait-il une astuce pour appliquer ce plugin à certains utilisateurs seulement dans le backoffice de Spip.

    Merci

    • Bonjour,

      Le plugin n’est pas prévu pour cela. Son but étant justement d’uniformiser l’affichage. En effet, tous les utilisateurs de l’espace privé ne savent pas qu’ils peuvent personnaliser l’espace privé.

      Toutefois, l’évolution n’est pas exclue si la demande est grandissante. :-)

      Amicalement,

    Répondre à ce message

  • 1

    Bonjour,

    Super plugin !

    Si vous pouviez le rendre compatible avec le plugin ckeditor ce serait vraiment génial !

    Cordialement et encore bravo

    • Bonjour,

      Par curiosité, j’ai installé CKeditor pour voir l’incompatibilité entre ces 2 plugins. En fait, de ce que je lis dans le code, ce n’est pas le plugin « Agrandir la largeur de page » qui est incompatible avec CKeditor. C’est plutôt que le plugin CKeditor est trop intrusif dans son javascript.

      Il force la largeur du bloc. Pour pallier à cela, il faut que je mette une règle CSS avec du !important. Ce n’est que 2 lignes de code à mettre dans les CSS de spip_hop… (un prochain commit réglera ce problème). Mais je trouve que ce n’est pas très propre.

      Il faudrait plutôt intervenir dans CKeditor pour enlever ou améliorer le javascript pour éviter tout désagrément. De même, avec mon « palliatif », les blocs d’icônes ne s’alignent pas toutes sur une même ligne. CKeditor4spip.js ajoute des retours à la ligne après certains blocs… Et je n’ai pas l’historique de CKeditor pour connaitre ce besoin initial.

      Amicalement,

    Répondre à ce message

  • 1

    Bonjour,

    J’ai bien ajouté ces lignes dans le fichier config/mes_options.php. Je viens de vider le répertoire tmp/cache. Le plugin ne prend toujours pas en compte les lignes de mes_options.

    Je précise que j’ai copié-collé les deux lignes. Pour info, le contenu du fichier mes_options.php :

    <?php
     
    //appel de lecran de securite spip
    @include_once dirname(__FILE__).'/ecran_securite.php';
     
    // supprimer numero
    $table_des_traitements['TITRE'][]= 'supprimer_numero(typo(%s))';
     
    // Eviter de nettoyer les flux RSS pour les entrees > 1 an
    $controler_dates_rss = false;
     
    // pour réduire fortement les temps de réponse du site,
    // ne pas lancer le cron par fsockopen/cURL
    // car la configuration du serveur ne le permet pas.
    define('_HTML_BG_CRON_FORCE', TRUE);
     
    // Pour que l'interface privée de SPIP occupe 95% de la largeur de l'écran
    define('_PETIT_ECRAN', '95%'); // Valeur par défaut : 960px
    define('_GRAND_ECRAN', '95%'); // Valeur par défaut : 1280px
     
    ?>
    • Bonjour,

      Est-ce que tu rencontres encore des problèmes avec la dernière version du plugin ?

      Amicalement

    Répondre à ce message

  • 5

    Excellente idée car l’interface privé est un peu étriqué par rapport à nos écrans de plus en plus large.
    Ce plugin fonctionne t-il sur spip 2.1.x ou faut il une adaptation ?
    Merci

    • Bonjour,

      Je n’ai pas testé la mécanique sous SPIP 2.1 (pas question de faire le portage pour une 2.0 étant donné que la mécanique des pages est totalement différente).
      Il faudrait que je teste cela.

    • Bonsoir,

      J’ai rendu le plugin compatible avec SPIP 2.1. L’archive du plugin sera disponible normalement pour demain matin. :-)

    • Merci pour l’adaptation du plugin pour spip 2.1
      Cela fonctionne bien après avoir désactivé le plugin « afficher objet »
      Après quelques essais, la configuration en % est très pratique car elle s’adapte automatiquement au format d’écran.
      Par contre cela ne modifie pas l’affichage avec le plugin « edition plein ecran »

      Bref, un must qui devrait être intégré nativement dans spip 3 (IMHO)

    • Bonjour,

      Quel est le soucis rencontré avec le plugin « afficher objet » ?
      Et celui avec « édition plein écran » ?

      Il faut vider le cache après activation du plugin pour que cela soit bien pris en compte partout.

    • En fait cela fonctionne avec avec le plugin afficher object. J’avais un peu bidouillé les valeurs si bien que l’affichage était déboité. Tout va bien avec le plugin original

      Pour edition plein ecran, pas d’incompatibilité non plus, mais ce dernier continue à afficher les valeurs par défaut, assez étroites (c’est un javascript)

      Merci encore pour ce plugin très fonctionnel

    Répondre à ce message

  • 4

    Bonjour,

    Un grand merci pour ce plugin !! Je travaille sur un écran de 24 pouce 16:9, l’interface privée, même en grand écran, n’exploitait pas vraiment l’espace...
    Par contre, j’ai essayé de personnaliser les largeurs en reprenant l’exemple

    1. define('_GRAND_ECRAN', '95%'); // Valeur par défaut : 1280px

    , mais cela ne fonctionne pas pour moi (SPIP 3.0.20)

    -  Frédéric

    • Bonjour,

      Avez-vous bien mis cette ligne dans config/mes_options.php ?
      si oui, il faut vider le cache de spip voire supprimer le répertoire cache du répertoire tmp.

    • Bonjour,

      Oui, j’ai bien ajouté ces lignes dans le fichier config/mes_options.php. J’ai vidé le dossier cache, la nouvelle taille n’est toujours pas prise en compte.

      Pour information, voici le contenu du fichier mes_options.php :

      <?php
       
      //appel de lecran de securite spip
      @include_once dirname(__FILE__).'/ecran_securite.php';
       
      // supprimer numero
      $table_des_traitements['TITRE'][]= 'supprimer_numero(typo(%s))';
       
      // Eviter de nettoyer les flux RSS pour les entrees > 1 an
      $controler_dates_rss = false;
       
      // pour réduire fortement les temps de réponse du site,
      // ne pas lancer le cron par fsockopen/cURL
      // car la configuration du serveur ne le permet pas.
      define('_HTML_BG_CRON_FORCE', TRUE);
       
      // utilise 95% de la largeur de l'écran pour l'interface privée de SPIP quand la préférence admin est réglée à "Grand écran"
      define('_PETIT_ECRAN', '95%'); // Valeur par défaut : 960px
      define('_GRAND_ECRAN', '95%'); // Valeur par défaut : 1280px
       
      ?>

      PS : J’ai galéré à publier ce message à cause du bloc de code php trop large qui poussait le bouton « confirmer l’envoi » en dehors de la div. J’ai du modifier la max-width de cette div dans firebug pour pouvoir poster...

    • le problème mentionné en PS est corrigé par http://zone.spip.org/trac/spip-zone/changeset/91284.

      Reste plus qu’à ce que contrib soit mis à jour.

    • Bonsoir,

      Je crois que le soucis vient de @include_once dirname(__FILE__).'/ecran_securite.php';. Cela crée une erreur PHP (mais comme il y a le « @ » devant, l’erreur n’est pas affichée) et de ce fait, ce qui est après n’est pas pris en compte.

      Il faudrait l’écrire de cette façon :

      1. @include_once(dirname(__FILE__).'/ecran_securite.php');

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom