Archives de
Tag: Jetpack

Corriger l’affichage du plugin « Post Views Counter »

Corriger l’affichage du plugin « Post Views Counter »

Je me garde ces quelques notes pour ne plus perdre trop de temps à chaque fois que le plugin wordpress Post View Counter se met à jour.  Post Views Counter me permet d’afficher le nombre de vue pour chaque article et d’y importer (manuellement) les valeurs de Google Stat. Peu de plugin permette de faire cela hormis l’usine Jetpack que j’ai choisi d’abandonner depuis l’année dernière. J’utilise l’option de positionnement manuelle de ces données dans mon template, mais pour que cela s’intègre proprement, j’ai dû faire également un petite modification dans le template du plugin.

Pour mémoire, je fais un appel de la fonction dans le fichier content.php du template de mon thème (caché dans template-parts) à la ligne 33 au moment de préciser ce que l’on retrouve dans la balise H5 liée au titre d’un article.

<?php if ( 'post' == get_post_type() ) : ?>
		<div class="entry-meta">
			<h5 class="entry-date"><?php nisarg_posted_on(); ?> - <?php echo do_shortcode('[pOst-views]');  ?></h5>
		</div><!-- .entry-meta -->
		<?php endif; ?>

Néanmoins lorsque je fonctionne de la sorte, l’ajout d’une balise DIV supplémentaire dans le H5 crée une double ligne dans mon trait ::after assez disgracieuse. Pour corriger le tir, je dois donc supprimer dans le code de l’extension des informations relatives à la manière dont la variable post-views va s’afficher en mode HTML. Ces information se trouvent dans le fichier functions.php rangées dans la section include actuellement autour de la ligne 289 402 et que je vais débarrasser des balises <div > et </div> ainsi :

$html = apply_filters(
'pvc_post_views_html', '

' . ($options['display_style']['icon'] && $icon_class !== '' ? $icon : '') . '
' . ($options['display_style']['text'] ? '' . $label . ' ' : '') . '
' . number_format_i18n( $views ) . '
', $post_id, $views, $label, $icon
);

 

Pour un blog plus véloce : Merci MeowApps

Pour un blog plus véloce : Merci MeowApps

Le monde du web d’aujourd’hui laisse bien peu de place à la vie de blog indépendant. Voilà maintenant 15 ans que je fais vivre ce lieu de plus en plus déserté de visiteurs quotidiens, je sais que vous êtes quelques uns à venir y passer tous les mois et il reste néanmoins une référence pour beaucoup d’internautes recherchant des informations sur les voitures 7 places, les poussettes doubles et les bons plans vacances, raison pour laquelle je m’applique à continuer à écrire ce genre d’articles aux cotés de ce qui m’intéresse personnellement dans la tenue de ce blog, conserver un héritage d’une vision d’une époque numérique en pleine transition.

S’il y a bien sur les articles que j’écris chronologiquement, il y aussi tout ceux que j’antidate autour des mes nombreuses notes prises aux fils des années dans Scoop.it et maintenant GetPocket une fois qu’avec le temps, je peux me dire que ces informations ont de l’intérêt à être archivées dans ce projet.

Scoop : Effacer le cache d’un lien partagé sur Facebook

Bien évidemment, la vie fait que j’ai probablement de moins en moins de temps à consacrer à mon blog mais les évolutions font que je dois me poser en général tous les 6 mois afin de régler quelques petits soucis ça et là pour que ce dernier ressemble à ce que je souhaite.

Je me concentre depuis plus d’un an par exemple à le rendre moins lent au chargement ! Bien qu’hébergé sur un excellent serveur suisse, Les Mondes de Cyborg Jeff souffraient fortement du plugin multi-usage « JetPack ». J’en avais désactivé une série d’options il y a 6 mois, mais il faut bien admettre que dans le cas de mon blog disposant d’un grand nombre d’images et plus de 2000 posts, supprimer complètement le plugin JetPack lui permet de maintenant offrir un temps de chargement honorable !

Me passer de Jetpack m’imposait dès lors de trouver une solution pour afficher mes galeries photos de manière originale (Tiled Gallery) avec un autre plugin alors que j’avais dû chercher des solutions à des conflits d’affichage des images plein écran avec mes anciens plugins « lightbox ». D’autres parts, ma gestion de statistiques de lectures et affichage du nombre de vues sur un article reposait également sur les données qui transitait vers WordPress.com au départ du plugin Jetpack.

Lire la suite Lire la suite

Problème de Jetpack dans les images du Blog

Problème de Jetpack dans les images du Blog

Faire vivre ce blog n’est pas chose aisée. Il m’arrive bien souvent que des bugs et autres mauvaises surprises viennent me faire perdre du temps. L’air de rien, ce n’est pas si facile de pouvoir intégrer de manière esthétique les photos qui illustrent mes articles. Hors en tant que photographe, j’avais donné beaucoup d’importance à ce point au fil du temps, me reposant notamment sur l’option « tiled gallery » intégrée au plugin Jetpack ainsi que depuis de longues dates sur des plugins tel que Lightbox et Fancybox pour l’affichage des photos lorsque l’on clique dessus. Des outils que j’aurais alterné aux fils des années et des versions de WordPress…

Néanmoins, depuis la dernière mise à jour de WordPress et Jetpack, voilà que l’ensemble ne fonctionne plus !

En réalité, il faut bien comprendre que pour pouvoir disposer de cette option de mise en forme des galeries WordPress dans une visualisation dite « Tiled Masonry », en gros à la sauce de Pinterest, Jetpack m’impose de nombreux autres options. Tout d’abord, pour utiliser Jetpack, je dois obligatoirement lié mon blog à wordpress.com ce qui implique de nombreux échanges entre mon blog et leur serveur. D’autres part, et plus ennuyant, je suis obliger d’activer le protocole « Photon ». Ce protocole envoie en réalité sur un cloud de serveur WordPress les images hébergées sur mon blog dans des tailles diverses et, en principe soulage le chargement de la page par les internautes pour qu’ils accèdent plus rapidement aux contenus en fonction de leur proximité géographique.

How We Remove JetPack and Instantly Improve WordPress Performance
How We Remove JetPack and Instantly Improve WordPress Performance

Je m’étais d’ailleurs mis de côté quelques articles confirmant la lenteur liée à Jetpack : https://webidextrous.com/website-performance/how-we-remove-jetpack-and-instantly-improve-wordpress-performance/

Je vous avouerais que dans les faits, moi je constate que cet option est plus lente que l’accès directe à mon serveur Infomaniak, la rolls des hébergements européens… Mais, jusqu’ici, je n’avais pas trop le choix. L’autre éléments désagréables, étant que l’activation de ce protocole, modifie également l’url de mes images dans un truc du genre : https://i2.wp.com/nomdemositeweb.com/download/date/image.jpg?ssl=1 … une url qui n’est dès lors plus reconnue comme une image par mes plugins Fancybox/lightbox depuis la dernière mise à jour.

Pas si facile de trouver une solution à tout cet ensemble. En cherchant des « alternatives » à Jetpack je suis tombé sur divers articles référençant des plugins par fonctionnalité que j’approfondirais au besoin.

https://themeisle.com/blog/jetpack-alternatives/ (Mai 2018)
https://premium.wpmudev.org/blog/jetpack-alternatives/ (2015)

Tiled Gallery Carousel Without JetPack By Raja CRN
Tiled Gallery Carousel Without JetPack
By Raja CRN

… et j’ai fini par trouver le plugin : Tiled Gallery Carousel Without JetPack qui offre les mêmes options. Peu de réglages possibles, il m’impose lui aussi le nouvel outil d’affichage des photos de la galerie, très jolis mais qui ne fonctionne que pour les images d’une galerie. Il est à noter que pour fonctionner, il faut désactiver l’option « Photon/CND » de Jetpack, ou avoir supprimer Jetpack…

De la sorte, j’ai donc pu conserver les galeries déjà en place dans mes nombreux articles, je peux me passer de la ré-écriture d’URL sur mes images. Et le site semble plus rapide tel quel.. et probablement cela améliorera aussi le référencement du blog, puisque les images seront liées à mon hébergement et non à wordpress.com. Voilà pour les points postifis.

Mais il reste une série de « points négatifs » à régler…

Lire la suite Lire la suite

Et pan, merci l’Europe pour votre loi RGPD

Et pan, merci l’Europe pour votre loi RGPD

Le Règlement général de protection des données (RGPD), cela vous parle ? Peut-être pas… et pourtant il est plus que probable que votre boite mail aie reçu ces derniers jours de nombreux courriels à ce sujet, vous proposant notamment de valider votre abonnement aux services de X ou Y. Et oui, l’Europe a voté pour nous, pour nous protéger des vilains voleurs de nos « données privées »… celles que nous offrons, à notre insu aux grosses boites de Big Data.

Sur mon blog « Les Mondes de Cyborg Jeff », blog privé, je ne suis en principe pas réellement soumis à devoir me plier à ces contraintes. A savoir, vous informer que lorsque vous venez vous promener ici, lire les nouvelles de la famille, regarder mes photos, partager mes états d’âmes, découvrir mes bons plans, mes trouvailles…. Un petit cookie se dépose sur votre ordinateur, comme sur la grande majorité des sites web que vous visitez. En fonction de ce que vous faîtes sur ce site, y sera stocké des informations améliorant votre navigation, de quoi rendre le site plus rapide en gros ou si vous laissez un commentaire, de quoi vous reconnaitre automatiquement : votre nom et prénom ou pseudo, votre adresse email et l’IP utilisée au moment de votre connexion. Vous constaterez que j’ai fait l’effort moi aussi, de me plier à la loi qui impose les entreprises à afficher cette information, en intégrant un petit « popup » discret, mais disgracieux en bas du blog. Et pourquoi ? Que font les utilisateurs en général, ils cliquent rapidement sur « OK »….

Mais ce fameux RGPD va bien plus loin que cela. Il impose en principe toutes entreprises, qu’importe son importance à se conformer à une politique de protection des données, à informer les utilisateurs avec un document spécifique détaillant cette dernière (Le mien étant disponible ici : https://www.studio-quena.be/cyborgjeff/blog/politique-de-confidentialite/). Or, comme la plupart d’autres sites et blogs, une série d’éléments propres à la protection de données ne sont pas entièrement sous mon contrôle. J’utilise l’un des meilleurs hébergeurs et le plus sécurisé, Infomaniak en Suisse, le site est sous protocole https et je n’utilise aucune intégration de publicité à l’intérieur du blog. Néanmoins, ce dernier est lié à mon compte Google Analytics, ce qui veut dire que Google récupère, certes de manière anonyme, des informations vous concernant, vous les visiteurs afin de créer des statistiques de visite. WordPress via son extension Jetpack en fait de même.

Le blog utilise également un système de synchronisation avec les réseaux sociaux, notamment via le plugin SNAP. En gros, chaque article est auto-publié sur Facebook, Twitter et Google+. L’application récupère les interactions publiques que les utilisateurs ont sur ces contenus à l’intérieur des différents réseaux sociaux et les rapatrie à l’intérieur du Blog : En gros, lorsque vous réagissez de manière publique à l’intérieur de Facebook par exemple sur l’un des articles, le blog en récupérera le contenu.

Enfin, dernier élément que j’ai pu « décrypter » de ce que nous impose le RGPD, une entreprise ne peux plus envoyer de mailing sans autorisation implicite de l’utilisateur. C’était évidemment assez fréquent, d’une manière ou d’une autre vous interagissiez sur un site web, et bardaf, vous étiez intégrer dans la base de données clients… ses filiales, puis ses partenaires. Ma fois, ici aussi, j’ai mis en place il y a quelques années une newsletter pour vous tenir au courant des différents articles que j’écris. J’ai considéré que les grosso modo 50 personnes qui s’y trouve étaient à un moment donné tout du moins, intéressées à suivre ce que je raconte.  Quoi qu’il en soit, vous êtes bien sur libre de vous désinscrire à tout moment, via un lien proposé lors de emails mensuels… Mais la loi Européenne impose aux entreprises, de demander à tous ses abonnés de confirmer qu’ils souhaitent bien faire partie de leur mailing. Raison pour laquelle vous recevez énormément de mail de ce genre en ce moment !

Voilà pour le gros de l’histoire. D’après l’un des articles lu sur le site de la RTBF, l’information doit être présentée de manière claire et compréhensible de tous, néanmoins la mise en place de tout cela demande des compétences juridiques et informatiques qui risquent de faire des frais importants pour des petites structures !

l’information doit être non seulement claire, mais également concise. Normalement vous devriez pouvoir recevoir des messages faciles à comprendre, dans des termes qui ne sont pas du jargon juridique et qui ne vous obligent pas à cliquer sur des pages et des pages pour comprendre » (…) Le RGPD est un texte, un peu paradoxalement, extrêmement technique. Il impose aux entreprises et aux administrations d’être claires, mais lui-même a besoin quand même de techniciens pour le comprendre. De grosses entreprises comme Facebook ont des armées de juristes et d’informaticiens, c’est plus facile pour eux de le comprendre et de mettre en place des procédures. Les PME, les petites entreprises, n’ont pas ces moyens, et donc elles doivent s’adjoindre les services d’entreprises externes pour mieux le comprendre et le mettre en place. C’est plutôt lourd à mettre en place au départ, mais une fois qu’on s’est lancés dedans, ça devient un réflexe (A lire sur le site de la RTBF)

Et tout cela pourquoi ? Bien entendu, des brigages du web vont se mettre en patrouille pour traquer tous les « petits sites webs » qui ne se seraient pas formalisés, les amendes pouvant être élevées… Je vous jure que moi, cela me démoralise dans toute l’énergie que je mets dans la création de mes différents sites et blog.

Sans compter les « faux ». Tant pour les privés qui recevront de fausses demandes d’acceptation des conditions soumises par des pirates et rançonwareq, que les faux organismes de contrôles. L’Europe choisi à notre place… pour notre bien ? Les gens ne seront pas plus conscients de ce qu’ils offrent comme informations sur la toile ou de ce qu’ils sacrifient pour continuer à utiliser les services qu’ils utilisaient jusque là. Les Google et autres Facebook ont suffisamment d’avocats que pour s’adapter et poursuivre leur actions… Mercedes fera toujours sa pub sur ma boite mail, parce que son dernier Classe X s’est garé devant chez moi, Volvo parce-que j’ai discuté de ses voitures à coté de mon téléphone… Nos Smartphone sont de vraies espions, mais c’est une autre histoire.

Pour en savoir plus sur le sujet, divers articles en anglais commencent à sortir, notamment chez WordPress : http://www.wpbeginner.com/beginners-guide/the-ultimate-guide-to-wordpress-and-gdpr-compliance-everything-you-need-to-know

J’ai également trouvé comme ressources, ce guide à l’écriture : https://fr.vpnmentor.com/blog/politique-de-confidentialite-pour-les-sites-web-modele-gratuit/

Dans le code du thème pour ma mosaïque.

Dans le code du thème pour ma mosaïque.

Évidemment, pour que site web soit joli, cela m’oblige de temps en temps à mettre le nez dans le code de mon site web, ce qui évidemment, n’est pas pratique quand il s’agit de faire ensuite des mise à jour. Or trop souvent, content que cela fonctionne, je ne prends pas toujours le temps de noter la petite modif réalisée, et lorsque le temps de faire la mise à jour est venue… bardaf, cela ne fonctionne plus.

J’ai récemment installé le thème JetPack, grand classique des sites wordpress, et j’ai vraiment bien apprécié l’outil gallerie mosaïque qui construit à la volée des mise en page d’image. Il s’agira de bien faire attention que l’installation de ce plugin implique aussi bizarrement que cela soit d’avoir plusieurs compte « wordpress », chacun dédié à un site web particulier au risque de voir les réglages appliqués à un site se retrouver appliqués sur un autre.

Par contre la gallerie était par défaut plantée à gauche avec une largeur de 500px. Impossible de lui imposer de prendre tous l’espace disponible. Si votre thème n’est pas suffisamment récent, il faudra donc ajouter au fichier function.php le code suivant en spécifiant la largeur désirée :

if ( ! isset( $content_width ) )
    $content_width = 660;

Je vous laisse un petit exemple de ce que cela donne avec les images tagguées Mario du blog…

Lire la suite Lire la suite