[RÉGLÉ] Débutant : Positions, Modules et responsive…

[ikeda]

Bonjour à tous,

Toujours dans ma découverte de Joomla, je dois reconnaître que certaines choses demeurent encore un peu abstraites pour moi. Et quand j'arrive à mes fins concernant tel ou tel élément, j'ai parfois du mal à retrouver l'onglet qui permet d'affiner les réglages ne serait-ce que quelques heures plus tard… Modules, menus, composants, plugins, positions, paramètres, surcharges… tout ça se mélange un peu…

Me voici donc avec quelques questions supplémentaires… sans doute assez basiques pour ceux qui maîtrisent.

Je m'entraîne sur la base d'un template Rocket Theme qui utilise Gantry et je passe par K2 pour mes contenus.

1/ Si j'ai bien compris, pour être affiché, un contenu doit être présent dans un module.
Mais lorsque je demande par exemple au Menu Toto d'afficher les articles de la catégorie Bidule, cette catégorie Bidule est-elle contenue dans un "Module" ? Car je n'en ai pas l'impression. Du coup, je ne vois pas comment paramétrer la Position d'affichage de cette Catégorie dans Gantry.

2/ Je souhaite que les articles de la Catégorie Bidule s'affichent sur 3 colonnes sur ma page, mais en responsive. Si je demande un affichage sur 3 colonnes dans la page Catégorie, cela fonctionne, mais n'est pas du tout responsive. Si je réduis la taille de la fenêtre de mon navigateur, ces colonnes de texte deviennent de plus en plus étroites, jusqu'à en devenir illisibles, au lieu de passer les unes au dessous des autres. Alors je suppose qu'il faut passer par Gantry en utilisant une position segmentée 3 sous positions (a, b et c). Je sais faire ça pour 3 items différents : item 1 en a, item 2 en b et item 3 en c. Mais comment ça se passe pour l'affichage d'une seule catégorie (ou d'un seul article) que l'on veut répartir sur a, b et c ?

3/ Pour afficher par exemple du texte dans mon header, il faut créer des espèces de mini articles hors catégories que l'on insère dans des modules et que l'on répartit sur Header a, b et c ?

Merci de me remettre sur les rails :-)

[ikeda]

Re : Débutant : Positions, Modules et responsive…

Si bêtes que ça mes questions ? :-/

[lesoutier]

Re : Débutant : Positions, Modules et responsive…

Si bêtes que ça mes questions ? :-/

Non, pas vraiment, mais pour bien débuter je pense qu'un peu de lecture ne te ferait pas de mal. À lire attentivement. Je pense que ça te sera très utile car tu mélanges diverses notions :

Si j'ai bien compris, pour être affiché, un contenu doit être présent dans un module.

Pas du tout, un contenu s'affiche normalement dans la zone "component". On peut aussi utiliser des modules pour ça, mais c'est une autre façon de voir les choses.

[ikeda]

Re : Débutant : Positions, Modules et responsive…

Merci pour ta réponse.

Effectivement, je suis conscient que tout n'est pas encore clair pour moi à ce stade, je crois l'avoir précisé.

Merci pour ton lien, que j'avais déjà sur mon bureau et que je finirai forcément par consulter attentivement.
Mais puisque tu me parles de lecture, comme je l'ai indiqué dans un précédent post, je sors d'un bouquin de plus de 300 pages sur Joomla. Je ne me suis pas lancé tête baissée.

Or je pense qu'après ça, un peu de pratique peut m'aider à clarifier les choses. Quitte à parfois me heurter à quelques obstacles…

Voilà pourquoi je me suis tourné vers ce forum, ce qui me permet de mieux cibler "concrètement" ce qui me pose problème, au cas par cas.

Je pense qu'ensuite, une nouvelle approche "théorique" me sera d'autant plus profitable.
Disons que c'est mon plan de bataille…

Après, libre à chacun de me renvoyer sur Google ou autre.

[PhilJ]

Bonjour,

1/ Si j'ai bien compris, pour être affiché, un contenu doit être présent dans un module.

Non. Les contenus s'affichent, selon les besoins, soit dans la zone component (composant) soit dans les zones définies par les positions modules. Un contenu de type composant se trouvera donc (par défaut) dans la zone composant, et un contenu de type module se trouvera donc (par défaut) dans une zone module.

La zone component est toujours « centrale ». C'est elle, par exemple, qui — du moins par défaut — affiche vos articles Joomla, vos articles K2, etc.

Les modules doivent quant à eux être regardés comme des satellites de ce contenu central. Certains sont pratiquement obligatoires, tels que le module affichant le menu, ou le logo, le pied de page (footer), etc. Les autres sont affichés à la demande, selon les besoins définis pour chaque page du site (sur toutes les pages, ou bien sur certaines pages du site, ou encore sur toutes les pages sauf certaines pages du site).

Notez que Joomla est très souple et il qu'il est possible d'organiser l'espace d'une page autrement, selon le cas de façon native (= sans ajouter aucune extension) ou bien en installant une extension tierce. Par exemple, il est nativement possible d'afficher un module dans la zone composant, cela grâce à l'insertion d'une commande de type {loadposition ma-position}.

Inversement, il est possible d'afficher un contenu qui, normalement, s'affiche dans la zone composant, tel un article Joomla, dans un module de type contenu personnalisé (custom HTML) placé dans une position module définie (là, en revanche, vous aurez besoin d'ajouter un plugin à Joomla, comme 'Articles Anywhere'). A ce sujet, il faut souligner que l'un des avantages des CCK, par exemple K2, est de permettre qu'un contenu s'affiche — totalement ou partiellement — aussi bien comme un module, dans une position module, que dans la zone composant, sous forme d'article.

Mais lorsque je demande par exemple au Menu Toto d'afficher les articles de la catégorie Bidule, cette catégorie Bidule est-elle contenue dans un "Module" ? Car je n'en ai pas l'impression. Du coup, je ne vois pas comment paramétrer la Position d'affichage de cette Catégorie dans Gantry.

Dans Gantry, tous les contenus de type composant s'affichent dans une région qui commence par <div class="component-content">. C'est le cas pour les articles (Joomla, K2...), mais aussi pour la présentation des articles sous forme de blog. Le code dans Gantry d'une page affichant un blog d'articles est alors :
—

<div class="component-content">

<div class="blog">

...

</div>

</div>

=> Tout ce que vous avez à faire pour afficher un blog d'articles, c'est de créer un lien de menu de type "blog d'une catégorie".

2/ Je souhaite que les articles de la Catégorie Bidule s'affichent sur 3 colonnes sur ma page, mais en responsive. Si je demande un affichage sur 3 colonnes dans la page Catégorie, cela fonctionne, mais n'est pas du tout responsive. Si je réduis la taille de la fenêtre de mon navigateur, ces colonnes de texte deviennent de plus en plus étroites, jusqu'à en devenir illisibles, au lieu de passer les unes au dessous des autres. Alors je suppose qu'il faut passer par Gantry en utilisant une position segmentée 3 sous positions (a, b et c). Je sais faire ça pour 3 items différents : item 1 en a, item 2 en b et item 3 en c. Mais comment ça se passe pour l'affichage d'une seule catégorie (ou d'un seul article) que l'on veut répartir sur a, b et c ?

La page blog de démonstration basée sur Gantry, ici : http://demo.gantry-framework.org/joomla/category-blog, est parfaitement responsive. Pour le voir, essayez-la avec Firefox (Windows), puis utilisez la combinaison de touches CTR+MAJ+M.

Vous pouvez bien sûr vous instruire sur la répartition des modules (layout) en consultant la documentation de Gantry (ici : http://gantry-framework.org/document...ure/layouts.md), cependant, comme expliqué ci-dessus, un blog d'articles s'affiche de façon classique, non dans des modules (un par article) comme vous le pensez, mais dans la zone du composant (= <div class="component-content">...). Normalement donc, vous n'avez pas à intervenir dans le layout pour ce que vous voulez faire : il vous suffit de créer un lien de menu de type blog en précisant quelle catégorie d'articles doit être utilisée.

3/ Pour afficher par exemple du texte dans mon header, il faut créer des espèces de mini articles hors catégories que l'on insère dans des modules et que l'on répartit sur Header a, b et c ?

C'est une possibilité, en effet, l'autre consistant à n'utiliser qu'une seule position du header, que vous subdiviserez ensuite — par exemple en 3 colonnes. En fait, il faudrait en savoir plus (= quels types de contenus ? quelle largeur pour chacun ?...) pour bien vous répondre. => Un lien vers le site, ou même simplement un petit schéma en fil de fer (wireframe) permettrait de vous guider avec plus de justesse.



Bonne journée,



PhilJ

[ikeda]

Re : Débutant : Positions, Modules et responsive…

Un grand merci pour ces explications détaillées

Justement, c'est ce genre de choses qui me manquent. Le plus souvent, le bouquins comme les tutos sont des "pas-à-pas" qui permettent certes une première approche, mais n'exposent pas vraiment les grands principes de fonctionnement qui régissent tout ça.

Je regarde votre article (et ses liens) en détails et reviens dès que possible. Merci !

[ikeda]

Re : Débutant : Positions, Modules et responsive…

Encore merci pour vos explications qui m'ont donné de meilleures bases pour la compréhension du sujet. Bien entendu, de nombreuses zones d'ombre subsistent… En voici quelques-unes…

1/ Par exemple, je n'arrive toujours pas à réaliser un contenu principal de ma page qui soit responsif. Si j'ai bien compris, Gantry ne gère "que" la répartition entre main body et les side bars (ce qui est déjà très bien). Je tente donc de paramètrer l'affichage de mes catégories K2 (répartition sur 3 colonnes par exemple). Mais soit ça ne se répercute pas, soit quand j'obtiens 3 colonnes, celles-ci ne sont pas responsives : si je réduis ma fenêtre, elles s'affinent de plus en plus jusqu'à devenir illisibles, au lieu de se réordonner sagement les unes au dessous des autres. Par où dois-je passer pour obtenir le type de design blog que vous m'avez indiqué (exemple responsive Gantry).

2/ Sachant que tous mes éléments et catégories sont sous K2, lorsque je définis un nouveau lien de menu, je dois le choisir impérativement dans la rubrique K2 (liste bleue sur fond blanc) ? Parce qu'il y a nettement moins d'options possibles que pour les éléments Joomla natifs, non ?

3/ En ce qui concerne mon header, pas besoin de faire un schéma je pense Pour l'instant, l'idée est assez simple, du style en haut à gauche le logo, sur le deuxième tiers "TOMATOSHOP le spécialiste des fruits et légumes" et encore d'autres infos sur le troisième tiers. Les deux tiers de droite sont des modules de contenus personnalisés ?

4/ Lorsque vous dites "il faut souligner que l'un des avantages des CCK, par exemple K2, est de permettre qu'un contenu s'affiche — totalement ou partiellement — aussi bien comme un module, dans une position module, que dans la zone composant, sous forme d'article.", vous voulez dire que cette option existe en natif ? Ou via la manip que vous décrivez load position / articles anywhere ?

5/ Admettons que je veuille afficher deux types de contenus sur une page, de façon séparée. Par exemple en haut de page, 5 articles qui traitent des tomates (catégorie Tomates) puis en bas de page 8 articles qui abordent le fascinant sujet de la culture du brocoli (catégorie Brocoli). Quelle est la marche à suivre ? Tout ceci peut se gérer au moment de créer le lien de menu ou via les paramétrages des catégories ? Ou bien l'une des deux parties doit-elle être contenue dans un module ?

6/ Exemple inverse : je souhaite l'affichage d'un module RokSprocket pour une galerie sur ma page d'accueil, mais rien d'autre, je veux dire aucun article. Comment ça se passe, dans la mesure où un menu est défini à sa création par l'attribution d'un contenu ?

7/ Dans les paramétrages de mes articles ou catégories K2, je trouve "activer les plugins K2". Pas d'infobulles et rien trouvé sur le net. À quoi cela correspond-il ?

Merci d'avance si vous avez la patience d'éclairer quelques points…

[PhilJ]

Bonjour,

1/ Par exemple, je n'arrive toujours pas à réaliser un contenu principal de ma page qui soit responsif. Si j'ai bien compris, Gantry ne gère "que" la répartition entre main body et les side bars (ce qui est déjà très bien). Je tente donc de paramètrer l'affichage de mes catégories K2 (répartition sur 3 colonnes par exemple). Mais soit ça ne se répercute pas, soit quand j'obtiens 3 colonnes, celles-ci ne sont pas responsives : si je réduis ma fenêtre, elles s'affinent de plus en plus jusqu'à devenir illisibles, au lieu de se réordonner sagement les unes au dessous des autres. Par où dois-je passer pour obtenir le type de design blog que vous m'avez indiqué (exemple responsive Gantry).

Comme déjà indiqué, pour Joomla, il suffit de créer un lien de menu définissant une page de type 'Blog d'une catégorie'. Pour K2, un lien de menu pointant vers une catégorie. Voyez https://www.youtube.com/watch?v=YkR2WR-RB1A. Alternativement, vous pouvez utiliser 3 modules K2 dans des positions modules situées sur la même ligne (point 4 ci-après).

2/ Sachant que tous mes éléments et catégories sont sous K2, lorsque je définis un nouveau lien de menu, je dois le choisir impérativement dans la rubrique K2 (liste bleue sur fond blanc) ? Parce qu'il y a nettement moins d'options possibles que pour les éléments Joomla natifs, non ?

C'est un choix à faire en fonction des besoins, selon les pages, etc. : articles Joomla ou articles K2, ou bien les deux...

3/ En ce qui concerne mon header, pas besoin de faire un schéma je pense Pour l'instant, l'idée est assez simple, du style en haut à gauche le logo, sur le deuxième tiers "TOMATOSHOP le spécialiste des fruits et légumes" et encore d'autres infos sur le troisième tiers. Les deux tiers de droite sont des modules de contenus personnalisés ?

Il faut se méfier des idées simples . Certaines induisent de sérieuses difficultés de réalisation (alors que certaines idées assez subtiles peuvent, avec de bons outils, se réaliser facilement ). En l'occurrence, on devine déjà qu'il va peut-être y avoir un travail non négligeable à prévoir pour que les 3 tiers évoqués « passent » correctement sur tablettes et smartphones (passent, c'est-à-dire : ne débordent pas de l'écran du téléphone, mais aussi n'envahissent pas la moitié de la hauteur disponible).

4/ Lorsque vous dites "il faut souligner que l'un des avantages des CCK, par exemple K2, est de permettre qu'un contenu s'affiche — totalement ou partiellement — aussi bien comme un module, dans une position module, que dans la zone composant, sous forme d'article.", vous voulez dire que cette option existe en natif ?

Oui. Regardez les types de modules disponibles (= Extensions > Modules > Nouveau).

Vous pouvez par exemple créer 3 modules K2, et les placer, sur une page, sur une même « ligne », l'un à côté de l'autre. Gantry se chargera de les placer l'un en dessous de l'autre en version mobile (sur smartphone notamment).

Ou via la manip que vous décrivez load position

Oui, c'est possible aussi : l'instruction {loadposition position} insère n'importe quel type de module dont la position aura préalablement été définie à position à l'endroit où elle se trouve. Donc si un module K2 est activé pour une page, et que sa position a été définie à position, alors {loadposition position} l'affichera exactement à cet endroit.

Notez que le nom de la position position n'est pas le nom d'une position module du template (comme user1 par exemple), mais un nom original — choisi à votre convenance (brocoli par exemple).

Plus subtil : il est également possible d'insérer une instruction {loadposition position} dans un module de contenu personnalisé. Pour cela, il suffit simplement de penser à activer "Plug-ins de contenu" dans l'onglet 'Paramètres' du module de contenu personnalisé.

'Articles Anywhere' ?

Là, non, car 'Articles Anywhere' place des articles, sous-entendu Joomla, n'importe où, mais pas des articles d'autres composants, comme K2.

5/ Admettons que je veuille afficher deux types de contenus sur une page, de façon séparée. Par exemple en haut de page, 5 articles qui traitent des tomates (catégorie Tomates) puis en bas de page 8 articles qui abordent le fascinant sujet de la culture du brocoli (catégorie Brocoli). Quelle est la marche à suivre ? Tout ceci peut se gérer au moment de créer le lien de menu ou via les paramétrages des catégories ? Ou bien l'une des deux parties doit-elle être contenue dans un module ?

Vous pouvez faire cela d'une multitude de façons. Une façon simple est d'afficher, en composant (= dans la zone component, donc en créant un lien de menu de type 'Blog d'articles d'une catégorie'), un blog d'articles Joomla affichant 5 articles de la catégorie Tomates. Les 8 articles qui abordent le fascinant (?) sujet de la culture du brocoli (bueurk ) seront quant à eux des modules K2, toujours sur la même page. Mais il doit être possible aussi de n'utiliser que K2.

6/ Exemple inverse : je souhaite l'affichage d'un module RokSprocket pour une galerie sur ma page d'accueil, mais rien d'autre, je veux dire aucun article. Comment ça se passe, dans la mesure où un menu est défini à sa création par l'attribution d'un contenu ?

Certes, mais le contenu peut être vide. Toutefois, Gantry permet un réglage correspondant à votre souhait pour une ou plusieurs pages via des liens de menus qui pointent vers elles (voyez la configuration du template). C'est probablement une meilleure solution.

Indépendamment de la question purement technique que vous posez concernant la mise en page : attention au référencement avec une page d'accueil réduite à un simple module ne comportant que peu de texte indexable.

7/ Dans les paramétrages de mes articles ou catégories K2, je trouve "activer les plugins K2". Pas d'infobulles et rien trouvé sur le net. À quoi cela correspond-il ?

A priori cela devrait tout simplement permettre d'utiliser des plugins K2 dans les articles ou catégories K2. Un spécialiste K2 pourra sûrement le confirmer et vous en dire plus.



Bonne journée,



PhilJ

[ikeda]

Re : Débutant : Positions, Modules et responsive…

Bonjour,

Comme déjà indiqué, pour Joomla, il suffit de créer un lien de menu définissant une page de type 'Blog d'une catégorie'. Pour K2, un lien de menu pointant vers une catégorie. Voyez https://www.youtube.com/watch?v=YkR2WR-RB1A. Alternativement, vous pouvez utiliser 3 modules K2 dans des positions modules situées sur la même ligne (point 4 ci-après).

Oui, c'est bien ce que je fais. J'ai mes éléments et catégories K2, je crée un lien de menu vers la catégorie K2. Je règle les paramètres d'affichage de la catégorie par exemple sur : un article en pleine largeur en haut puis 3 articles sur 3 colonnes en dessous. Eh bien le résultat que j'obtiens est certes OK sur affichage large, mais n'est pas responsive. Si je réduis ma fenêtre, mes 3 colonnes restent 3 colonnes, donc de plus en plus étroites.

Je commence à me demander si ce n'est pas tout simplement que ce que j'essaie d'obtenir est impossible de cette manière et qu'il faut impérativement passer par l'affichage de modules qui eux seront effectivement responsives via Gantry (alternative que vous me proposez). J'ai bien pensé à cette "solution" depuis le début, mais je craignais que ceci ne soit pas très orthodoxe (je manque encore de recul et d'expérience…). Car au final, si le contenu principal de ma page (défini par le lien de menu) est la seule partie de ma page qui n'est pas responsive, je risque de ne pas y mettre grand chose… Ce n'est pas un problème pour le référencement ou autre ? Je veux dire si je construis ma page à 95% avec des modules ?

En l'occurrence, on devine déjà qu'il va peut-être y avoir un travail non négligeable à prévoir pour que les 3 tiers évoqués « passent » correctement sur tablettes et smartphones (passent, c'est-à-dire : ne débordent pas de l'écran du téléphone, mais aussi n'envahissent pas la moitié de la hauteur disponible).

Oui, j'en ai conscience, mais je n'en suis pas encore là

Vous pouvez par exemple créer 3 modules K2, et les placer, sur une page, sur une même « ligne », l'un à côté de l'autre. Gantry se chargera de les placer l'un en dessous de l'autre en version mobile (sur smartphone notamment).

Pour ceci je choisis donc 3 fois un module K2 Content ?

Vous pouvez faire cela d'une multitude de façons.

En fait, je crois que c'est un peu ça mon problème. Je veux dire que je pense avoir suffisamment avancé dans mon approche de Joomla pour obtenir un affichage de page qui ressemble à ce que je cherche à obtenir, mais ma démarche est d'essayer de partir sur une base "saine", plus orientée "bonnes pratiques" que "bidouillages". Du coup, je me complique peut-être un peu la vie ?…

Une façon simple est d'afficher, en composant (= dans la zone component, donc en créant un lien de menu de type 'Blog d'articles d'une catégorie'), un blog d'articles Joomla affichant 5 articles de la catégorie Tomates. Les 8 articles qui abordent le fascinant (?) sujet de la culture du brocoli (bueurk ) seront quant à eux des modules K2, toujours sur la même page.

Oui, donc c'est un peu l'idée que je vous soumettais : un mix de contenu principal et de module. C'est cette logique à laquelle je n'arrive pas à me faire. Ça ne pose pas de souci au niveau sémantique ? Car j'ai quand même l'intuition que le code généré pour ces deux "zones" sera un peu différent, non ?

Certes, mais le contenu peut être vide.

C'est bien ainsi que j'avais envisagé ça pour l'instant (article vide, pas d'affichage du titre, etc.). Mais là encore, je craignais que créer un lien de menu vers un article vide soit une hérésie, surtout pour un moteur de recherche. Je me pose trop de questions ?

Toutefois, Gantry permet un réglage correspondant à votre souhait pour une ou plusieurs pages via des liens de menus qui pointent vers elles (voyez la configuration du template). C'est probablement une meilleure solution.

Pas sûr de bien comprendre ce que vous voulez dire…

Indépendamment de la question purement technique que vous posez concernant la mise en page : attention au référencement avec une page d'accueil réduite à un simple module ne comportant que peu de texte indexable.

Effectivement. Mais dès que j'aurai un peu plus fait le tour des possibilités de l'outil, je pense que mon projet devrait s'étoffer

Encore merci pour votre aide !

[PhilJ]

Re : Débutant : Positions, Modules et responsive…

J'ai mes éléments et catégories K2, je crée un lien de menu vers la catégorie K2. Je règle les paramètres d'affichage de la catégorie par exemple sur : un article en pleine largeur en haut puis 3 articles sur 3 colonnes en dessous. Eh bien le résultat que j'obtiens est certes OK sur affichage large, mais n'est pas responsive. Si je réduis ma fenêtre, mes 3 colonnes restent 3 colonnes, donc de plus en plus étroites.

Je commence à me demander si ce n'est pas tout simplement que ce que j'essaie d'obtenir est impossible de cette manière et qu'il faut impérativement passer par l'affichage de modules qui eux seront effectivement responsives via Gantry (alternative que vous me proposez). J'ai bien pensé à cette "solution" depuis le début, mais je craignais que ceci ne soit pas très orthodoxe (je manque encore de recul et d'expérience…). Car au final, si le contenu principal de ma page (défini par le lien de menu) est la seule partie de ma page qui n'est pas responsive, je risque de ne pas y mettre grand chose… Ce n'est pas un problème pour le référencement ou autre ? Je veux dire si je construis ma page à 95% avec des modules ?

Cette question a été discutée sur le forum. A mon avis, si c'est un critère du référencement — ce qui n'est pas établi d'après moi — ce n'est pas un critère essentiel / majeur.

Pour ceci je choisis donc 3 fois un module K2 Content ?

Si un blog d'articles K2 ne donne pas de bons résultats, oui c'est sûrement une bonne solution. Ou alors il faut de bonnes compétences CSS pour corriger le tir.

_____________________

Concernant la configuration du template par page :

Pas sûr de bien comprendre ce que vous voulez dire…

Il faut regarder dans la configuration de votre template, quitte à vous aider de la documentation de Gantry. En gros : il est possible de dire à Gantry qu'une page (= en fait un ID de menu) doit s'afficher sans la zone composant (component).

_____________________

Concernant le référencement d'une page d'accueil n'accueillant qu'un diaporama :

Effectivement. Mais dès que j'aurai un peu plus fait le tour des possibilités de l'outil, je pense que mon projet devrait s'étoffer.

L'idée est que le roi des moteurs, Google, a pour logique de mimer le comportement et les valeurs des internautes : Google, c'est vous et moi. Or pour les internautes, la page la plus importante, ou du moins la plus consultée, est la page d'accueil. De même, lorsque vous référencerez votre site sur d'autres sites, j'imagine que vous donnerez comme lien l'URL de la page d'accueil. Donc c'est en priorité cette page, la page d'accueil, qu'il faut soigner tout particulièrement pour que le positionnement du site soit favorable. => Avec un simple diaporama, même si les images comportent du texte en surimpression, vous risquez de manquer votre cible.


Cordialement,



PhilJ

[ikeda]

Re : Débutant : Positions, Modules et responsive…

Pour continuer de creuser cette histoire de contenu responsive, je suis retourné sur la page de démo "blog" de gantry que vous m'aviez indiquée. Voici la structure que ça me donne dans Firebug (cf. capture).
Il semble donc que les contenus soient bien dans component-content.
Vous qui êtes plus expérimenté, est-ce que cela vous donne une idée de la façon dont ça a été construit ?
La structure est assez évidente, mais comment arriver à ça ?…

[PhilJ]

Re : Débutant : Positions, Modules et responsive…

Pour continuer de creuser cette histoire de contenu responsive, je suis retourné sur la page de démo "blog" de gantry que vous m'aviez indiquée. Voici la structure que ça me donne dans Firebug (cf. capture).
Il semble donc que les contenus soient bien dans component-content.
Vous qui êtes plus expérimenté, est-ce que cela vous donne une idée de la façon dont ça a été construit ?
La structure est assez évidente, mais comment arriver à ça ?…

Il s'agit manifestement d'un blog d'articles Joomla, non d'une vue de catégorie K2.

Je n'utilise plus K2 depuis plusieurs années (on trouve maintenant largement aussi bien, sinon mieux, pour des usages semblables), et sans un lien vers votre page je ne vois pas bien comment voir ce qui pourrait être fait. => Pourquoi ne pas mettre en place 3 modules K2 côte à côte ? Cela règlerait facilement votre souci de « responsivité ».

[ikeda]

Re : Débutant : Positions, Modules et responsive…

Bonjour,

Effectivement, en utilisant des articles Joomla plutôt que K2, j'obtiens directement une mise en page responsive.
J'ai jeté un œil au code généré lorsqu'il s'agit d'articles K2 : les largeurs des blocs sont indiquées dans le code HTML et exprimées en %. Soit 25% par div sur une mise en page 4 colonnes. Un peu basique… Voilà pourquoi mes articles se contentent de rétrécir à l'infini au lieu de se repositionner. J'ai bien tenté quelques modifs dans le fichier php du dossier surcharge de K2, mais mes compétences en php sont loin d'être suffisantes

Il faudra donc rester sur cette idée de 4 modules distincts positionnés via Gantry (dont la version 5 vient tout juste de sortir !) pour avoir du responsive. Une petite question à ce sujet : admettons que je souhaite afficher de cette manière les 4 derniers articles d'une catégorie, faut-il aller les chercher en manuel un par un ou existe-t-il une petite astuce pour indiquer module 1 : dernier article, module 2 : avant dernier article, etc . ?

Désolé, je suis en local actuellement, je ne peux donc pas envoyer de lien. Mais de toutes façons, je suis encore en phase de "bidouillage" pour m'exercer. Sincèrement, vous ne manquez rien, au contraire, je vous épargne

Quand vous dites qu'il y a mieux que K2, à quoi pensez-vous par exemple ?

[PhilJ]

Bonjour,

J'ai jeté un œil au code généré lorsqu'il s'agit d'articles K2 : les largeurs des blocs sont indiquées dans le code HTML et exprimées en %. Soit 25% par div sur une mise en page 4 colonnes. Un peu basique… Voilà pourquoi mes articles se contentent de rétrécir à l'infini au lieu de se repositionner. J'ai bien tenté quelques modifs dans le fichier php du dossier surcharge de K2, mais mes compétences en php sont loin d'être suffisantes.

Normalement, les modifications à apporter ne devraient pas se faire d'abord en PHP mais en CSS, donc sans surcharger la vue. Cela dit, il n'est pas facile de vous guider sans accès à la page.

Il faudra donc rester sur cette idée de 4 modules distincts positionnés via Gantry (dont la version 5 vient tout juste de sortir !) pour avoir du responsive. Une petite question à ce sujet : admettons que je souhaite afficher de cette manière les 4 derniers articles d'une catégorie, faut-il aller les chercher en manuel un par un ou existe-t-il une petite astuce pour indiquer module 1 : dernier article, module 2 : avant dernier article, etc . ?

Je ne vois pas ce qui permettrait cela facilement car chaque module est défini indépendamment des autres.

Quand vous dites qu'il y a mieux que K2, à quoi pensez-vous par exemple ?

K2 est un composant de type catalogue / CCK. Vous pouvez voir qu'il y en a bien d'autres sur le JED — notamment ici : http://extensions.joomla.org/categor...t-construction, et là : http://extensions.joomla.org/categor...tion/directory. Il y a eu une récente discussion à ce sujet sur le forum — après bien d'autres : http://forum.joomla.fr/showthread.ph...lequel-choisir.

De mon côté, j'utilise souvent DJ Catalog2 (http://extensions.joomla.org/extensi...y/dj-catalog-2) du fait d'un excellent rapport qualité / facilité d'utilisation. Mais d'autres utilisateurs du forum soutiendront plutôt FlexiContent, ou Content Builder... Notez qu'il existe des solutions plus puissantes, mais du coup plus complexes à prendre en main et à mettre en œuvre, par exemple Seblod, SobiPro... Et qu'il est possible aussi d'utiliser un composant de type e-commerce en mode catalogue, c'est-à-dire sans vente en ligne — par exemple Virtuemart, Hikashop...

Bref, on ne peut pas bien choisir un CCK sans un cahier des charges précis : que cherche-t-on exactement à obtenir, qui ne peut pas être (ou ne peut pas être facilement) obtenu avec la gestion native des articles dans Joomla ? L'extension sera-t-elle utilisée par un novice ou par quelqu'un d'expérimenté ?...


Cordialement,



PhilJ

[ikeda]

Re : Débutant : Positions, Modules et responsive…

Normalement, les modifications à apporter ne devraient pas se faire d'abord en PHP mais en CSS, donc sans surcharger la vue.

Je peux effectivement styler les divs en question via la surcharge CSS (couleur ou autre), mais pas en ce qui concerne les largeurs, dans la mesure où celles-ci sont indiquées en dur DANS le code HTML. Voilà pourquoi il m'a semblé judicieux de "remonter d'un cran" en allant voir du côté du fichier PHP. Mais je le répète, là, je touche aux limites de mes compétences Alors je laisse tomber cette option.

Je ne vois pas ce qui permettrait cela facilement car chaque module est défini indépendamment des autres.

OK, je posais la question au cas où. Étant encore très inexpérimenté, j'ai surtout conscience que je n'ai pas encore toujours les bons réflexes dans mon approche.

Bref, on ne peut pas bien choisir un CCK sans un cahier des charges précis : que cherche-t-on exactement à obtenir, qui ne peut pas être (ou ne peut pas être facilement) obtenu avec la gestion native des articles dans Joomla ? L'extension sera-t-elle utilisée par un novice ou par quelqu'un d'expérimenté ?...

Oui, après avoir consulté vos liens, je commence à comprendre cette logique. Néanmoins, pour pouvoir se positionner sur tel ou tel CCK selon le projet, je me dis qu'il faut tout de même avoir une vision d'ensemble de ce qui existe. Et là, ça commence à se corser. Ce n'est pas comme s'il n'en existait que 3 et que la prise en main de chacun se faisait en une heure…

En n'y connaissant rien, j'étais parti sur K2 tout simplement parce que ce CCK était recommandé/utilisé par le fournisseur de mon template (RocketTheme). Maintenant, si ça me donne des structures non responsives, ça limite l'intérêt…

Pour l'heure, je cherche surtout à me familiariser avec tout ça, à trouver une solution qui me permette de démarrer mais si possible de manière pas trop complexe. Apparemment, il faudrait que je jette un œil du côté de Flexi Content…

Encore un grand merci à vous pour vos interventions et vos conseils