Themify et affichage anarchique

Mise à jour :
Le thème THEMIFY n’est finalement pas compatible avec un stockage distant des médias.

Pour un autre blog WordPress que celui-ci (à la date de rédaction du présent article) j’ai choisi d’utiliser le thème graphique « Themify Ultra ». En réalité c’est plutôt un « builder » car il est hyper puissant et les possibilités offertes avec la version de base (gratuite) sont impressionnantes.
Surtout, il propose de construire un blog (site) entier à l’aide d’un catalogue d’exemples à importer. C’est un moyen d’obtenir de exemples concrets de réalisation complexes et intégrés. Une sorte de copie.

Par contre ce builder nécessite un temps de prise en main non négligeable et on peut tellement tout personnalisé dans les moindres détails que… trop de choix tue le choix !

Mais bref, le sujet de mon article n’est pas là.
Je rencontrais un problème d’affichage.

En gros, j’avais commencé à adapté mon site, tout aller bien jusqu’à… horreur ma première page est totalement décomposée avec un affichage aléatoire. Il manquait des images, les alignements avaient changés, des couleurs disparues aussi… bref une catastrophe coté frontend.
Par contre coté backend tout semblait être affiché correctement.

Croyez moi, j’ai passé en revue un peu toutes les options possibles qui s’offraient à moi jusqu’à (je vous passe les anecdotes) reconstruire le site en zéro !
Oui, je n’arrivais pas à trouver l’origine et à corriger le problème sur mon site original, il fallut repartir d’une base totalement seine et tout reconfigurer car j’avais plus d’une trentaine de plugins !

Un à un j’ai tout testé et impossible de reproduire le problème au point que je me suis senti à l’abri du problème pensant que j’avais du faire un nettoyage trop poussé de la base de données ce qui m’aurait causé mon soucis d’affichage du départ.
Non pas que cette idée me rassurait car j’aurais vécu la peur au ventre à chaque fois que j’aurais ouvert PhpMyAdmin…

Et puis rassuré, j’ai commencé à remonter mon blog tout neuf, tout propre sur cette base. Je me suis senti en confiance. J’ai du coup reproduit mon schéma de stockage pour mes fichiers médias.

Oui car mes fichiers médias, j’aime bien les sortir de l’installation de WordPress de sorte que les sauvegardes sont plus faciles. Elles sont moins complète car les images et autres médias uploadés ne font pas parti de la sauvegarde mais ça m’évite de faire de gros backup alors que mon hébergeur le fait déjà toutes les 6 heures*.

Donc je paramètre mon WordPress comme à mon habitude pour déplacer mes médias et là… là… !!! J’observe le même problème d’affichage étrange !
ENFIN j’ai remis le doigt sur ce soucis d’affichage incomplet. L’origine venait de l’utilisation d’un paramètre altératif (pourtant tout à fait officiel et intégré à WordPress) pour stocker les médias.

Là je me dis… bon bah à tous les coup, c’est grillé/mort je devrais utiliser le répertoire par défaut de WordPress avec ce thème si je veux pouvoir m’en sortir.
Mais… Je suis coriace ! L’organisation de mes fichiers j’y tiens beaucoup car ça m’offre un bon compromis entre la flexibilité et la sécurité.
Je décide d’investiguer dans les fichiers du thème/builder afin de vérifier si ce problème de « liens » est écrit en dur dans le code ou si je n’y trouverai pas une piste pour corriger/contourner ce problème.

Sans entrer dans les détails, j’ai été mis sur la bonne piste.
Le thème/builder dispose d’une multitude d’options et parmi ces options il y un bouton « Regenerate CSS Files ».

Certes je suis au courant de l’existence du « cache » et j’ai bien fait attention de ne pas faire appel à cela durant mes phases de recherche et d’inspection mais j’ai été mis sur la voie grâce au texte d’explication et surtout à la mention du dossier « wp-content/uploads ».

Car c’est bien mon cas, j’ai agis sur ce dossier puisque par défaut il a tout simplement changé de répertoire de stockage sur un sous-domaine.

Note à moi même :
upload_path : /home/gotcha/files.XXX.net
upload_url_path : https://files.XXX.net

EUREKA !

Une fois ce bouton activé, tout est rentré dans l’ordre comme par magie !!! Enfin j’ai trouvé et compris d’où venait le problème.
En me rendant dans Administration > Themify Ultra > Themify Builder > Tools > Regenerate CSS Files enfin je corrigeais mon problème et tout fonctionnait normalement.

Donc si un jour, vous aussi vous rencontrez ce genre de situation stressante même sans avoir changé le répertoire par défaut de stockage des fichiers médias, sachez que cette option permet de retrouver un affichage cohérent.

Mise à jour :
Le thème THEMIFY n’est finalement pas compatible avec un stockage distant des médias.