Optimisation de site Internet

Notre agence de développement est spécialisée dans l'optimisation de site Internet.

Utilisez notre système pour évaluer la qualité et la performance de votre site Internet via le formulaire ci dessous.

DESIGN RESPONSIVE De l'ordinateur au mobile

Design responsive

De l'ordinateur au mobile

HTML5 / CSS3 Standard d'aujourd'hui et demain

HTML5 / CSS3

Standard d'aujourd'hui et demain

UX / UI DESIGN Notre priorité: l'utilisateur final

UX / UI Design

Notre priorité: l'utilisateur final

DESIGN UNIQUE Démarquez vous de vos concurrents

Design unique

Démarquez vous de vos concurrents

Création de site web en Occitanie

WordPress sauvegarde par défaut des révisions des articles.
Ces révisions peuvent être à la longue assez volumineuse dans la base de données.

Supprimer les anciennes révisions

Vous avez deux possibilités pour les supprimer. La première version ne doit pas être exécutée car elle ne supprimera pas les meta post rattachés à l’article.
Je vous conseils donc d’utiliser la deuxième version.

– première version à ne pas utiliser:

DELETE FROM wp_posts WHERE post_type = "revision";

– deuxième version à utiliser:

DELETE a,b,c FROM wp_posts a LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id) WHERE a.post_type = 'revision'

Limiter le nombre de révision

Pour limiter le nombre de révision, vous devez rajouter ce code dans votre fichier .

define( ‘WP_POST_REVISIONS’, 3 );

Désactiver les révisions

Pour désactiver les révisions WordPress, vous devez rajouter ce code dans votre fichier .

DELETE a,b,c FROM wp_posts a LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id) WHERE a.post_type = 'revision'

La plupart des plugins WordPress sont mis à jour régulièrement. A chaque fois que vous vous connectez à votre panneau d’administration de WordPress, vous recevrez une notification des mises à jour des plugins, des thèmes ou des fichiers du “core” de WordPress.

Parfois, vous voulez faire quelques changements dans la fonctionnalité ou de style du plugin afin que vous modifiez les fichiers de base plugin.

Si vous mettez à jour le plugin, vos modifications seront perdues.

En derniers recours, vous avez la possibilité de désactiver les mises à jour pour ce plugin (ce n’est pas conseillé, mais bon c’est à vous de voir).

Par conséquent, vous pouvez désactiver les notifications spécifiques de mise à jour du plugin. Voici donc le petit bout de code qui permet de désactiver la notification de mise à jour pour un plugin spécifique dans WordPress.

Vous devez ajouter quelques lignes de code dans le fichier functions.php de votre thème.

function disable_plugin_updates( $value ) {
unset( $value->response['akismet/akismet.php'] );
return $value;
}
add_filter( 'site_transient_update_plugins', 'disable_plugin_updates' );

Lorsque vous attribuez un nom à un custom post, il faut veiller à ce qu’il ne dépasse pas les 20 caractères.
Si vous mettez plus de 20 caractères, votre custom post ne s’affichera pas dans votre back office.
La raison de cette limite est que le champ est enregistré en VARCHAR(20) dans la base de donnée.

https://codex.wordpress.org/Post_Types – Custom post types

Dans WordPress, le résume d’un article peut être affiché en utilisant une fonction appelée . Cette fonction n’a pas de paramètres, mais il a quelques filtres que vous pouvez ajouter.

Par défaut, WordPress affiche l’excerpt encadré (wrappé) dans une balise de paragraphe de base. Si vous souhaitez cibler ce paragraphe précisément (pour changer le design de ce dernier par exemple), il est intéressant d’y rajouter une classe. Sans une classe ou un ID, il est assez compliqué de différencier le paragraphe de l’excerpt, de tout autre élément. Pour accomplir cela, il faut rajouter un filtre à la fonction en rajoutant ces quelques lignes dans votre fichier de votre thème.

add_filter( “the_excerpt“, “add_class_to_the_excerpt“ );
function add_class_to_the_excerpt( $excerpt ) {
return str_replace(‘<p‘, ‘<p class=“leresume“‘, $excerpt);
}

Grâce à ce filtre, je viens de rajouter la classe “leresume” à notre excerpt.
On peut ainsi plus le structurer avec le css de notre thème.

Que signifie les “nonces” de wordpress ?

Le mot «nonce» est une abréviation anglaise pour indiquer que le numéro est utilisé une fois. Il s’agit d’une chaîne générée par WordPress qui agit comme un jeton spécial (token) et est utilisé pour identifier la personne qui effectue une opération spécifique telle que la soumission d’un formulaire, la suppression d’un article etc.

Pourquoi utiliser les nonces ?

Le but principal du nonce est de protéger contre les attaques de piratage malveillants tels que une technique connue sous le nom “Cross Site Request Forgery” (CSRF) qui consiste à tromper les gens en cliquant sur un lien qui causera des dommages à votre site.

Une autre façon de décrire un nonce est qu’il est un peu comme une clé secrète temporaire ou empreinte digitale qui est unique à vous et ne peut jamais être utilisé que par vous pour une opération spécifique. Cette clé est extrêmement difficile d’être deviné par quelqu’un d’autre.

Comment fonctionne les nonces ?

La valeur nonce est valable 24 heures après sa génération.
Cela garantit que quelqu’un ne peut pas copier un ancien nonce et le ré-utiliser dans l’URL ou lors de la soumission d’un formulaire.

Les nonces sont largement utilisés dans la fonctionnalité de base de WordPress sans que l’ayez peut être remarqué. Par exemple, disons que vous êtes un administrateur d’un blog WordPress et que vous voulez supprimer un compte d’utilisateur spécifique.

Lorsque vous cliquez sur le lien “supprimer”, WordPress va générer un nonce et il va ajouter dans l’URL comme suit:

http://www.xyz.com/wp-admin/users.php?action=delete&user=2&_wpnonce=13eyha2g22

Le nonce ci-dessus sera valide uniquement pendant 24 heures et il ne pourra être utilisé que par vous et uniquement pour cette opération spécifique – qui dans ce cas est la suppression de l’utilisateur avec l’identifiant de “2”.

Maintenant, disons que les moments de supprimer après avoir réussi à l’utilisateur que vous vouliez aussi supprimer un message. Lorsque vous cliquez sur le lien “corbeille” pour supprimer l’article avec l’ID 10, WordPress va de nouveau générer une nouvelle valeur de nonce spécifiquement pour cette opération:

http://www.xyz.com/wp-admin/post.php?post=10&action=trash&_wpnonce=3a6dc727ba

Notez comment la valeur de ce nonce est différente de la première et encore la règle applicable est ici en ce qu’elle ne sera valable que pendant 24 heures et ne peut être utilisé pour la suppression (corbeille d’action) de l’article avec l’ID 1 .

Ainsi, lorsqu’un utilisateur clique sur un lien dans le panneau d’administration tels que les liens de suppression ou de déchets dans les exemples ci-dessus, WordPress va faire des vérifications dans les coulisses pour vérifier que le paramètre “_wpnonce” est valide et si et seulement si elle est valide, il va procéder à l’achèvement de la requête.

Si la valeur de “_wpnonce” a été jugée invalide, alors WordPress ne permettra pas le fonctionnement et l’utilisateur serait accueilli avec un écran qui leur indique l’erreur.

Utiliser les nonces

Si vous développé sur WordPress, alors vous devriez apprendre et utiliser les nonces.

WordPress a plusieurs fonctions utiles à votre disposition que vous pouvez utiliser pour toutes les questions liées aux nonces.

Création de nonce:

Il y a des fonctions pour créer et ajouter des nonces à vos URL et les formulaires dans WordPress.

Ajouter des nonces à vos urls

Par exemple, WordPress a la fonction suivante qui va créer un nonce que vous pouvez ajouter manuellement à votre URL:

wp_create_nonce ($action)

Cette fonction va créer une valeur nonce et comme vous pouvez le voir prend un seul argument, qui est une chaîne définissant l’action que vous effectuez.

La chaîne peut être tout ce que vous voulez et il est souhaitable que vous choisissez quelque chose d’unique à votre plugin qui sera difficile à deviner.

La fonction retourne une chaîne sous la forme de la valeur de jeton nonce.

Exemple 1:

Par exemple, supposons que vous avez écrit un plugin qui a une page avec une liste d’articles avec un lien de suppression à côté de chaque élément. Afin d’améliorer encore la sécurité que vous souhaitez ajouter un nonce au lien de suppression.

Ce qui suit est une façon vous pouvez le faire en utilisant la fonction ci-dessus:

1) Tout d’abord, vous devez créer le nonce:

$my_nonce = wp_create_nonce ('delete_my_rec');

2) Ensuite, vous devez ajouter ce nonce à votre URL:

admin.php?page=mypluginpage&action=delete&recid=1&_wpnonce=<?php echo $my_nonce ?>

Une autre façon d’ajouter un nonce à une URL est d’utiliser la fonction suivante:

wp_nonce_url ($actionURL, $action)

Cette fonction prend deux paramètres:

  • La première est l’URL que vous souhaitez ajouter le nonce à
  • Le second est le nom de l’action que vous souhaitez attribuer au nonce.

Si vous regardez à l’intérieur du code de base WordPress, vous verrez que la fonction wp_nonce_url appelle en fait la fonction wp_create_nonce pour créer le nonce auquel il ajoute alors à la chaîne d’URL.

Exemple 2:

Par conséquent, nous pouvons utiliser la fonction wp_nonce_url pour atteindre le même résultat que dans le premier exemple en faisant simplement ce qui suit:

1) Créer l’URL avec un nonce ajouté à cela:

$nonced_url = wp_nonce_url('admin.php?page=mypluginpage&action=delete&recid=1', 'Delete_my_rec');

2) Maintenant, ajoutez l’URL contenant le nonce à notre page:

<a href="'.$nonced_url.'">suppression</a>

Ce second exemple permettra d’atteindre le même résultat que le premier exemple.

Ajout d’un nonce à un formulaire

Pour ajouter un nonce à un formulaire, vous pouvez utiliser la fonction suivante:

wp_nonce_field($action, $name, $referer, $echo)

Cette fonction prend 4 paramètres qui sont tous en option:

  • $action = (en option) ceci est une chaîne qui représente le nom de l’action
  • $name = (facultatif) ceci est une chaîne qui représente le nom du nonce. Si vous laissez ce champ vide WordPress sera par défaut “_wpnonce”
  • $referer = (en option) ceci est un booléen. Il détermine si le referer “champ de formulaire caché” doit être créé. Ceci est essentiellement la valeur “REQUEST_URI” de la page de référence qui est stocké dans le $ _SERVER de PHP. Si il n’est pas inclus, il est par défaut à true.
  • $echo = (en option) ceci est un booléen. Il détermine si WordPress devrait l’écho du champ caché apax ou retourner sa valeur. Si il n’est pas inclus, il est par défaut à true.

Cette fonction retournera une chaîne d’URL qui contiendra l’action nonce.

Exemple 3:

Une utilisation typique de cette fonction est indiquée dans l’exemple ci-dessous:

<form action = "" method = "post">
<?php wp_nonce_field ('my_delete_action'); ?>
<input type = nom = valeur "hidden" "id" = "<?php echo $id;?>" />
<input type = "text" name = valeur "rec_name" = "<?php echo $name;?>" />
<input type = "submit" value = "Supprimer" />
</form>

Notez comment nous avons inséré notre champ nonce caché à l’intérieur de la forme en utilisant la fonction de wp_nonce_field et nous avons inclus un seul paramètre “my_delete_action” qui représente le nom de l’action de notre nonce.

Vérification des nonces

Création et insertion nonces dans notre code est seulement la moitié du travail qui doit être fait.

Nous devons également vérifier les nonces lorsque l’utilisateur tente d’envoyer un formulaire ou effectue une action via une URL.

Pour vérifier un nonce nous pouvons simplement utiliser la fonction WP suivant:

wp_verify_nonce ($nonce, $action)

Cette fonction prend 2 paramètres:

  • $nonce = (obligatoire) ceci est le nonce particulier que vous souhaitez vérifier
  • $action = (en option), c’est l’action que vous avez spécifié pour le nonce lors de sa création.

La fonction ci-dessus retourne une valeur booléenne “false” si le nonce était invalide; sinon elle retournera un entier à partir du moment où le nonce a été généré, à savoir,

Il renverra “1” si le nonce a été généré il y a moins de 12 heures.

Il renverra “2” si le nonce a été généré plus de 12 heures et moins de 24 heures plus tôt.

Exemple 4:

Par conséquent, en utilisant notre nonce que nous avons créé dans l’exemple 1, nous pouvons maintenant étendre notre code pour inclure la vérification suivante:

$retrieved_nonce = $_REQUEST['_wpnonce'];
if (!wp_verify_nonce($retrieved_nonce, 'delete_my_rec' ) ) die( 'Failed security check' );

Une autre façon de vérifier nonces

Vous pouvez également utiliser la fonction suivante pour vérifier votre nonce:

check_admin_referer ($action, $query_arg)

Explications:

  • $action = (en option) est le nom de l’action. Il est fortement recommandé d’inclure ce domaine lors de l’appel de cette fonction.
  • $query_arg = (facultatif) désigne le nom qui nonce WordPress va chercher dans la variable $ _REQUEST. (Par défaut _wpnonce si laissée en blanc)

Si le nonce est valide la fonction permet l’exécution de votre plugin procéder autrement il «mourir» et l’utilisateur vers le «êtes-vous sûr” page d’erreur si elle détermine qu’un nonce est invalide.

Exemple 5:

Nous pourrions donc utiliser la ligne de code ci-dessous pour remplacer le code de l’exemple 4 pour obtenir un résultat similaire:

check_admin_referer ('delete_my_rec');

Vous souhaitez installer un plugin sur votre site WordPress? Certaines précautions et vérifications sont à prendre en compte avant:

  • Vérifier la compatibilité du plugin avec votre version de WordPress
  • Vérifier les notes obtenues ainsi que les commentaires (si vous avez téléchargé le plugin sur le site WordPress)

Plusieurs solutions s’offrent à vous:

  • de WordPress : cette solution est préconisée si vous avez acheté (ou téléchargé gratuitement) votre plugin.
  • de WordPress : C’est la méthode la plus couramment utilisées. Elle vous permet de vérifier la compatibilité du plugin que vous souhaitez installer avec votre version de WordPress.
    Attention, si vous avez une installation récente de WordPress, certains plugins n’ont probablement pas été mis à jour. Ou alors, certains plugins mis à jour n’ont pas encore été “éprouvés” avec votre version.
    Ce qui ne veux pas dire que le plugin ne fonctionne pas, mais uniquement que la communauté WordPress ne l’a pas encore suffisamment testé.
  • (File Transfer Protocol), et activation via le gestionnaire d’extension de WordPress.

D’une manière générale, consulter les avis des utilisateurs du plugin s’avère toujours très intéressant.
N’hésitez pas à laisser vous même votre avis une fois que vous aurez tester le plugin.

WordPress possède une fonction php très intéressante qui permet de détecter si l’utilisateur utilise un appareil mobile:
“wp_is_mobile”
Cette fonction renvoi un booléen:

  • TRUE, si il s’agit d’un appareil mobile
  • FALSE, pour le reste des appareil

Il est intéressant de noter que cette fonction utilise la variable $_SERVER[‘HTTP_USER_AGENT’].

Si le serveur n’arrive pas a récupérer d’information avec cette variable, la fonction renverra FALSE;

Cette fonction n’a pas vocation à remplacer les medias queries car ils n’agissent pas au même niveau. La fonction concernée agit au niveau serveur, alors que les medias queries agissent au niveau du navigateur du visiteur.

wp_is_mobile();

Lien vers le code: Function Reference/wp is mobile

Billie Holiday 0001 original.jpg

La version 4.3 de WordPress, nommée “Billie” en honneur à la chanteuse de jazz Billie Holiday, est disponible en téléchargement (ou mise à jour à partir de votre tableau de bord). De nouvelles fonctionnalités ont été introduites dans la version 4.3.

Le personnalisateur de menu

Créez votre menu , mettez le à jour , et affectez , tout en le prévisualisant en live dans le personnalisateur. La conception de personnalisation simplifiée fournit une interface mobile conviviale et accessible. Avec chaque nouvelle version, il devient plus facile et plus rapide pour rendre votre site juste la façon dont vous le voulez.

Utilisation de raccourci lors de la rédaction de votre contenu

Afin de personnaliser votre back-office WordPress, je vous propose ici de changer le le “Saisissez votre titre ici” des articles et pages.
Pour ce faire, il vous suffit de rajouter ces lignes de code dans votre fichier functions.php

function title_text_input( $title ){
return $title = 'Saisissez un titre de plus de 70 caractères';
}
add_filter( 'enter_title_here', 'title_text_input' );

Vous avez créé votre thème et souhaitez rendre ce dernier multilingue.
Il va vous falloir créer un dossier languages avec les fichiers de traduction .mo et .po à l’intérieur.
Pour que votre thème appel ce dossier, il va falloir le déclarer dans votre fichier functions.php de votre thème via ces quelques lignes de code.

function customtheme_setup() {
load_theme_textdomain( 'bms-theme', get_template_directory() . '/languages' );
}
add_action( 'after_setup_theme', 'customtheme_setup' );

Vous avez un projet en tête ?

Et si nous construisions votre projet ensemble ?

Comment pouvons nous vous aider ?

UX / UI Design

Ciblage du ressenti émotionnel d'un utilisateur face à à votre site web

Design responsive

Nos sites web sont intégralement réalisés en responsive

Développement

Nous donnons vie au design réalisé dans les phases précédentes

Optimisation

L'optimisation de votre site est notre fil d'ariane

Nos process de travail

1Vos besoins
2Planification
3Développement
4Mise en production
Première étape, identifier vos besoins !!

Beaucoup de clients souhaitant améliorer leurs présences sur Internet, n'ont souvent pas une vision concrête de ce qu'ils désirent.

Notre rôle consiste à vous aider à identifier vos besoins.

Avez vous besoin d'un formulaire de contact ?

Avez vous un compte facebook professionnel ? Ne vaut t'il mieux pas utiliser ce dernier pour la communication de votre entreprise ?

Souhaitez vous un formulaire de demande de devis en ligne ? Souhaitez vous réaliser le devis, ou bien, voulez vous que nous réalisions un plugin pour générer automatiquement le devis ?

Consultez la chaine de production d'un site Internet

Deuxième étape, planification !!

Votre projet rentre dans sa phase active.

Nous élaborons avec vous un planning. Ce dernier comporte diverses étapes:

  • Graphisme / UX / UI
  • Rédaction du contenu du site (si prévu au contrat)
  • Développement Front-End
  • Développement Back-End

Chaque phase nécessite une validation multilatérale (vous et les différents intervenants de votre projet).

En fonction de l'urgence de votre projet et de la disponibilité de nos équipes, nous pouvons paralléliser plusieurs étapes.

La plannification peut être réalisée pour pouvoir vous livrer votre projet sur un délai de quelques jours, à quelques mois.

Cette différence de délai est généralement du au client qui souhaite avoir plus de temps pour valider chaque étape.

Consultez la chaine de production d'un site Internet

Troisième étape, Développement de votre site ou application

Nos experts rentrent en action pour réaliser ces étapes :

  • Graphisme / UX / UI
  • Rédaction du contenu du site (si prévu au contrat)
  • Développement Front-End
  • Développement Back-End
  • Optimisation
  • Sécurisation du site

Il s'agit de la phase la plus longue. Suivant votre projet, un chef de projet spécialisé s'occupera de faire travailler ensemble les différents intervenants.

Une mise à disposition d'une pré production (ou staging) vous permettra de suivre régulièrement l'avancement de votre projet.

Consultez la chaine de production d'un site Internet

Dernière étape, mise en production de votre site ou application

La mise en production concrétise l'aboutissement de votre projet.

Avant toute mise en production, un PV de recette devra être signé par vos soins.

Une fois ce PV signé (avec éventuellement des réserves), nous mettons en production votre site, activons techniquement le référencement, et procédons aux dernières optimisations techniques.

Consultez la chaine de production d'un site Internet

Le Blog

wp_is_mobile : détection appareil mobile

wp_is_mobile : détection appareil mobile

WordPress possède une fonction php très intéressante qui permet de détecter si l’utilisateur utilise un appareil mobile: “wp_is_mobile” Cette fonction renvoi un booléen: TRUE, si il s’agit d’un appareil mobile [en savoir plus …]

Désactiver les mises à jour pour un plugin spécifique

Désactiver les mises à jour pour un plugin spécifique

La plupart des plugins WordPress sont mis à jour régulièrement. A chaque fois que vous vous connectez à votre panneau d’administration de WordPress, vous recevrez une notification des mises à [en savoir plus …]

Introduction aux nonces de wordpress

Introduction aux nonces de wordpress

Que signifie les “nonces” de wordpress ? Le mot «nonce» est une abréviation anglaise pour indiquer que le numéro est utilisé une fois. Il s’agit d’une chaîne générée par WordPress [en savoir plus …]

Accès client
Au secours !!
Etats de nos serveurs
Recherche