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.

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

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…

— Entre temps, j’ai remplacé la solution en question par Meow Apps Gallery —

Lire la suite Lire la suite

Améliorer son ranking

Améliorer son ranking

RankingIl y a toujours lieux de travailler à améliorer son référencement. Sans entrer dans de complexes détails, voici déjà toute une série de choses mise en place en 2013 pour améliorer le ranking de mes sites web.

Mettre à jour Blog et extension en mai 2013.
Efficacité de Simple Tags sur les metadata abandonné -> Add Meta Tag
Nouveau thème avec bcp de javascript contenant la structure du site -> noscript chargeant une CSS dédiée avec une structure plus simple du site

amélioration du contenu, des titres, nom de fichiers et balise ALT des photos
amélioration de la redirection des contenus provenant d’une autre URL que l’URL de départ (http://forum.alsacreations.com/topic-1-55081-1.html ainsi que http://www.renardudezert.com/2011/01/31/une-rewritecond-pour-plusieurs-rewriterule.html
amélioration des liaisons avec les outils Google et passage au suivi statistique via Google Analytics for WordPress

ajout du site dans les annuaires google, bing, machinchouette.org

ajout du sitemap dans les outils webmaster google

outil de diagnostique puissant : http://www.woorank.com

ajout d’un plugin 404 redirected pour corriger et rediriger les erreurs 404. <- Trop gourmand
ajout du 404 redirection, plus basique mais probablement moins gourmand.

ajout de Wysija comme outil de newsletter

ajout de JetPack comme outil d’améliration de partage d’info
ajout de Related Posts pour améliorer la mise en forme