Blog < Page 9 sur 11

Un fichier robots.txt optimisé pour WordPress

Le fichier robots.txt correspond à ceci « Le protocole d’exclusion des robots est une ressource de format texte qui peut être placée à la racine d’un site web, et qui contient une liste des ressources du site qui ne sont pas censées être indexées par les robots d’indexation des moteurs de recherche. Par convention, les robots consultent robots.txt avant d’indexer un site Web. Sur le serveur Web, cette ressource est fréquemment enregistrée dans un fichier texte appelé robots.txt.

Pour WordPress, il est essentielle d’empêcher le moteur de recherches d’accéder aux dossiers sensibles, comme wp-admin ou wp-include, qui ne devraient pas être indexés par mesure de sécurité. Pour cela voici un fichier robots.txt optimisé pour la plupart des sites tournant sous WordPress a inséré à la racine de votre site (dan sle dossier www pour ceux qui en ont un) :

[pastacode lang= »markup » message= » » highlight= » » provider= »manual »]

User-agent: *
# On empêche l'indexation des dossiers sensibles
Disallow: /cgi-bin
Disallow: /wp-login.php
Disallow: /wp-admin
Disallow: /wp-includes
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/uploads
Disallow: /wp-content/themes
Disallow: /category/*/*
Disallow: */trackback
Disallow: */feed
Disallow: */comments
Disallow: /*?
# On empêche l'indexation des fichiers sensibles
User-agent: Googlebot
Disallow: /*.php$
Disallow: /*.pdf$
Disallow: /*.doc$
Disallow: /*.js$
Disallow: /*.inc$
Disallow: /*.css$
Disallow: /*.gz$
Disallow: /*.swf$
Disallow: /*.wmv$
Disallow: /*.cgi$
Disallow: /*.xhtml$
# Autoriser Google Image
User-agent: Googlebot-Image
Disallow:
Allow: /*
# Autoriser Google AdSense
User-agent: Mediapartners-Google*
Disallow:
Allow: /*
Allow: /*.js$
Allow: /*.css$
# On indique au récuperer le lien vers notre sitemap
Sitemap: https://www.creazo.fr/sitemap.xml

[/pastacode]

Ajouter les « Custom Post Type » dans votre flux RSS

Tutoriel WordPress

De base, les Custom Post Type de wordpress ne s’intègre pas dans votre flux RSS, pourtant grâce à quelques lignes de codes, vous pouvez les ajouter automatiquement, comme toujours cela se passe dans le fichiers functions.php via ces quelques lignes :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

function myfeed_request($qv) {
    if (isset($qv['feed']) && !isset($qv['post_type']))
        $qv['post_type'] = array_merge( array('post' => 'post'), get_post_types( array('show_ui' => true, '_builtin' => false) ) );
     return $qv;
}
add_filter('request', 'myfeed_request');

[/pastacode]

Si toutefois vous avez plusieurs Costum Post type, et que vous souhaitez ajouter un précisément sans prendre en compte les autres, il faudra plutôt rajouter ces quelques lignes de codes :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

function myfeed_request($qv) {
    if (isset($qv['feed']) && !isset($qv['post_type']))
        $qv['post_type'] = array('post', 'createur', 'slider', 'lieux', 'temoignage');
    return $qv;
}
add_filter('request', 'myfeed_request');

[/pastacode]

Dans la ligne contenant le terme array, « Post » correspond aux articles standards, et le reste aux Custom Post Type de WordPress que vous avez créé et que vous désirez afficher.

Générateur de tableau HTML

Ressources web

Au fil de mes recherches, j’ai pu tomber sur un site intéressant qui permet de générer des tableaux HTML rapidement et simplement il s’agit Tables Generator, avec ce site plus besoin de taper à la main votre tableau, il suffit de choisir les options de votre tableau et de le générer ! Un gain de temps considérable pour les grands tableaux !

Les Custom Post Types de WordPress

Tutoriel WordPress

Après installation de votre site WordPress, vous vous retrouvez avec les contenus par défaut de wordpress : les articles, les pages et les médias. bien que ceci soit suffisant, il peut-être nécessaire d’avoir des contenus personnalisés et individuelles afin qu’ils ne se mélangent pas avec les article sou les pages. C’est la qu’interviennent les Costum Post Types de WordPress.

Des contenus à votre demande

Nous allons voir ensemble comment créer ces fameux Costum Post Types via quelques lignes de codes ajoutés dans votre fichier functions.php, Pour l’exemple, nous avons comme objectif de créer un annuaire de créateurs.

commencer par ajouter le code suivant dans votre fichier functions.php :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

//custom post types : Agenda des créateurs
add_theme_support( 'post-thumbnails' );  //active les Post thumbnails (images à la une)
add_action('init', 'my_custom_init');
function my_custom_init()
{
register_post_type('createur', array(	
  'label' => __('Annuaire des créateurs'),		
  'singular_label' => __('Créateur'),
  'public' => true,
  'show_ui' => true,
  'capability_type' => 'post',
  'hierarchical' => false,
  'supports' => array('title', 'editor', 'thumbnail')
));
register_taxonomy( 'domaine', 'createur', array( 'hierarchical' => true, 'label' => 'Domaines', 'query_var' => true, 'rewrite' => true ) );  
}

[/pastacode]

Vous obtiendrez alors un nouveau contenu dans votre tableau d’administration :

Quelques explications sur le code précédent :

La fonction register_post_type enregistre un nouvel élément.

Elle possède beaucoup de paramètres, dont les plus importants sont expliqués ici :

‘createur’ correspond au nom du nouvel élément.
‘label’ est le nom qu’on retrouvera dans la colonne de gauche de l’admin. Il est préférable de le mettre au pluriel.
’singular_label’ est l’équivalent du nom au singulier.
‘public’ définit si les posts seront publics ou non.
’show_ui’ définit si ce nouvel élément apparaît dans l’admin.
‘capability_type’ définit si le nouvel élément est identique à un Post classique ou à une Page classique. En général, les Posts sont beaucoup plus intéressants car ils ont davantage de fonctions que les Pages (catégories, mots-clefs …).
‘hierarchical’ définit si il peut y avoir une hiérarchie (comme pour les Pages). Ici, c’est non car chaque élément est au même niveau.

’supports’ est un array qui définit quels éléments d’un Post normal on veut avoir. Ici je veux juste un titre, un texte long (l’éditeur) et une miniature. Il existe néanmoins d’autres éléments que vous pouvez cumuler pour avoir un contenu personnalisé :
‘title’
‘editor’ (la fenêtre principale de contenu)
‘author’
‘thumbnail’
‘excerpt’
‘trackbacks’
‘custom-fields’
‘comments’
‘revisions’ (la sauvegarde automatique de versions passées)
‘page-attributes’ (choix de template pour les pages et gestion de la hiérarchie)

Sachez qu’il existe un générateur de Costum Post Types sur ce site, il vous permettra de générer automatiquement le code souhaité pour disposer de votre contenu personnalisé, toutefois une lecture de cet article ainsi que d’autres ressources sera nécessaire pour la compréhension du sujet.

Pensez à réenregistrer vos permaliens dans le cas ou votre contenus vous renvoi une page 404.

Ajouter un favicon à son site

Tutoriel WordPress

Le favicon est une petite image en format ico qui s’affiche à coté du nom de la page courante dans votre navigateur, certains thèmes vous proposent d’ajouter de favicon automatiquement, toutefois il arrive que cela n’est pas prévu. Pour créer un favicon je vous renvois vers le trés bon générateur de favicon qu’est favicon.cc

Pour cela vous allez devoir ajouter une petite ligne de code dans votre fichier header.php :

Si celui-ci est à la racine de votre site il suffit de rajouter cette ligne avant la balise </head>:

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

[/pastacode]

Si celui-ci est à la racine de votre thème courant il faut mettre ceci à la place :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

[/pastacode]

Supprimez les widgets par défaut du tableau de bord

Tutoriel WordPress

SI vous souhaitez supprimer les widgets par défaut du tableau de bord de WordPress, il existe 2 solutions relativement simple.

Vous pouvez soit les décocher via les options de l’écran, cela ne concernera que l’utilisateur qui a fait la manipulation, soit ajouter ces quelques lignes dans votre fichier functions.php :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

add_action('admin_menu', 'remove_menu_items');


function disable_default_dashboard_widgets() {
//remove_meta_box('dashboard_right_now', 'dashboard', 'core'); //widget d'un coup d'oeil
remove_meta_box('dashboard_quick_press', 'dashboard', 'core'); //Brouillon rapide
remove_meta_box('dashboard_primary', 'dashboard', 'core'); // Nouvelles de WordPress
}
add_action('admin_menu', 'disable_default_dashboard_widgets');

[/pastacode]

Cocher la case « se souvenir de moi » – connexion WordPress

Tutoriel WordPress

Il peut-être nécessaire de cocher par défaut la case « se souvenir de moi » du formulaire de connexion de WordPress, pour cela ajouter les lignes suivantes dans votre fichier functions.php :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

function sf_check_rememberme(){
global $rememberme;
$rememberme = 1;
}
add_action("login_form", "sf_check_rememberme");

[/pastacode]

Vider la corbeille de WordPress automatiquement

Tutoriel WordPress

Une astuce simple qui videra automatiquement la corbeille de WordPress, pour cela ajouter dans votre fichier wp-config.php la ligne suivante avant la ligne /* C’est tout, ne touchez pas à ce qui suit ! Bon blogging ! */ :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

define('EMPTY_TRASH_DAYS', 7 ); // Vide automatiquement la corbeille toutes les semaines

[/pastacode]

Avec ceci plus besoin de vous occuper de vider la corbeille de wordpress, cela se fera de façon automatique !

Configurer et installer le fil d’ariane de WordPress SEO by Yoast

Thèmes & Plugins WordPress

Un plus pour le référencement

Sur la plupart de nos sites, nous utilisons l’extension WordPress SEO by Yoast, à travers les multiples avantages que vous apporte cette extension, vous pouvez intégrer le fameux Breadcrumb, (miette de pain en français) ou fil d’Ariane.

Il s’agit d’un outil ergonomique permettant de savoir sur quelle partie du site se situe la page consultée.

Toutefois, le breadcrumb n’est pas seulement une aide à la navigation pour vos visiteurs, c’est également une information supplémentaire donnée à Google sur le plan de votre site favorisant le référencement.

En outre, l’extension WordPress SEO by Yoast, permet d’implémenter facilement cette fonctionnalité, via quelques modifications de thème enfant. Pour cela vous allez devoir configurer WordPress SEO by Yoast en activant le fil d’Ariane dans l’extension WordPress SEO by Yoast sur le lien SEO/Liens internes.

Le détail des paramètres :
Le séparateur est le (ou les) caractère entre chaque partie du breadcrumb (fil d’Ariane).
Le texte d’ancrage pour la page d’accueil est le texte fixe pour la partie la plus à gauche du fil d’Ariane, qui permet de revenir sur la page d’accueil.
Les préfixes : il est possible d’ajouter un texte avant le fil d’Ariane, ‘Vous êtes ici’ par exemple pour les articles, ‘Archives’ lors d’une navigation dans les archives, ‘votre recherche’ en cas de recherche ou un texte prédéfini pour une page non trouvée.
La taxonomie à afficher est le plus souvent par catégories. Il s’agit de la méthode que vous préférez pour classer vos articles.

Insertion du code dans le thème

Une fois le fil d’Ariane configuré et activé, il est nécessaire de modifier le thème pour indiquer où l’afficher. En effet, le plugin ne peut pas déterminer un emplacement générique, vous devez ainsi l’ajouter de vous-même dans le code de votre thème enfant.

Pour que le breadcrumb s’affiche sur toutes les pages il est conseillé de l’insérer directement dans le fichier header.php, c’est-à-dire l’en-tête du blog, inclus sur chaque page (les articles, les archives, les catégories, la page d’accueil…).

Pour inclure le code du breadcrumb, il suffit de copier le code fourni sur la page de configuration, à savoir :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

[/pastacode]

Vous devrez peut-être tester l’emplacement idéal dans le fichier header.php de votre thème enfant, l’emplcement se retrouvera souvent avant le « h1 ».

Du CSS pour le Fil d’Ariane

Vous pouvez modifier l’apparence du fil d’Ariane,via la classe .breadcrumb et l’ID #breadcrumb

Pour cela, éditez le fichier style.css de votre thème enfant, et ajoutez par exemple :

[pastacode lang= »css » message= » » highlight= » » provider= »manual » manual= »%23breadcrumbs%20%7B%20%0A%20%20%20%20margin-top%3A%20-30px%3B%0A%20%20%20%20padding-bottom%3A%2010px%3B%0A%20%20%20%20padding-left%3A%2016.5%25%3B%0A%20%20%20%20text-decoration%3A%20none%20!important%3B%0A%7D%0A%0A.home%20%23breadcrumbs%20%7B%20%0A%20%20display%3A%20none%3B%20%0A%7D »/]

Le premier lot de modifications ajoute des espacements (padding) et retire les soulignements des liens.
La deuxième supprime l’affichage du fil d’Ariane sur la page d’accueil.

Point référencement sur le fil d’ariane

L’utilisation du fil d’Ariane est un élément important de votre stratégie de référencement. Une des façon d’optimiser celui-ci est d’utiliser les mots clés dans le fil d’Ariane. Petit et discret il n’a que des avantages, il ne faut donc pas hésiter à l’utiliser !

Pour aller plus loin sur le sujet : INSTALLER ET CONFIGURER YOAST

Modifier automatiquement un mot ou une phrase d’un article

Tutoriel WordPress

Il peut-être nécessaire de vouloir changer un mot ou une phrase par une autre de façon automatique. grâce à l’ajout des lignes suivantes, vous allez pouvoir le faire automatiquement sur l’ensemble de vos articles WordPress. Vous pouvez ainsi remplacer un mot par un lien ou tout autre chose qui vous passera par la tête.

Dans l’exemple suivant, on décide de modifier les mots « CreaZo » et « contact » par des liens hypertexte, ce code est à insérer le fichier functions.php)

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

add_filter('the_content', 'modif_text_wps');
 
// Si on veut aussi appliquer la modification dans les extraits des articles
add_filter('the_excerpt', 'modif_text_wps');
 
function modif_text_wps($texte){
    $modif = array(
        // 'texte à changer' => 'nouveau texte'
        'CreaZo' => 'CreaZo',
        'contact' => 'contact'
    );
    $texte = str_replace(array_keys($modif), $modif, $texte);
    return $texte;
}

[/pastacode]

Désactiver et supprimer les révisions d’articles de WordPress

Tutoriel WordPress

WordPress enregistre les versions de vos articles à chaque modifications, bien que cela soit pratique, cette fonctionnalité alourdit votre base de données avec le temps.

Afin d’alléger votre base de données, vous pouvez désactiver les révisions.

Pour cela ajouter cette ligne dans votre fichier wp-config.php présent à la racine de site :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

define('WP_POST_REVISIONS', false);

[/pastacode]

Si au contraire, vous souhaitez les limiter, ajouter cette ligne à la place :

[pastacode lang= »markup » message= » » highlight= » » provider= »manual »]

define('WP_POST_REVISIONS', 5);

[/pastacode]

Changer le format des dates

Astuces CSS, HTML et PHP, Tutoriel WordPress

Il est parfois nécessaire de changer le format des dates sous WordPress, pour cela vous devez allez dans Réglages > Général et mettre les formats de dates et d’heure voulus.

Toutefois, certains thèmes ne prennent pas en compte cette modification et vous allez devoir agir sur votre fichier functions.php, par exemple pour la boutique Themify, vous devez ajouter ces lignes de codes :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

// Date Magazine
function custom_themify_loop_date($date_fmt) {
    return 'd F Y';
};
add_filter('themify_loop_date', 'custom_themify_loop_date');

function my_custom_date($date_format){
return 'd F Y';
}
add_filter('themify_filter_widget_date', 'my_custom_date');

[/pastacode]

Vous pouvez trouver le code original sur leur page dédié.

Voici quelques exemples de formats de dates issus de PHP.net

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

&lt;?php
// Définit le fuseau horaire par défaut à utiliser. Disponible depuis PHP 5.1
date_default_timezone_set('UTC');


// Affichage de quelque chose comme : Monday
echo date("l");

// Affichage de quelque chose comme : Monday 8th of August 2005 03:12:46 PM
echo date('l jS of F Y h:i:s A');

// Affiche : July 1, 2000 is on a Saturday
echo "July 1, 2000 is on a " . date("l", mktime(0, 0, 0, 7, 1, 2000));

/* utilise les constantes dans le paramètre format */
// Affichage de quelque chose comme : Wed, 25 Sep 2013 15:28:57 -0700
echo date(DATE_RFC2822);

// Affichage de quelque chose comme : 2000-07-01T00:00:00+00:00
echo date(DATE_ATOM, mktime(0, 0, 0, 7, 1, 2000));
?&gt;

[/pastacode]

WordPress est écrit dans le langage de programmation PHP (en anglais). Les fonctions de formatage de date dans WordPress utilisent les fonctions de formatage de date natives de PHP. Vous pouvez utiliser les touches le tableau des caractères de formatages de la date sur le site Web PHP (en anglais) comme référence pour construire des chaînes de format de date pour une utilisation dans WordPress. Voici un tableau de quelques-uns des éléments les plus utiles qui s’y trouvent :

Jour du mois
d	Numérique, avec zéros	01–31
j	Numérique, sans zéros	1–31
S	Le suffixe anglais du jour du mois	st, nd or th in the 1st, 2nd or 15th.
Jour de la semaine
l	Nom complet (minuscule ‘L’)	Sunday – Saturday
D	Abréviation (3 lettres)	Mon – Sun
Mois
m	Numérique, avec zéros	01–12
n	Numérique, sans zéros	1–12
F	Nom complet	January – December
M	Nom abrégé (3 lettres)	Jan – Dec
Année
Y	Numérique, 4 chiffres	Eg., 1999, 2003
y	Numérique, 2 chiffres	Eg., 99, 03
Heures
a	Minuscule	am, pm
A	Majuscule	AM, PM
g	Heure, 12 heures, sans zéros	1–12
h	Heure, 12 heures, avec zéros	01–12
G	Heure, 24 heures, sans zéros	0-23
H	Heure, 24 heures, avec zéros	00-23
i	Minutes, avec zéros	00-59
s	Secondes, avec zéros	00-59
T	Abréviation de du fuseau horaire	Eg., EST, MDT …
Date/Heure complet
c	ISO 8601	2004-02-12T15:19:21+00:00
r	RFC 2822	Thu, 21 Dec 2000 16:01:07 +0200