Archives de
Tag: HTML

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
);

 

Quena est de retour.

Quena est de retour.

Quena SCS logo 2013

Bon, depuis la reprise de la société Quena en 2011, je n’avais pas encore réalisé de logo générique à celle-ci. Voici qui est chose faite, avec un petit site web présentant les différentes orientation de Quena SCS : Les reportages de mariage avec QuenaLove, les photos en studio avec Petite Snorkys Photography et tout ce qui touche à la musique avec Quena Sound.

C’était aussi l’occasion de faire une petite page web en code html pur : http://www.quena.be

Créer un syllabus interactif : test de Inkling Habitat

Créer un syllabus interactif : test de Inkling Habitat

Inkling Habitat - création du contenuEn deux mots, un syllabus interactif est un eBook comportant une série d’options interactives telles que l’intégration d’images, sons, vidéos et tests qui pourra être lu et annoté depuis une tablette numérique. La diversité des tablettes et compatibilité des systèmes fontt que plusieurs formats sont en compétition et qu’il n’est pas facile de trouver un outil simple, offrant les options nécessaires et compatibles sur un nombre suffisant de devices tant pour la lecture que pour la création.

iBook Author d’Apple par exemple se montre très abordable et propose des réalisations très professionnelles. Cependant il implique d’une part de travailler depuis un ordinateur Apple et d’autre part ne produira que du contenu au format iBook uniquement compatible avec les devices Apple. Après un premier tour d’horizon de mes collègues l’été dernier, nous savions que le format le plus compatible seraient l’ePub3, mais ce dernier était encore rarement entièrement supporté. J’ai choisi ces dernières semaines de tester l’outil de création dont Inkling Habitat afin de voir où ce dernier se situe à l’heure actuelle dans la création de syllabi interactifs. Je suis donc reparti de notes de préparation au CESS d’histoire pour faire un petit essai.

Tout d’abord l’outil s’utilise en ligne et implique l’utilisation du navigateur Chrome. Graphiquement, il est assez cohérent et l’on ne se perd pas trop dans l’outil. Il est par contre conseillé de lire un peu le manuel afin de s’y retrouver dans la manière de construire des contenus, créer des chapitres et des sections, comprendre comment ajouter un test et où le placer dans le contenu.

Il est par exemple possible de créer différents types de tests, malheureusement l’édition de ceux-ci doit de se faire…. dans le code HTML ! Il y a sur cette étape encore du travail à faire.

L’intégration de vidéo se fait uniquement en « élément pop-up » et pas intégrée dans la page.  Les types de fichiers supportés sont nombreux, mais il faudra parfois utiliser Miro Converter pour transformer par exemple un fichier M4V en MP4. Il y a quelques erreurs et blocages pendant la phase d’upload, mais dans l’ensemble cela fonctionne. Les fichiers vidéos ne sont pas inclus dans le fichier final mais lus en streaming depuis le web.

On sent malgré tout que l’outil est encore peu stable et à besoin d’évoluer. L’export au format ePub donne des résultats peu concluants et l’export vers la librairie iBook de l’iPad implique de diffuser le contenu dans l’AppStore. Reste l’option de la publication vers la bibliothèque Inkling qui est évidemment bien mieux compatible…. mais l’application n’existe que sur le web et les devices Apple.

Bref, pour l’heure… cela n’est toujours pas la solution miracle et surtout le résultat est bien moins intéressant que ce que l’on arrive à produire facilement via iBook Author. Le produit a tout de même l’avantage d’être compatible iDevices et Web. De plus depuis l’interface Inkling Store/Read on dirait que l’on peut annoter de manière sociale les contenus, ce qui peut être assez sympa.

Dans une autre optique, j’ai également trouvé un outil qui cette fois fonctionne et permet de récupérer des contenus issus de WordPress pour en faire un eBook au format ePub, mais dans un format extrêmement basique. Il s’agit du plugin : Anthologize

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

La fin de Google Reader

La fin de Google Reader

Illustration promotionnelle  © Feedly, 2013

En fait, c’est un peu cela le monde d’aujourd’hui. On ne nous invente plus des produits et services parce qu’ils sont parfaits, parc qu’ils correspondent à nos besoins,… Mais bien parce qu’ils il y a un marché à prendre, un créneau à combler… du business à faire. Je pourrais me brosser pour trouver une TV aussi parfaite que ma Sony Bravia de 2008 sans 36.000 options inutiles. Inutile de chercher un bon petit PC netbook, tout est remplacé par des tablettes, même si cela n’a au fond aucune similitude hormis la taille.

Or donc, Google en a décidé que son service Google Reader (Google Flux), lancé il y a huit ans ne correspondait plus au marché du web actuel, et qu’il était temps d’en finir. Fermeture du service programmée pour juillet 2013. Google Reader est l’un des outils de syndication de flux RSS le plus utilisé, permettant faire de la vieille sur différents sujets en récupérant l’actualité de tous les sites qui nous intéressent.

Il est bien certains que les réseaux sociaux ont mis à mal l’utilisation un poil complexe des Flux RSS, en offrant un service grosso modo similaire et accessible aux utilisateurs lambda, néanmoins, la pollution de contenu inutile sur cette solution, donne de bien moins bons résultats.

Je n’ai jamais été grand partisan du service Google, que ce fusse avec iGoogle puis Google Reader. Je lui ai toujours préféré Netvibes que je trouvais plus agréable à consulter sur mon ordinateur, mais la force de Google Reader était de pouvoir facilement récupérer ses listes d’articles à lire vers d’autres outils et plateforme, vers Flipboard et mon Smartphone Androïd par exemple, là où Netvibes en version mobile est loin d’être pratique.

Bref, il existe donc une série d’alternative tels que le stockage de Flux RSS dans Flipboard ou l’application Feedly, mais je ne leur trouve pas le coté pratique et ouvert pour être ma solution d’avenir.

Flipboardne fonctionne que depuis un périphérique mobile, alors que c’est depuis un PC que je sélectionne les contenus que je souhaite suivre ou non.

Feedly se présente déjà comme le successeur de Google Reader, prêt à répondre aux attentes des nouveaux venus, à se placer comme ouvert pour se partager avec d’autres outils… mais les autres outils choisiront-ils de fonctionner avec lui ? De plus, la version web de Feedly est une application à installer dans son navigateur et non un site web, ce qui limite tout de même un peu le coté pratique.

Pour l’heure Netvibes et Scoop.it, deux autres de mes outils dans ce domaine restent trop peu intégrés aux tablettes et smartphone.

Voici une liste d’autres outils à investiguer, même si j’en connais déjà la plupart…

The Oldreader : http://theoldreader.com/
Tiny Tiny RSS : http://tt-rss.org/redmine/projects/tt-rss/wiki
Pulse : https://www.pulse.me/
Taptu : https://www.taptu.com/

Une pétition est actuellement en cours pour tenter de faire subsister le service Google Reader : https://www.change.org/petitions/google-keep-google-reader-running