• Blog
  • Portfolio
  • A propos de moi
  • Créations Websites
  • Blog
  • Portfolio
  • A propos de moi
  • Créations Websites
Mot clef :

wordpress

Parcourir:
  • Accueil
  • wordpress

Compteur de vues sur post (articles et pages) pour thème et plugin WordPress (script PHP) avec cookie session

Par WolwX dans la catégorie Développement, Informatique, Webmastering, Wordpress
Mots clef : compteur, php, script, view, views, vue, vues, wordpress

Voilà donc un petit mémo pour une solution basique : Ajouter un compteur de vue sur mes pages ou articles WordPress

En effet, dans le cadre du développement de theme perso WordPress, je suis arrivé à ce besoin de pouvoir afficher le nombre de “views” faites sur un article.

J’ai alors trouvé assez facilement des articles redirigeant en coeur sur un script permettant de faire ceci.
Tous les articles ou sites que je trouvais renvoyés sur ce script et ces variantes :

  • https://gretathemes.com/count-post-views/
  • https://www.themexpert.com/blog/track-display-post-views-in-wordpress
  • https://goodlywp.com/how-to-display-post-views-on-your-wordpress-posts/

J’ai donc longtemps essayé d’utiliser la base de ce script, mais avec à la clef, un gros bug dans le comptage des vues, une incrémentation par 2 au lieu de 1 à chaque rafraîchissement de la page …

Je me suis alors rendu compte que j’étais loin d’être un cas isolé dans ce bug, et qu’une piste montrée du doigt le moteur de Chrome qui pouvait boucler des requêtes envoyant une fausse impression de double visite sur la page.
Dans certains cas, on invitait à voir du coté de la favicon mal réglée (absence de l’url renseignée par exemple) en head, ou encore des scripts, ou même autres tags avec cible manquantes ou foireuses.

Dans mon cas rien à faire, malgré toutes ces vérifications le problème persistait, et pour m’assurer que cela venait de Chrome, rien de complexe, tester avec Internet Explorer et bingo …

Du coup j’ai cherché plusieurs manière de corriger le script, ou l’améliorer, jusqu’à me tourner vers l’utilisation d’un Cookie de session tout simplement.

J’ai donc incorporé l’utilisation de ce Cookie, qui permet de limiter le comptage en fonction de la présence de ce celui ci.

Si le cookie existe, alors pas de comptage, dans le cas contraire, comptage et donc forcément, même si le script PHP est bouclé en double par le moteur de Chrome, vue la création du Cookie à la première boucle, la seconde incrémentation ne ce fait pas !
Tests ok, résultat probant, parfait pour mon besoin 🙂

Voici le script, rajouté dans mon functions.php, avec commentaires aidant à compréhension :

/* Function compteur de vue -- DEBUT */
// Récupérer le nombre de vue du post
function getPostViews($postID){
$count_key = 'post_views_count';
$count = get_post_meta($postID, $count_key, true);
// Si le post n'à aucune vue existante dans la table post_meta alors la créer avec la valeur de 0 vue
if($count==''){
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, '0');
return "0";
}
return $count;
}

// Régler le nombre de vue du post
function setPostViews($postID) {
$count_key = 'post_views_count';
$count = get_post_meta($postID, $count_key, true);
// Vérification de l'existence d'un cookie ayant pour information l'ID du post, si il existe, ne rien faire, dans le cas contraire créer le cookie et rajouter 1 vue
if(isset($_COOKIE['postviews']) && $_COOKIE['postviews'] == $postID) {
} else {
// Création du cookie, en expiration à 60 secondes
setcookie('postviews', $postID, time()+60);
if($count==''){
$count = 0;
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, '0');
}else{
$count++;
update_post_meta($postID, $count_key, $count);
}
}
}

// Remove issues with prefetching adding extra views
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0);

// Add to a column in WP-Admin
// Rajout des colonnes de vue sur la page admin des articles
add_filter('manage_posts_columns', 'posts_column_views');
add_action('manage_posts_custom_column', 'posts_custom_column_views',5,2);
function posts_column_views($defaults){
$defaults['post_views'] = __('Views');
return $defaults;
}
function posts_custom_column_views($column_name, $id){
if($column_name === 'post_views'){
echo getPostViews(get_the_ID());
}
}

/* Function compteur de vue -- FIN */

Bien entendu, il convient ensuite de rajouter la fonction sur la page article ou post permettant de lancer le script, par exemple sur le fichier single.php (je n’ai rajouté que la ligne seetPostViews) =>

<?php
while ( have_posts() ) :
// update du nombre de vue
setPostViews(get_the_ID());
the_post();

Puis de renseigner le code dans la partie template prévue pour afficher les views, par exemple sur la page \template-parts\content.php =>

<i class="fas fa-eye"></i><?php echo getPostViews(get_the_ID()); if (getPostViews(get_the_ID()) > '1') { ?> <?php esc_html_e( 'vues', 'nomdevotretheme' ); } else { ?> <?php esc_html_e( 'vue', 'nomdevotretheme' ); };?>

Voilà, je n’ai rien fait d’exceptionnel, mais le fonctionnement final est exactement comme je le souhaitai, et ce petit article me servira de mémo au cas ou, alors si il profite à d’autres, tant mieux 😉

10 paliers .css pour conception site web webresponsive

Par WolwX dans la catégorie Informatique, Webmastering
Mots clef : cms, css, internet, pc, Prestashop, résolution, responsive, smartphone, tablet, tablette, visite, webmaster, wordpress

Voilà donc un article utile dans la conception de site webresponsive, et qui me sert aussi de pense bête, pour la conception de mes prochains sites.

webresponsive

Le coté “webresponsive” est très important sur les sites internet actuels d’autant plus quand on sait que sur les 55.4 millions d’utilisateurs internet en France (pour une population totale de 66.1 millions), 1 visite internet sur 3 ce fait depuis un smartphone et 1 visite internet sur 10 depuis une tablette.

Pour ma part, je conçois 90% des sites web en webresponsive, et je vous propose de partager un petit fichier que j’ai compilé et que j’utilise régulièrement dans ce but.

A savoir que ce fichier est le résultat de mon expérience, il n’est donc pas parfait, mais je l’ai conçu sur la base de 10 paliers (du très vieux smartphone, au pc / écran très haute résolution, en passant par les tablettes entre autre), qui jusqu’à présent m’ont donnés satisfaction dans la conception de mes différents site internet, perso et clients.

Il s’agit d’un fichier css, à inclure dans le header d’un site web, ou alors en récupérant son contenu et en le copiant collant dans le css principal du site internet.

/* Responsive adaptation by WolwX.net -- DEBUT */
/* http://www.mydevice.io/devices/ -1- tres vieux smartphones (=>2010) */
@media (min-width: 0px) and (max-width: 319px) {

}

/* http://www.mydevice.io/devices/ -2- vieux smartphones (=>2012) */
@media (min-width: 320px) and (max-width: 320px) {

}

/* http://www.mydevice.io/devices/ -3- vieux smartphones (=>2013) */
@media (min-width: 321px) and (max-width: 360px) {

}

/* http://www.mydevice.io/devices/ -4- common smartphones (>=2014) */
@media (min-width: 361px) and (max-width: 479px) {

}

/* http://www.mydevice.io/devices/ -5- common phablets et tablets */
@media (min-width: 480px) and (max-width: 767px) {

}

/* http://www.mydevice.io/devices/ -6- tablets et vieux PC */
@media only screen 
and (min-width : 768px) and (max-width: 1023px){

}

/* http://www.mydevice.io/devices/ -7- tablets et vieux PC */
@media only screen 
and (min-width : 1024px) and (max-width: 1279px){

}

/* http://www.mydevice.io/devices/ -8- vieux PC */
@media only screen 
and (min-width : 1280px) and (max-width: 1599px){

}

/* http://www.mydevice.io/devices/ -9- PC actuels */
@media only screen 
and (min-width : 1600px) and (max-width: 1679px) {

}

/* http://www.mydevice.io/devices/ -10- pc high tech et plus */
@media only screen 
and (min-width : 1680px) {

}

/* Responsive adaptation by WolwX.net -- FIN */

Petit point important pour l’utilisation de ce fichier CSS, il vous suffit bien entendu de simplement rajouter votre code CSS classique dans l’intervalle de chaque palier, mais surtout, si vous ne souhaitez pas modifier le contenu de vos CSS WordPress / Prestashop ou autre thème CMS, tout en forçant le votre comme prioritaire, il vous faudra inclure “!important” en fin de ligne.

Exemple :

/* http://www.mydevice.io/devices/ -4- common smartphones (>=2014) */
@media (min-width: 361px) and (max-width: 479px) {
#header.logo {
max-width:"350px"!important;
}
}

N’hésitez pas à me faire un retour si vous constatez des paliers bizarres ou non fonctionnels, ou encore si vous avez des suggestions 🙂

Bloquer les connexions par pays, IpTables avec GeoIP

Par WolwX dans la catégorie Administration Système, Informatique, Sécurité
Mots clef : administration, administration réseau, administration système, Algérie, chine, CN, compilation, drop, DZ, failles, geoip, hack, hackeur, hacking, hacks, iptables, kernel, linux, maxmind.com, pare-feu, règles, RU, russie, sécurité, serveur dédié, ssh, TW, wordfence, wordpress, xtables-addons

Classique de l’administration système et de la sécurité d’un serveur dédié, voici comment utiliser la fonction GeoIP avec notre pare-feu natif à Linux, IpTables 😀

Je vais vous décrire comment bloquer tout le trafic, que ce soit des connexions SSH, des pings, des connexions à vos sites web, ou autre, provenant d’un pays, ou de plusieurs.

187104312_4

Ceci ne vous permettra pas de combler d’éventuelles failles, mais sera pratique pour énormément diminuer l’exposition de votre serveur dédié aux problèmes de hacks provenant de certains pays.

En effet, peu d’entre nous ont réellement besoin que nos services, web ou autre, soit disponible hors de la France, ou dans des pays tel que la Chine, la Russie, l’Algérie, ou autre …
L’exemple de ces pays est très simple, une grosse majorité des tentatives de piratages provenant d’ip hébergées sur leur territoire.

Celà peut ce constater aussi sur vos hébergements web, par exemple sur WordPress, avec un plugin tel que Wordfence, on constate facilement des dizaines et des dizaines de tentatives de login bizarre, ou de brute-force …

Donc voyons voir comment coupler un module “GeoIP” avec IpTables, le parefeu natif à linux.

Mehr lesen»

Remise en activité de WolwX.net

Par WolwX dans la catégorie Réseaux n1
Mots clef : administration système, apache2, jeux vidéo, remise en activité, serveur, site, Vhost, VPN, wolwx.com, wolwx.fr, WolwX.net, wordpress

Et bien nous y voilà ^^’

De l’eau à coulée sous les ponts depuis le dernier article publié sur ce petit site, mais je m’y remet enfin :p

En effet, pris par mes autres projets, j’avais laissé de coté le fonctionnement de WolwX.net, et les travaux nécessaires à son fonctionnement ce sont fait oubliés 😡

 

Entre problème de VHOST Apache pour réglages sur les multidomaines, mais aussi avec le réglage WordPress  pour la gestion Multisite, sans oublier la mésaventure concernant ma perte du nom de domaine “wolwx.com”, le boulot de remise en place était un poil lourd, mais surtout démotivant.

 

J’ai donc finalement repris le taureau par les cornes et me suis décidé à procéder à grosse mise à jour et correction, afin de remettre sur pied correctement ce petit blog qui rappelons le, à principalement pour but de me permettre l’expression de mes idées de geeks au travers de la rédaction ^^

 

Dans les prochains articles il sera donc question de geek attitude, parfois autour de mes expériences chez n1-SerVerS , ce qui résultera par des billets sur la gestion de serveur de tout type, mais aussi des lolades :mrgreen: en tout genre.

 

Voilà donc pour cet article, rien de transcendant, juste mon petit logo nouvelle version, et un blabla léger pour vous annoncer le retour de mon activité sur ce site bien geek.
Et pour reprendre, je vous annonce déjà que le prochain article traitera de l’utilisation d’un VPN dans les jeux vidéos !

 

Alors wait & see, CU soon les geeks :p

0BB 02 – Bug CSS sous mon thème WordPress :x

Par WolwX dans la catégorie Développement, Informatique, Webmastering, Wordpress
Mots clef : 0BB 020, 0BB020, bug, style.css, thème, wordpress

Arf le vilain bug que j’ai dût combattre !!!


En effet, suite à une petite maj anodine sur mon thème, j’ai eu la mauvaise surprise de retrouver plein plein plein de 0BB 02 partout sur ma sidebar !


J’ai alors pensé à un problème d’encodage de mes fichiers, et du sidebar.php en particulier, mais même après avoir remis la totalité des fichiers de mon thème en Unicode UTF-8, le bug persistait !


Saleté saleté saleté !!


J’ai donc dût procéder à plus de recherche jusqu’à trouver ceci :

http://en.forums.wordpress.com/topic/0bb-020-next-to-links-on-right-side-bar


Un utilisateur de WordPress qui s’inquiétait lui aussi de ce bug. Voilà donc, la solution était toute simple, il s’agit d’un formatage WordPress rajoutant ceci dans le style.css :

.entry ul li:before, #sidebar ul ul li:before {content: "0BB 020";}


J’ai donc supprimé la verrue de mon fichier et paf, finit la saleté !!


Au passage un peu de nouveauté “graphique” avec l’apport d’une petite image en préfixe de lien sur la sidebar :p

bienvenue à OZ-FrenchLives.fr sur WolwX.net Network ;)

Par WolwX dans la catégorie Réseaux n1
Mots clef : australie, clément, facebook, geek peace, hébergement, l'escroc, mail, nom de domaine, oz-frenchlives.fr, pierre, voyage, wordpress

Et voilà donc, voici l’arrivée d’un petit nouveau sur le réseaux WolwX.net Network, il s’agit d’un blog pour mon amis Pierre.


http://www.oz-frenchlives.fr/

 

En effet, Pierre avait envie de créer un site web qui lui permettra de narrer l’aventure qu’il va partager avec son amis Clément lors de leur prochain séjour en Australie !


Le but premier était donc de raconter cette aventure, et de garder un contact régulier avec ses proches en france.
D’une culture net certaine, c’est tout naturellement qu’ils ont donc pensé à faire un site web dédié à cette histoire, et c’est ainsi que Pierre m’à présenter son projet que j’ai accepté d’appuyer avec plaisir 😉


Nous avons donc procédé à la configuration de son nom de domaine acheté sur OVH, oz-frenchlives.fr, non sans mal il faut l’avouer faute au dns kimsufi (ns.kimsufi.com) qui était dans les choux pendant quelques jours, puis il à put importer les articles créés chez son précédent hébergeur wordpress, et enfin après quelques réglages tel que l’attribution d’une favicon, et la mise en place d’outil de statistiques web (google analytics) sont site était 100% fonctionnel sur WolwX.net Network 😀


Reste seulement à régler les boites mail qu’il désirera d’avoir (infinies car réglées sur mon serveur mail), à configurer le bridge avec facebook (pour publication des articles directement sur facebook), et l’hébergement WolwX.net sera exploité à son top pour son petit site/blog.


Au final tout ça pour dire deux choses, bonne chance à Pierre et son amis Clément pour cette belle aventure à venir, et si vous souhaitez un hébergement sur WolwX.net Network pour un petit projet sympathique, n’hésiter pas à me contacter (admin@wolwx.net) 😉


Pour l’aventure en australie ça ce passe par ici => http://oz-frenchlives.wolwx.net ou http://www.oz-frenchlives.fr, stay tuned pour avoir des nouvelles de nos deux globetrotters 😉

Stop au retour de ligne obligatoire sur wordpress !

Par WolwX dans la catégorie Développement, Informatique, Webmastering, Wordpress
Mots clef : br, bug, html, ligne, p, plugin, retour, retour à la ligne, tinymce, tinymceadvanced, wordpress, wysiwyg

En effet, je dis stop à ces retours de lignes obligatoires sous wordpress, stop à ce formatage automatique qui gâche la vie :sweat:


Alors c’est po compliqué, j’ai fais des tas de recherches et à chaque fois les solutions proposées ne semblait pas réellement fonctionner pour moi :-/


En effet wordpress utilise l’éditeur WYSIWYG TinyMCE qui ce trouve associé à quelques plugins pour WordPress qui sont eux les pleins coupables  :pissedoff: 
Probablement pour des raisons valables ces réglages de retours à la ligne mais aussi d’autres ce voient tronqués automatiquement par un système de filtre intégré.


Certaines astuces trouvées sur le web permettent de détourner la chose, tel que insérer des points de la couleur de votre fond pour créer des retours à la ligne, ou rajouter manuellement le code html  <br class="spacer_" /> en passant par l’onglet HTML …


Bon il est toujours possible de faire le codeur bidouilleur et de ce rendre sur les fichiers source afin de faire la peau à ces plugins/filtres de TinyMCE direction wp-includes/js/tinymce/plugins/wordpress/ … :devil: 
Le hic c’est que ça serait pas la meilleur solution que de modifier le moteur wordpress pour devoir le reprendre à chaque maj … :struggle:


En réalité voici une solution plus simple et fonctionelle, en tout cas validée ok pour moi :evilgrin:


Pour ce faire donc, rien de plus simple que l’installation d’un plugin, le TinyMCE Advanced qui ce trouve être un plugin permettant d’activer plusieurs fonctions avancée de l’éditeur visuel actuel de WordPress au travers d’un menu de réglages.

options TinyMCE Advanced


C’est donc dans ce menu qu’il faudra faire attention à cette option :

option retour à la ligne


Voilà donc ! Je vais pouvoir écrire enfin plein d’articles sans me prendre la tête comme précédemment et qui plus est, le tout est appliqué en correctif pour tout les sites du réseaux 😛


Source : WordPress: Stop WordPress visual WYSIWYG editor from removing multiple linebreak in your posts

Bienvenue sur WolwX.net :D !

Par WolwX dans la catégorie Réseaux n1
Mots clef : aion, apache2, bienvenue, cms, cod4, css, ftp, mumble, mw2, teamspeak, welcome, wolwx, WolwX.net, wordpress

Bonjour les gens 🙂

Bienvenue à vous tous sur ce petit blog ^^

welcome wolwx.net

Alors à quoi va servir ce blog vont ce demander certains ?

Et pourquoi pas un vrai CMS ?

En fait tout simplement car je vais vous raconter petit à petit mes envies et mes trafiquotages de serveurs et autre appli, mais aussi mes expériences de gamers ou de petit geek ^^ Et pour tout ça, un bon blog WordPress icone wordpress suffit largement plutôt qu’un CMS bien plus gros et lourd ^^’

Alors si vous souhaitez avoir un peu de news sur mes diverses expériences, j’y parlerais probablement de AION Icone AION, CSS icone css, COD4 MW2 icone mw2, mais aussi de serveur Apache2 , de serveurs vocaux ou de FTP , rdv sur ce blog prochainement 😉

Rechercher

Mots Clés

6 pouces administration système android Android 4.4.4 APK application astuce bash Blizzard bug counter strike source css debian DPI dédié facebook fps gamer geek Huawei Ascend Mate 7 jeux vidéo linux mail maj mumble mutualisé mx obb ovh script server serveur serveur dédié serveur mail smartphone spam ssh sécurité tablette téléchargement virus WolwX.net wordpress zcs zimbra

Derniers commentaires

  • Zimbra ZCS – Installer un certificat SSL gratuit Letsencrypt sur la webmail | WolwX.net dans Zimbra ZCS – personnalisation de la webmail
  • WolwX dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Ridha dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • WolwX dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • ALcapone dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Messoum dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Antoine dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Nestor dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • Ronin dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
  • WolwX dans Hack Playstation 4 on peut vraiment jouer à des jeux “crackés” ?
Linkedin Facebook Instagram
Twitter Youtube
Contact Mail
Plan du site (Sitemap) :
  • Blog Articles
  • Cookies
  • Portfolio Portfolio
  • Créations Websites Créations Websites
  • Mentions légales
  • A propos de moi A propos de moi
  • Me contacter
  • Politique de confidentialité

WolwX :: © 2009 - 2023 Tous droits réservés. +
Propulsé par Wordpress :: Designed (OneTouch v2 custom) :: Hosted, Configured & Powered by n1-Web.fr
Optimisé en HD pour une résolution égale ou supérieur à 1280x1024 pixels
Compatible Smartphones et Tablets, Responsive Webresponsive 10 paliers.
Navigateurs recommandés Google Chrome Firefox

Avertissement : Toute reproduction, représentation, traduction, adaptation, ou citation qu'elle soit intégrale ou partielle, quelqu'en soit le procédé, est strictement interdite sans autorisation, sauf cas prévus par l'article L.112-5 du code de la propriété intellectuelle.
Les marques citées sont la propriété de leurs détenteurs respectif.

 

Chargement des commentaires…