Lien lire la suite à faire ouvrir sur une nouvelle fenêtre

[aurore69]

Merci à tous pour ces explications. Prise par une quantité de choses à faire, j'ai un peu laissé la navigation de côté pour mon site, et je m'en occuperai un peu plus tard.

[lomart]

Bonjour,

Voici une solution pour afficher automatiquement l'article du lien "Lire la suite" dans une fenêtre modale.

Elle utilise une surcharge du layout readmore, des éléments de UP et mon module LM-Custom. Ces 2 derniers ne sont pas obligatoires, mais facilité l'opération et mon explication

Etape 1 : surcharger le layout readmore

Il suffit de coller le contenu du zip joint dans le dossier HTML du template.
La modification est juste un ajout d'une classe et d'un attribut au lien readmore (ligne 38)

<a class="btn [COLOR=#c0392b]flashy[/COLOR]" [COLOR=#c0392b]data-flashy-type="iframe"[/COLOR] href="<?php echo $displayData['link']; ?>" itemprop="url" aria-label="<?php echo JText::_('COM_CONTENT_READ_MORE'); ?> <?php echo htmlspecialchars($item->title, ENT_QUOTES, 'UTF-8'); ?>">

Pour récupérer uniquement l'article, on peut ajouter .'?tmpl=component' après $displayData['link']. Mais, on perd la feuille de style qu'il faudra reconstruire (à moins qu'il existe une solution plus facile !)

<a class="btn [COLOR=#c0392b]flashy[/COLOR]" [COLOR=#c0392b]data-flashy-type="iframe"[/COLOR] href="<?php echo $displayData['link'][COLOR=#c0392b].'?tmpl=component'[/COLOR]; ?>" itemprop="url" aria-label="<?php echo JText::_('COM_CONTENT_READ_MORE'); ?> <?php echo htmlspecialchars($item->title, ENT_QUOTES, 'UTF-8'); ?>">

Etape 2 : déclarer les ressources nécessaires

J'utilise une installation de UP pour récupérer les fichiers, mais il est possible d'utiliser uniquement ces fichiers sans UP.

Je charge le fichier javascript et CSS et j'insère le code d'initialisation avec mon module LM-Custom à la position debug sur toutes les pages. Voir l'installation sur cette page : https://lomart.fr/extensions/lm-custom

Voici les ajouts à faire

Fichier CSS :

/plugins/content/up/actions/modal/flashy.css

Fichier JS :

/plugins/content/up/actions/modal/jquery.flashy.min.js

Code JS :

jQuery(function($) {
$(".flashy").flashy({height:"90%"});
});

Pour les paramètres de la fenêtre modale, j'ai mis une hauteur de 90% (height:"90%"). Vous pouvez l'adapter et ajouter d'autres options en regardant celles de l'action modale de UP : https://up.lomart.fr/demo/action-modal

C'est tout, maintenant tous les boutons "Lire la suite" s'ouvriront dans une fenêtre modale. Et c'est responsive !!

[Eddy.vh]

Bonjour.

Pour mes pop up j'utilise Jcemediabox... Je n'ai pas l'impression qu'elles sont bloquées. C'est vrai que modal a l'air très bien.

Parce qu'elles sont de type lightbox, modalbox...

[lomart]

Bjr, UP et ses nombreux plugins propose des plugins intéressants sur les mise en page dynamiques(modal, tab, ...)

https://up.lomart.fr/demo/action-readmore

Bonne journée

Merci JeFF de ton implication pour la promotion de UP

Dans ce cas, l'action la plus proche pour afficher l'article dans une fenêtre modale serait : https://up.lomart.fr/demo/action-modal#un-article

Le point délicat sera de remplacer le lien "lire la suite" par l'action UP. Il faudra surcharger le featured et/ou le category du com_content

[Jeff71]

Bjr, UP et ses nombreux plugins propose des plugins intéressants sur les mise en page dynamiques(modal, tab, ...)

https://up.lomart.fr/demo/action-readmore

Bonne journée

[aurore69]

Pour mes pop up j'utilise Jcemediabox... Je n'ai pas l'impression qu'elles sont bloquées. C'est vrai que modal a l'air très bien.

[manu93fr]

Merci de tous ces conseils. En fait ce que je me disais c'est que sur une page au format blog, une fois qu'on a ouvert un article entier, et qu'on veut retrouver la page blog, ça me parait plus compliqué de la retrouver de cette manière. Alors que si on a lu l'article dans un nouvel onglet, c'est plus facile de retrouver la page d'origine.
Bonne idée pour différencier les liens internes et les liens externes.... Et que pensez-vous des pop-ups ?

Mauvaise fausse bonne idée les pop-up ... surtout avec les bloqueurs inclus dans les navigateurs maintenant ... mais les fenêtres modal, pas de souci

[aurore69]

Merci, c'est une idée à creuser.
Avec tous vos conseils, je me dis que je dois plus réfléchir à la navigation sur mon site, et je ne suis pas sûre qu'elle soit si évidente que ça. J'avoue que j'avais plus pensé contenu au moment de sa création et que la navigation a été un peu mise de côté.
Et comme je change un peu d'activités j'en profite pour faire un bon nettoyage de printemps !

[Tortue Genial 69]

Merci de tous ces conseils. En fait ce que je me disais c'est que sur une page au format blog, une fois qu'on a ouvert un article entier, et qu'on veut retrouver la page blog, ça me parait plus compliqué de la retrouver de cette manière. Alors que si on a lu l'article dans un nouvel onglet, c'est plus facile de retrouver la page d'origine.
Bonne idée pour différencier les liens internes et les liens externes.... Et que pensez-vous des pop-ups ?

si tu veux que les personnes qui lisent un article puissent revenir à la page principale qui liste tous les articles, il te suffit de mettre un lien retour dans une position qui te convienne.

[aurore69]

Merci de tous ces conseils. En fait ce que je me disais c'est que sur une page au format blog, une fois qu'on a ouvert un article entier, et qu'on veut retrouver la page blog, ça me parait plus compliqué de la retrouver de cette manière. Alors que si on a lu l'article dans un nouvel onglet, c'est plus facile de retrouver la page d'origine.
Bonne idée pour différencier les liens internes et les liens externes.... Et que pensez-vous des pop-ups ?

[manu93fr]

Je suis en mode blog où les articles ne sont affichés que par intro, et lorsque l'on clique sur le lien, l'article entier est affiché dans la page source... Et je ne trouve pas cela pratique.

Bonsoir, au dela de ce qui a déjà été dit, je confirme que de forcer l'ouverture de nouveaux onglets/pages est une fausse bonne idée, mais je comprends que tu souhaites que l'article soit seul sans aucun modules autour pour une meilleure lecture... c'est ça ?
Si c'est ce que tu souhaites, peut-être les ouvrir en modal pour ne pas perturber ou perdre l'internaute en cours de route

https://extensions.joomla.org/extension/modals/

Tu peux voir le résultat par ici
https://regularlabs.com/extensions/m...mples#result-2

[Tortue Genial 69]

+1 avec Eddy.
et puis la recommandation globale est : on ne conçoit pas un site pour soi, mais pour ceux qui l'utilisent. Donc penser à l'expérience utilisateur avant tout, c'est primordial.

[Eddy.vh]

Bonjour.

Que tu ne trouves pas cela très pratique est une chose mais il faut savoir que c'est ce qui est censé se passer. Tant qu'on reste sur le même site, on reste sur le même onglet.
Je t'avoue que si je visite un site et que chaque lien ouvre une nouvelle fenêtre ou onglet, je ne vais pas le visiter deux fois.

L'internaute doit être libre de choisir s'il veut ouvrir le lien vers un autre onglet et les navigateurs sont dotés de petites options pour ça.

Lorsque tu cliques sur le lien lire la suite… p.ex. enfonce la touche CTRL en même temps, le lien s'ouvrira dans un nouvel onglet, si tu cliques en même temps sur la touche Shift (majuscule) alors le lien s'ouvrira dans une nouvelle fenêtre.
Sans la combinaison de touche, il y a aussi le clic droit sur le lien puis le choix "ouvrir le lien dans un nouvel onglet (ou nouvelle fenêtre)" et sur appareil smart (smartphones, tablettes) l'appui prolongé sur le lien offre également des options.

En laissant opérer l'internaute, tu respectes son choix d'ouvrir tes liens comme il le veut. Et c'est bien mieux ainsi.

Personnellement, je suis, dupuis un site, pour l'ouverture des liens externes dans un onglet séparé et les liens interne dans l'onglet actif.

Bon weekend.

[aurore69]

Bonjour !
Je ne trouve pas où paramétrer le lien "lire la suite" pour que l'article entier s'affiche dans une nouvelle fenêtre.
Je suis en mode blog où les articles ne sont affichés que par intro, et lorsque l'on clique sur le lien, l'article entier est affiché dans la page source... Et je ne trouve pas cela pratique.
Est-ce qu'il y a moyen de le paramétrer comme on le fait pour les autres liens (avec target ="_blank", par exemple) et où ?
Un exemple https://www.avantlaurore.com/chanteu...yon-beaujolais
Merci bien