https://developers.google.com/search/docs/advanced/structured-data/intro-structured-data?hl=fr

Un seul fichier CSS et sans dépendance d'un framework.

Quelques variables CSS en debut des styles vous permettront de modifier:

• couleurs de texte,
• couleurs de fonds
• image de fond de body

Visuel

Caractéristiques principales:

• Responsive
  avec un contenu de largeur :

  • 100% en dessous d'une vue au max a 699px
  • 500px au minimum au dela d'une vue de largeur de 700px
  • 1360px au maximum dans une vue au dela de 700px.
  • Ces valeur peuvent être modifier à partir de cette regle : grid-template-columns: auto minmax(200px, 500px) minmax(300px, 760px) auto; ligne 155 du fichier unique theme.css .

• un menu de type "burger" qui reste coller en mode mobile.

• générations de données structurés pour les articles et le chemin de fer...
• affichage en 1colonne, puis 2, puis 4 lorsque la largeur maximal est atteinte laisant apparaitre l'image de fond de body.

Suite à ce post https://forum.pluxml.org/discussion/comment/62848 , je viens de faire une petite mise à jour du thème basé sur le thème par défaut, La mise à jour concerne l'image de bannière et couleurs de texte pour ne pas le confondre avec le thème par défaut original.

Je viens aussi d'y ajouter , fichier header.php , les données @type et potentialAction si le plugin plxMySearch est embarqué.
Je n'y ai pas intégre ,"query-input": "required name=searchfield" car le formulaire de recherche est basé sur action="post" . bonne pioche ? c'etait une mauvaise pioche.
J'ai donc modifié cette partie du script qui affichera cette 'potentialAction' a 3 conditions

• plxMySearch est activé
• plxMySearch utilise la methode GET (config)
• L'urlRewriting est activé dans PluXml ( apprement bug du moteur de recherche en mode GET qui renvoi à l'accueil ou 404)

• Maj du code :

      <script type="application/ld+json">{
          "@context": "http://schema.org",
          "@type": "WebSite",
          "name": "<?php $plxShow->mainTitle(); ?>",
          "url": "<?php echo $plxShow->plxMotor->racine; ?>",
          /*"sameAs": ["https://facebook.com/page", "https://plus.google.com/site", "https://twitter.com/name"],*/
          <?php if(isset($plxShow->plxMotor->plxPlugins->aPlugins['plxMySearch']) && $plxShow->plxMotor->plxPlugins->aPlugins['plxMySearch']->getParam('method') == 'get' && $plxShow->plxMotor->aConf['urlrewriting'])  {    ?>
  "potentialAction": {
                  "@type": "SearchAction",
                  "target": "<?php echo $plxShow->plxMotor->racine .$plxShow->plxMotor->plxPlugins->aPlugins['plxMySearch']->getParam('url').'?searchfield={searchfield}' ; ?>",
                  "query-input": "required name=searchfield"
          }
  <?php } ?>
      }</script>
  

Si certains d'entre vous ont une expertise et des retours à faire , sur la partie 'données structurées' , elles seront appréciées.

Pour le coté visuel, c'est vous qui voyez

Theme dispo là : https://github.com/gcyrillus/theme-structured-datas archive : https://github.com/gcyrillus/theme-structured-datas/archive/refs/heads/main.zip

theme-structured-datas
simple et essentiellement crée les tableaux LD-JSON pour les articles en page d'accueil/catégories et tags, en page article simple , et représente aussi les breadcrumbs (fil de fer/ fil d'Ariane).

Si l'injection de données structurées est satisfaisante, la suite imposerait surement la création d'un plugin pour y injecté des information plus précises et pertinentes : specialty, video, audio, etc ...