Documentation du WordPress

Général


Thème : Astra
Plugin de mise en page : Elementor
Police texte : Roboto
Police Logo & Titre : Burobu

Bon à savoir, pas mal de chose peuvent être modifiées depuis le thème astra. Menu Apparence, éditeur
https://transiscope.org/wp-admin/theme-editor.php?file=header.php&theme=astra
ou depuis la page "la carte" dans la partie Script n styles
https://transiscope.org/wp-admin/post.php?post=779&action=edit


Newsletter


Attention : Plugin Newsletter (page contact)
Le css du bouton peut changer en cas de mise à jour ...
dans ce cas > Tableau de bord > Extension> Editeur > sélectionner en haut à droite le plugin Newsletter > cliquer sur fichier Style.css

Ligne 233 :

.tnp-widget-minimal input.tnp-submit {
  • width: 100%;
  • box-sizing: border-box;
  • padding: 10px;
  • display: inline-block;
  • border: 1px;
  • border-color: #ddd;
  • background-color: #bf101b;
  • background-image: none;
  • text-shadow: none;
  • color: #fff;
  • font-size: 14px;
  • line-height: normal;
  • border-radius: 10px;
  • box-sizing: border-box;
  • height: auto;
}

Ligne 284 :

.tnp-subscription-minimal input.tnp-submit {
  • width: 29%;
  • box-sizing: border-box;
  • display: inline-block;
  • padding: 10px;
  • border: 1px;
  • border-color: #ddd;
  • background-color: #bf101b;
  • background-image: none;
  • text-shadow: none;
  • color: #fff;
  • font-size: 14px;
  • line-height: 20px;
  • box-sizing: border-box;
  • border-radius: 10px;
}

Penser également à exporter les contact de ce plugin pour les rajouter à la base de donnée globale,
ou bien importer votre propre base de donnée dans ce plugin pour y créer facilement vos Newsletters ( en créant des pages ou des articles)


La barre de recherche en page d'accueil est fait maison. (module Elementor Hml)
Elle est importée avec le reste du contenu.

Pour intégrer la carte plus facilement, dans la bonne page, le plugin "Script n Styles" a été installé.
Dans le réglage de ce plugin (Extensions > Extensions installées > Script n Styles > Réglages > Global > Header)
Simon a codé une fonction pour que le footer soit toujours en bas (sans barre blanche en dessous):


document.addEventListener(
  • "DOMContentLoaded",
  • function() {
    • fullHeight();
  • },
  • false
  • );
  • function fullHeight() {
    • var headerHeight = document.querySelector("header").clientHeight;
    • var footerHeight = document.querySelector("footer").clientHeight;
    • var headerFooter = headerHeight + footerHeight;
    • var content = document.querySelector("#content");
    • var gogocarto = document.querySelector("#gogocarto");
    • content.style.minHeight = "calc( 100vh - " + headerFooter + "px )";
  • }

Integration GoGoCartoJs
https://hackmd.co.tools/s/Sy-BIOYLm

Ensuite, dans la page administrateur Wordpress de la carte, le bout de code GoGoCartoJs a été rajouté dans l'espace
"Script n styles" </body>

Jquery
Etant donné que nous n'utilisons pas de jquery dans le site (mais indispensable dans l'admin) il a été désactivé et c'est le jquery de gogocarto qui reprends la main pour les besoins de GoGoCarto.
fonctions.php (edité avec apparence->editeur)
if( !is_admin()){
  • wp_deregister_script('jquery');
  • wp_register_script('jquery', false);
}

Https
les certificats let's encrypt ont été ajouté sur note hébergement ovh et forcé la redirection http vers https
.htaccess (edité avec WP file manager)
RewriteEngine on
RewriteCond %{SERVER_PORT} 80
RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]


font burobu
font burobu configuré dans dans apparence->custom fonts



Fin du rapport !
Sylvie, Simon & Sebastian