Il peut être pratique de se déplacer dans une page de votre site en cliquant sur un bouton ou un lien, voire dans un menu, qui amène directement à un point donné de la page courante ou d’une autre page du site courant. C’est particulièrement intéressant si le contenu de votre page est long et que vous voulez éviter de pénibles scrolls à travers la page.
Pour ce faire, nous allons commencer par la fin : nous devons définir la cible que nous souhaitons atteindre en cliquant sur notre lien. Puis, vous l'avez deviné, nous terminerons par le commencement en créant le lien qui nous mènera vers la cible visée.
D’une façon générale, on place une ancre, soit par la définition d’un élément <i> (ou <span>) vide auquel on attribue un identifiant :
<i id="nom-de-l-ancre"></i>
ou, si votre éthique vous interdit d’utiliser une ancre vide, vous pouvez placer le lien dans la balise, comme suit :
<p id="nom-de-l-ancre">Mon texte</p>
Évidemment, perspicace comme vous l'êtes vous avez compris qu'il ne fallait pas recopier tels quels “nom-de-l-ancre” et “Mon texte”.
L’autre possibilité, la plus intéressante pour les utilisateurs inconditionnels d’Oxygen que nous sommes : en utilisant l’id de la section-cible. Pour cela, il faut cliquer dans l’éditeur Oxygen sur la section-cible, et relever l’id de la section que l’on trouve dans le panneau gauche, dans notre cas c’est :
div_block-59-241
Ce lien peut revêtir plusieurs formes : cela peut être un bouton, un lien texte classique ou même un lien de menu.
https://mon_site.com/#div_block-59-241
Sauvegardez et ça marche.
Commencez par sélectionner le texte puis :
Pour un élément de menu, il faut sortir d’Oxygen et se rendre dans le menu de WordPress, rubrique “Apparence” puis “Menus”.
Là, il faut :
Voilà, ça y est, vous avez jeté l’ancre et elle est parfaitement fonctionnelle.
Mais quelque chose vous titille encore...
Comme vous êtes un être raffiné qui attache une importance primordiale à l’esthétique de son site web, vous aimeriez que la transition du lien à l’objectif d’icelui se fasse de façon progressive et agréable à l’œil.
Oxygen Builder a pensé à vous et a caché une option de “smooth scrolling” — “défilement fluide” pour les académiciens qui fréquenteraient ce blog — qui va vous faire rire de plaisir :
Et voilà, vos transitions se font par un défilement progressif du plus bel effet.
Vous voilà en possession d'une ancre qui ne partira pas à la dérive, mille sabords !
Pierre Maitre
https://www.infomaster.fr
Je ne sais pas pour vous mais moi à chaque fois que je dois choisir un plugin pour un besoin bien précis, je passe des heures à écumer le net pour trouver des avis, des recommandations etc.
Il n'est pas forcément facile d'ailleurs de trouver des avis récents et nombre de blogs spécialisés ne mentionnent pas la date d'écriture / mise à jour de leurs avis ou comparatifs.
Bien que je travaille (m'amuse ?) avec WordPress depuis des années, je n'ai toujours pas compris comment WordPress choisit l'ordre dans lequel vous sont présentées les extensions quand vous tapez un mot clé dans le champ dédié pour ajouter une extension. À titre d'exemple, regardez ce que donne la recherche "cookie" :
Un simple coup d’œil nous montre que le classement ne dépend ni du nombre d'étoiles ni du nombre d'installations actives... Rien à voir non plus avec la date de dernière mise à jour...
Diable. Comment choisir ?
Bon, déjà on va éviter les extensions non mises à jour depuis trop longtemps ou dont la compatibilité avec les dernières versions de WP n'a pas été testée. Et ensuite, si on regardait les chiffres de plus près ? (oui je suis ingénieur, désolée, on ne se refait pas ;-))
En cliquant sur "plus de détails" en dessous du bouton "installer", un popup s'ouvre :
Là, un clic sur "Page WordPress.org de l'extension" nous amène sur la page du plugin dans le repository WordPress :
Et c'est maintenant que j'appelle les maths à mon secours pour essayer de réduire le champ des plugins à regarder de près. Je m'intéresse donc à la note moyenne, à la réactivité du support et au taux de rétention de l'extension, à savoir le nombre d'installations encore actives par rapport au nombre de fois où elle a été téléchargée (ce dernier nombre s'obtenant en suivant le lien "Vue Avancée" au-dessus des notes).
Et je me fais un petit comparatif des principales extensions proposées :
Aucun critère n'est déterminant : ainsi une extension avec une note supérieure à celle de toutes les autres pourra présenter un moins bon taux de rétention, ce qui ferait penser que proportionnellement plus d'utilisateurs la désinstallent après l'avoir testée donc qu'elle est moins bonne.
Je trouve aussi assez intéressant de regarder la proportion d'avis par rapport au nombre d'installations. Dans l'exemple ci-dessus on constate un engagement assez fort des utilisateurs du plugin "Complianz | GDPR Cookie Consent" ce qui, associé à sa note élevée, me donne envie d'essayer ce plugin malgré son nombre d'installations bien plus faible (pour l'instant je n'ai utilisé que les deux "champions", installés des millions de fois...). Son taux de rétention est correct sans plus.
Bien sûr le tableau ne permet pas un choix à coup sûr, je le considère comme une vue d'ensemble permettant de réduire le choix à deux-trois.
Je vais aussi faire un petit tour sur le forum de support pour voir les principaux bugs ou reproches et je regarde la page "commerciale" de l'extension. En principe si l'extension est mise à jour relativement régulièrement il ne doit pas y avoir de mauvaise surprise sur la page "pro".
Et après... comme tout le monde, je cherche l'avis d'autres utilisateurs sur internet !
Allez, un petit cadeau pour vous qui avez lu ma prose jusqu'au bout :
Modèle de tableau à récupérer.
Et vous, comment choisissez-vous les extensions que vous installez ?
Votre hébergeur (O.H pour ne pas le nommer) a encore frappé ! Votre forfait d'hébergement vous donne droit à une base de données de 200 Mo. C'est pas mal.
Oui mais.
Vous avez eu du mal à accoucher de vos pages, de vos articles... Vous avez des dizaines de révisions de chacun(e) de ces articles / pages. Et où sont ces révisions ?
Dans votre base de données pardi !
Et tous ces plugins que vous avez essayés pour obtenir exactement les fonctionnalités que vous vouliez de votre site ? Bien sûr vous avez désinstallé ceux qui finalement ne vous intéressaient pas / ne répondaient pas à votre besoin. Bien sûr hein ? Vous ne les avez tout de même pas laissés sur votre installation ? Même désactivés ?
Supprimez les plugins que vous n'utilisez pas. Ils présentent un risque pour la sécurité de votre site.
Alors c'est bon. Vous avez vérifié : vous n'avez plus que les plugins que vous utilisez.
Mais savez-vous que de nombreux plugins ajoutent des tables dans la base de données et qu'un grand nombre d'entre eux ne suppriment pas ces tables lorsque vous les désinstallez ?
Du coup quand vous avez un site dont vous êtes raisonnablement content, votre base de données a de grandes chances d'être OBÈSE.
Car finalement 200 Mo ce n'est pas tant que ça. Et lorsque votre base de données est saturée elle devient inaccessible en écriture. Le site s'affiche encore : elle est accessible en lecture. Mais vous ne pouvez plus entrer dans le tableau de bord car elle ne peut plus enregistrer votre session !
Là c'est la galère. Vous voilà obligé d'accéder à phpmyadmin (et vous n'êtes pas trop sûr de vous) pour aller arranger les choses en mettant les mains dans le cambouis, où vous auriez préféré ne jamais avoir à aller 😉
Donc n'attendez pas d'en arriver là !
Lorsque vous êtes arrivé à une version de votre site qui vous satisfait, optimisez votre base de données ! Et ensuite faites-le régulièrement, si vous modifiez régulièrement votre site.
Faites-le par exemple au même rythme que les sauvegardes.
Vous faites bien des sauvegardes hein !?!
D'ailleurs il est fortement conseillé de sauvegarder votre base de données avant de l'optimiser ou encore de supprimer les tables que vous pensez être devenues inutiles.
Pour optimiser la base de données, la Team affectionne le plugin Advanced Database Cleaner. Philippe dispose d'une version Pro tandis que je me contente pour l'instant de la version gratuite qui est déjà très bien.
Pour aller plus loin, je vous conseille la lecture de l'excellent article de WP Marmite : Transformez votre base de données WordPress en alliée (et surtout pas en boulet)
La plupart des guides sur la façon d’accélérer les sites Web WordPress ne sont pas pertinents.
Nous souhaitons tous que notre site web se charge toujours plus rapidement, donc nous suivons scrupuleusement les instructions qui figurent dans ces guides, mais rien n’y fait, ou si peu. Nous arrivons systématiquement au même constat : notre site se charge encore trop lentement… voire plus du tout en raison d’un conflit !
Pour améliorer les temps de chargement, vous devez identifier et éliminer les ressources excessives, c'est-à-dire les fichiers qui sont chargés mais inutiles ou qui pourraient être significativement réduits. Malheureusement, les tutoriels ne vous apprennent pas à le faire.
Vous pouvez prendre une longueur d'avance avec Oxygen bien sûr – un constructeur visuel pour WordPress qui est 100 % sans ressources inutiles : https://oxygenbuilder.com – mais même si vous utilisez un autre constructeur de pages tel que Divi, Elementor, Beaver Builder, etc. ce tutoriel vidéo vous apprendra des méthodes qui accéléreront de manière significative TOUT site Web WordPress.
Il y a principalement trois choses qui dégradent la performance et pénalisent un site Web WordPress. Réparez-les, et vous aurez un site rapide :
Dans ce tutoriel, vous apprendrez comment résoudre ces problèmes courants qui ralentissent votre site Web. Et vous n’aurez pas besoin d’installer d’extensions de mise en cache. Celles-ci peuvent améliorer votre classement dans les outils d'analyse (PageSpeed, GTmetrix, etc.) – la note va passer de D à C, par exemple – mais il est rare qu’elles solutionnent les ‘vraies’ sources de problème et votre site ne sera pas aussi performant qu’il pourrait l’être.
Le tutoriel contient quatre étapes principales :
Éliminez les ressources inutiles, compressez les images, et hébergez votre site Web chez un fournisseur performant et votre site Web se chargera rapidement.