Site à partir de 2018

Pour des raisons personnelles, des modifications ont été apportées au squelette original Japibas.
Japibas est un squelette responsive, multilingue (français, anglais et espagnol), dont l’habillage conviendrait à un site de type blog ou webzine.

 Couleurs

Elles ont été changer dans les feuilles de style (CSS) :
www/plugins/auto/japibas/V1.0.2/css/layout.css
www/plugins/auto/japibas/V1.0.2/css/menuder.css
www/plugins/auto/japibas/V1.0.2/css/style.css
www/plugins/auto/japibas/V1.0.2/css/typo.css

Modifier sans renommer le fichier :
www/plugins/auto/japibas/V1.0.2/css/img/back_vert.png

• Couleur originel : Vert : #8ca429
• Couleur de remplacement : Rouge : #b40404

 Édito

Sur la page d’accueil, l’article le plus ressent édité est mis en avant en haut de celle-ci. J’ai préféré que cela ne concerne que celui de la rubrique « Édito » (N°19).
Il faut modifier une boucle dans la page :
www/plugins/auto/japibas/V1.0.2/sommaire.html

Ligne 19 (environ...) :

 Images disproportionnées

Je ne sais pas pourquoi il i a eu volonté d’agrandir des images sur une taille « minimale ». Quoiqu’il en soit mes petites icônes pour illustrer les logiciels où les drapeaux étaient immenses !
Il faut modifier le code des CSS :
www/plugins/auto/japibas/V1.0.2/css/layout.css

Ligne 925 (environ...) :

 Comptage de réponses des forums

Une ligne indiquait en bas de chaque page le nombre de réponses aux forums. Ayant désactivé les forums, celle-ci est devenue encombrante.
Il faut rendre non-opérationnelle une boucle dans la page :
www/plugins/auto/japibas/V1.0.2/article.html

Ligne 47 (environ...) :

 Suppression des « news » des forums

Pour la même raison qu’évoquée précédemment, j’ai supprimé la boucle qui concernait les forums :
www/plugins/auto/japibas/V1.0.2/inclure/footer.html

Ligne 46 (environ...) :

 Crédits des images

Défaut de SPIP, le champs « Crédit » des images n’apparaît pas !
Voila un fichier ’doc.html [1]" à ajouter dans :
www/plugins/auto/japibas/v1.0.2/modeles/doc.html

Pour d’autres sites (comme par exemple pour le site du secteur CGT), il faut le placer en principe dans (Ajouter le fichier si il n’existe pas) :
www/squelettes/modeles/doc.html

Merci au camarade de Cap Intranet pour son aide.

 Avatar

Le gogo du site dans l’entête se trouve à :
www/local/cache-vignettes/L159xH159/siteon0-e5814.png

 Contact

Mon adresse est indiquée dans le champ « Votre adresse email (obligatoire) ».
J’ai ajouté, en rouge, une ligne au dessus : « (Retirer mon adresse et mettre la votre) ».
www/plugins/auto/japibas/V1.0.2/contact.html

Ligne 76 (environ...) :

 Plugins

• Gestion des documents et photos sous forme d’album dans le texte : Albums 3
  • Éditer des listes de données de manière très aisée (lié à Album 3) : Yaml
  • Saisies pour formulaires (lié à Album 3)
• Icone dans la barre d’adresse : Favicon
• Barre de lecture des fichiers audios :Lecteur multimédia
• Squelette de mon site : Japibas (squelette modifié, voir plus haut).
• Manuel de rédaction du site
• Améliore l’indexation de vos contenus dans les moteurs de recherche et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card : Méta
• Articles qui ne sont rattachés à aucun rubriquage particulier :Pages uniques
• Readable
• Sommaire automatique
• Widgets
  • Pour aligner le texte à gauche dans le widget « infographie » il convient de faire un fichier css que j’ai appelé perso.css avec le code :
    .page_article .version_texte p {text-align:left;}

    
    Transférer ce fichier dans www\squelette-dist\css\
    Ne pas oublier de vider le cache dans SPIP et de rafraîchir le navigateur (touche F5 du clavier).
    Note : dans ce cas le css ne s’appliqu’aux Articles.

  • J’ai eu un problème avec un « débordement » de texte en utilisant le widget « infographie ».
    Cela a été résolu en changeant le paramètre du fichier css « clear.css »
    Le débordement du texte provient du fichier plugins\auto\japibas/v1.0.2/css/clear.css qui contient : .offscreen, .invisible { position: absolute; left: -999em; height: 1%;

    Une solution consiste à augmenter le retrait négatif (left) de 999 à 9999, par exemple en ajoutant dans la feuille de style du site :

    .offscreen, .invisible { position: absolute; left: -9999em; height: 1%;

    Cela a résolu mon problème en public (mais pas en privé...)..

• Couleurs dans le texte avec le plugin couleurs_spip version 2.
• Cookies :Tarteaucitron. active des services tiers qui eux mêmes nécessitent une demande de consentement auprès des internautes. Permet d’être en adéquation avec le RGPD.
• Agenda
  Il est dans la rubrique [Calendrier] et l’article est daté en 2030 pour qu’il apparaisse en premier.
  Les articles ou brèves liés sont à enregistrer de préférence dans cette même rubrique.
  La mise à jour de l’agenda se fait en écrivant cet article. Dans la barre des menus de l’article lui-même, il suffit de l’inscrire en évènement (« Créer un évènement »).
  • Le plugin et sa documentation : Agenda Fullcalendar facile.
  • On peut y mettre une couleur (en bas à gauche de l’article)
    Le plugin additif et sa documentation : Couleur d’Objet.
    Pour ce site, la charte des évènements est :
    • Histoire : marron (#808000)
    • Politique (manifs, etc.) : rouge (#ff0000)
    • Nature : vert (#00ff40)
    • Personnel : bleu (#0080ff)

 Divers

Menu
Il faut au minimum 7 rubriques pour que les onglets du menu soient placés comme tel. Sinon la barre d’onglets remonte au dessus du « slogan » PatCatNat’s, site de Patrice MOREL.