[thème] Kataklimt

PierrePierre Member
avril 2016 modifié dans Vos créations
On augmente le niveau d'un cran, voici un thème haut en couleurs qui ajoute du piquant. Il sera encore une fois important que vos articles comportent des images d'accroche. Si ce n'est pas votre habitude, votre intérêt ou votre intention, vous devrez oublier ce thème (et tous les autres que je convertis).

Le site fonctionne immédiatement à l'installation sans demander de plugin. Il faudra toutefois installer un plugin d'outil de recherche comme plxMySearch si vous désirez activer la fonction qui est dans la sidebar. Si cette fonction n'est pas importante pour vous, il ne suffira que de la retirer du code de sidebar.php .

Plusieurs sections opèrent des extractions de type lastArtList, catList, etc. Des choix étaient à faire pour permettre de voir quelque chose s'afficher à l'arrivée. Il faudra changer des paramètres très simples à même le code pour y afficher le contenu de vos catégories. Ne sachant pas quel numéro votre catégorie portera, j'ai utilisé la numéro 1 à répétition, ce qui tapisse plusieurs fois les mêmes listes, vous comprenez pourquoi.

Une portion du pied de page (de type "à propos de moi") peut recevoir à la fois le contenu d'un article avec son image, son chapo et son contenu. J'y ai ajouté deux listes de catégories pour utiliser le gabarit au maximum, ne cherchez pas la logique, c'était mon seul but. Vous saurez adapter cette portion à vos besoins, j'assisterai si vos essais vous font perdre vos cheveux.

Une fois encore, le designer reste anonyme, nous ne connaissons que le site TemplateMonster qui nous offre gratuitement ce magnifique thème. Le rideau/carrousel de l'accueil est un tour de force réussi qui offre le maximum de visibilité selon la largeur d'affichage disponible, complètement adapté au mobile, évidemment.

Réponses

  • bg62bg62 Member
    Il sera encore une fois important que vos articles comportent des images d'accroche. Si ce n'est pas votre habitude, votre intérêt ou votre intention, vous devrez oublier ce thème (et tous les autres que je convertis).
    Donc si je comprends bien ... pas possible d'utiliser ces genres de thèmes pour des 'mises à jour' de blog déjà existants n'ayant donc pas d'images d'accroche ... ???
  • C'est malheureusement la réalité, mais un contenu sans image n'afficherait presque rien à l'écran de toutes façons, surtout sur l'accueil. Je choisis les thèmes pour leur aspect visuel, les images dynamiquement extraites des articles font partie intégrante de la mécanique d'affichage.

    Les personnes qui ne voient pas important d'inclure une image avec chaque article devront se rabattre sur le thème par défaut ou possiblement utiliser les thèmes prévus pour les versions antérieurs de PluXml (sauf les miens!), les variations sont parfois très minces côté thème, ils vont probablement fonctionner ou ne nécessiter que très peu de modifications.
  • bg62bg62 Member
    et moi qui ai toujours essayé de mettre un maximum d'images, d’illustrations, dans mes articles .... ^^
    dommage :)
  • C'est un passage obligé. Certain l'ont fait il y a quelques mois à l'arrivée de mes thèmes qui demandaient le plugin Vignette et quelques installations initiales. Il faut dire qu'avant l'arrivée des versions matures du plugin Vignette, tout ça aurait demandé des fonctions tellement complexes qu'on aurait été vite découragé.

    La tâches est possiblement pas si complexe après tout pour migrer un site. Seuls les derniers articles nécessitent cette adaptation au premier jour. En revisitant les articles en commençant par le dernier, tu édites l'article en accrochant une image, probablement la même.

    Au pire, si ça ne fait pas l'affaire et que tu retournes au thème antérieur, avoir assigné une image d'accroche aux articles n'affectera aucunement l'ancien affichage, la fonction artThumbnail n'y étant pas présente.

    Si tu fais le grand saut, tous mes thèmes, présents (depuis 5.5) et futurs, te seront accessibles avec une simple installation.
  • bg62bg62 Member
    ok ;)
    vais donc voir tout cela sous peu et faire des tests :)
    @+
  • Salut salut,

    Déjà merci pour tout le travail.

    J’ai cru remarqué un bug :
    Le logo en haut à gauche pointe sur index.html mais on tombe sur une page nom trouvé
    J’ai corrigé mais c’est pour les suivants :)

    Est-ce un comportement normal du carrousel que quand il n’y a que 2 articles, il y ait une grosse partie noire au centre ?
    Est-il possible de sélectionner es articles à afficher dans le carrousel (peut être via une catégorie) ?

    Merci en tout cas.
  • PierrePierre Member
    Ce ne sont pas des bugs mais des contraintes du design du thème, ça force à prendre des décisions que je ne peux pas prendre pour le produit final.

    Pour le logo, il pointe habituellement vers la page qui fera office d'accueil mais certains ergonomes préfèrent retirer l'hyperlien en présence d'un bouton Accueil dans le menu. J'aurais pu le faire pointer vers index.php mais, de toutes façons, l'intégration impliquera de changer l'image aussi, la question du lien sera réglée au même moment.

    Pour le slider de l'en-tête, il est particulier et implique une certaine rigueur dans le nombre des articles qui le composent, ce nombre doit être 5. C'est pour cette raison que j'ai utilisé la méthode lastArtList pour régler son cas de manière plus stable, en assignant 5 articles à une catégorie nommée, on change le paramètre de la fonction lastArtList à ce numéro de catégorie. Une alternative plus classique serait d'utiliser la pseudo-catégorie "home" cochée dans l'admin, le code changerait alors pour
    [== Indéfini ==]
    					<ul class="slides">
    			<?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>
    				<li><a href="#art_url"><img src="<?php $plxShow->template(); ?>/img.php?src=<?php $plxShow->artThumbnail('#img_url'); ?>&w=770&h=393&crop-to-fit"></a></li>
    			<?php endwhile; ?>
    						<?php// $plxShow->lastArtList('<li><a href="#art_url"><img src="'.$plxMotor->urlRewrite($plxMotor->aConf['racine_themes'].$plxMotor->style).'/img.php?src=#img_url&w=770&h=393&crop-to-fit"></a></li>',5); ?>
    					</ul>
    
    

    Ça force de bien s'assurer de cocher exactement 5 fois cette case "page d'accueil" dans les articles de l'admin. J'ai laissé en commentaires la méthode lastArtList si on change d'idée et désire revenir à la méthode "catégorie fixe".
  • Trop fort :) Super
    Merci
  • djinlemagedjinlemage Member
    juin 2016 modifié
    Cool ça marche !!!

    Juste pour comprendre parce que c'est aussi le but, dans le code que tu donne, à quel moment tu indique la categorie que tu utilise car je ne vois pas de référence à l'ID de la catégorie.

    PS : ou peut on trouver plus d'informations comme par exemple le pourquoi du
    [== Indéfini ==]
    $plxShow->plxMotor->plxRecord_arts->loop()
    

    Dans la continuité du cassage de biippp :
    Les images du slides ne sont pas cliquable alors que le curseur détecte bien un lien et même dans le code source html le lien est bon.
    Est ce voulu également ?

    Merci encore
  • PierrePierre Member
    La méthode de la boucle (loop) remplace la fonction lastArtList dans ma nouvelle suggestion, ça change beaucoup le paramétrage. Avec la fonction lastArtList qui est très flexible et très documentée, on configure plein de choses et on a beaucoup de contrôle.

    La méthode suggérée de la boucle est tirée directement du thème par défaut, c'est un bon endroit pour étudier un peu et comprendre comment les choses se passent. Le design fonctionnel de PluXml a déjà prévu que les articles qui recevraient la case "page d'accueil" comme catégorie dans l'admin seraient choisis pour apparaître sur la une. En réutilisant la boucle dans notre home.php, on opère cette même extraction, contrôlée par cette case cochée.

    Avec notre slider capricieux, il faut porter attention et cocher cette case "page d'accueil" pour exactement 5 articles et tout devrait fonctionner. Si on voulait bâtir une petite protection en cas d'excès, on pourrait assez facilement insérer une variable dans la boucle et stopper tout arrivé à 5 mais ça c'est pour une prochaine leçon. Pour l'instant, on se limitera à compter sur ses doigts...
  • clicdroitclicdroit Member
    septembre 2016 modifié
    bonjour. merci pour l'adaptation de ce thème très inspirant que je me suis donc empressé de reprendre à ma sauce après quelques légères modifications de surface... ce qui m'a alors amené à le faire tourner aussi sur IE11 à fin de test... pour visiblement constater que les photos, normalement attendues en page home, ne parvenaient pas à s'afficher au niveau des thumbnails, et remplacées alors par le disque circulaire de chargement tournant à l'infini...

    observation que vous auriez déjà faite ?
    idées quant aux causes plausibles ?

    merci
  • Le gabarit est créé par un designer à un certain moment dans le temps, il tente de couvrir les besoins les plus communs, c'est une question de survie dans la jungle des thèmes disponibles. Dieu merci, je ne m'aventure que très rarement dans la modification des feuilles de style, je garde ma sanité mentale et mon sourire.

    Côté IE, peu importe la version, mon avis est que c'est une erreur de l'utiliser, de travailler avec, de tenter de s'y adapter (et pourquoi pas de l'avoir créé). Je suis bien conscient que des millions de personnes utilisent Windows et ne se donnent pas la peine de télécharger un navigateur qui fonctionne, j'ai très peu pitié pour eux, je tolère leur existence mais mon seul conseil est de pointer leur sainte horreur une dernière fois vers mozilla.org pour en finir avec leur supplice.

    Je remarque souvent des scripts d'échappement incorporés au code des gabarits et dans le feuilles de style pour contourner les problèmes causés par cette entreprise qui se croit meilleure que la communauté internet. Je respecte le travail des programmeurs qui ont eu plus de patience que moi. Je laisse donc les scripts en place et ça fonctionne assez bien dans la plupart des cas.

    Désolé de ne pouvoir rien offrir pour aider, je ne peux que souhaiter que de l'aide existe quelque part.
  • Tu pourrais afficher une alerte javascript ou php pour les utilisateurs d'IE en leurs disant que ton blog est optimisé pour Mozilla/Chrome

    en faisant une recherche de 5mn je vois qu'il est apparemment possible de faire cela avec modernizr...

    cela pourra peut être t'aider stackoverflow.com/questions/18907131/detecting-ie11-using-css-capability-feature-detection
  • merci pour la contribution

    en effet, c'est une alternative possible et envisageable : faire autant de corrections qu'il y a d'exceptions pour chaque navigateur, et proposer une version de site pour chaque version de navigateur, passée, présente et future ;D (ce qui va compliquer aussi un peu plus la tâche du maigre et laborieux codeur que je suis, en plus d'allonger la sauce, outre le fait bien sûr que concevoir un forme/structure/contenant ne doit pas être une fin en soi, sauf à vouloir remplir un puits sans fond ou amener un rocher en haut d'une montagne dont il retombera toujours éternellement au pied...)

    mais une autre alternative encore à laquelle j'ai réfléchi entre temps me permet d'amener une nouvelle (triple) question...

    sur ce thème donc, kataklimt, le menu de navigation situé en haut de page (boutons pastillés quand survolés) n'apparaît pas du tout sur mon smartphone par exemple, alors que tout le reste du site s'adapte parfaitement, d'où :

    1. comment faire pour que la totalité du site sous CE thème soit prise en compte cette fois sur smartphone (et notamment le menu de nav qui manque visiblement à l'appel) ?

    2. n'y a(vai)t-il pas sur une des versions du PluX ou dans des plugins un moyen de rediriger l'utilisateur vers la version mobile du site quand ce dernier le consulte à partir d'un appareil mobile ? (je suis certain d'avoir remanié dans un passé enfoui des fichiers de style pour modifier l'aspect d'un site version mobile, sous PluX évidemment)

    3. quelle est, au delà de PluX, la méthode générale pour opérer cette redirection selon la nature du "terminal" ?

    et pour rebondir sur ce que suggère Luke :

    ce même moyen de redirection automatique n'est-il pas implantable d'une façon générale sur un site, non pas cette fois en fonction du terminal, mais peut-être plus efficacement en fonction du navigateur - et sans qu'il soit donc besoin d'afficher une alerte, de sorte que l'opération se fasse de façon transparente... ?
  • Le CMS n'a pas un gros rôle à jouer ici. L'intégration visuelle adaptative se fait par les feuilles de style CSS. Les méthodes ont évolué au fil du temps, des "versions mobiles" aux messages d'avertissement, en passant par une tentative (plus que ratée) d'identifier le médium qui reçoit la page HTML. On est arrivé un jour à la méthode moderne, le nombre de pixels en largeur décide de la version qui s'affichera. Cette méthode a le mérite de fonctionner partout, répondant au seul problème causé par les différences entre les écrans, les "boutons" trop petits pour être utilisés correctement.

    Le thème Kataklimt réutilise exactement les feuilles créées par le designer à l'origine. Je tente toujours de faire le tour des pages pour vérifier que l'adaptativité des formats d'écrans fonctionne bien. Je balance au panier des centaines de thèmes par année simplement sur ce premier test, je ne perd même pas une seconde à me demander si je pourrais faire quelque chose. À mon avis, si le designer n'a même pas réglé le cas le plus évident des temps modernes, il a probablement aussi mal travaillé ailleurs.

    Les questions sur les CSS auraient peut-être plus de chances d'être répondues si elles étaient posées dans des rubrique comme Entraide.

    Vous connaissez maintenant mon opinion sur les produits Microsoft. Si j'étais designer, je ferais probablement un script d'échappement qui dirait "vous semblez utiliser un navigateur Microsoft, svp appuyez ici pour télécharger Firefox et régler tous vos problèmes"...
Connectez-vous ou Inscrivez-vous pour répondre.