Archives de
Tag: HTML

Corriger l’affichage du plugin « Post Views Counter » 1.5.5

Corriger l’affichage du plugin « Post Views Counter » 1.5.5

Je me gardais sous le coude 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.

Lire la suite Lire la suite

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