Pour insérer plusieurs liens dans une image, il faut s’attaquer au html afin d’obtenir l’effet désiré. Pour ceux dont le code devient une chose un peu complexe, il suffit d’utiliser un service en ligne qui vous permettra de générer ce code de facon simple et rapide grace à html-map.com
Pour l’utiliser il suffit de suivre les étapes (en anglais):
Insérer votre image
Établir la zone de chaque lien sur votre image avec son URL
Copier coller le code dans votre fichier html, php ou dans la partie « texte » (celle qui peut interpreter le code HTML) de votre CMS
Et voici un exemple en image :
Le soleil renvoie vers notre page contact, la partie bleu renvoie vers le blog et enfin la partie verte renvoie vers l’accueil du site, essayez !
Dans un cadre d’optimisation et de petites touches de professionnalisme, vous pouvez définir une feuille de style CSS pour l’impression concernant les pages de votre site web.
En effet pour une impression, votre sidebar, footer et header doivent-ils apparaître ? Ou souhaitez vous proposez quelque chose de plus claire et plus propre à vos visiteurs avec des titres épurés par exemple ?
Pour commencer, vous allez devoir ajouter la ligne suivante à votre header :
La nuance de cette feuille de style par rapport à la principal, c’est qu’elle ne sera utilisée que pour l’impression « print », elle chargera la feuille de style qui doit être intégrée à la racine de votre thème principal WordPress pour vos styles d’impression.
Un petit aperçu de ce que vous pourriez avoir comme feuille de style concernant les impressions ci-dessus sachant que de nombreuses autres choses sont possibles. Vous pouvez tentez de lancer l’impression de cette page pour voir le rendu en direct.
Par contre certaines parties des propriétés CSS n’étant pas ou peu supportées par la majorité des navigateurs, on ne pourra pas utiliser de façon fiable les éléments suivants :
Au fil de votre veille ou des astuces trouvées sur le blog de CreaZo, vous pouvez ajouter des modifications dans votre fichier functions.php. Toutefois si vous souhaitez optimiser ceci par quelque chose de plus performant et surtout de plus pratique, il existe une solution qui me semble plus adaptée.
Pour cela nous allons devoir créer des extensions dans lesquelles nous ajoutons en fonction de vos besoins les astuces désirées, ainsi vous pourrez différencier celles-ci par catégories, un exemple en image :
Extensions > Extensions Installées
On peut ainsi distinguer 4 genres d’extensions différentes :
En cloisonnant mes fonctions que j’aurais du ajouter dans functions.php cela me permet de limiter mon taux d’erreur (fichier moins long et donc plus clair), désactiver facilement des fonctionnalités sans passer par le FTP et offrir plus de transparence au client.
Pour passer par ce système, vous devez créer une extension (ou plusieurs selon vos besoins), pour cela il faut ajouter un nouveau dossier du nom de votre extension dans /wp-content/plugins, puis dans ce dossier un fichier.php avec les éléments suivants :
ajouts des fonctions CMS.
Version: Novembre 2015
Plugin URI: https://www.creazo.fr/
License: GPLv2 or later
Author: CreaZo - ANDRE Jonathan
*/
// ajouter toutes vos astuces !!!
// Ajouter une page "Tous les réglages"
function custom_admin_menu() {
add_options_page(__('All Settings'), __('All Settings'), 'administrator', 'options.php');
}
add_action('admin_menu', 'custom_admin_menu')
[/pastacode]
Il ne vous reste plus qu’à ajouter vos fonctions en tenant compte de vos thématiques et selon les besoins les désactiver facilement via Extensions > Extensions Installées.
Lorsque vous avez besoin d’avoir des ancres dans votre page, il est toujours agréable de pouvoir s’y déplacer de façon fluide et sans à coup. Pour avoir ce comportement, vous devez ajouter un petit peu de javascript dans votre site :
//Pouvoir se déplacer verticalement de façon fluide dans la page
jQuery(document).ready(function($){
$(document).on('click','#sommaire-article a',function(){
var h = $(this).attr('href');
$('body,html').animate({
scrollTop:$(h).offset().top - 150
}, 500);
return false;
});
});
[/pastacode]
Ce code s’ajoute dans la partie /www/wp-includes/js de votre site dans un fichier js que vous devez déclarer dans votre fichier functions.php
Un petit exemple sur le site suivant où en cliquant sur les éléments du menu bleu, vous arrivez aux ancres de façon fluide.30
Dans le cadre de certaines activités, nous avons besoin d’automatiser la récupération de nombreux mails dans une page web, en effet pour certaines applications, nous avons de nombreux listings d’adresse et seul les mails nous intéresse.
Via le script suivant, nous avons maintenant une parfaite automatisation de récupération des mails sur une URL bien défini.
Celui s’occupe d’extraire tous les mails de la page web défini en amont et de les classer dans un tableau afin d’y voir plus clair.
Dans le cadre de l’extension MailPoet Newsletters, nous avons dû mettre en place une tâche CRON d’appel d’URL pour optimiser l’envoi des newsletter.
Pour cela créez un fichier PHP à la racine de votre site web ou dans un dossier précis, on serait tenté d’appeler ce fichier de façon simple, mais dans l’idéal un nom compliqué vous évitera que quelqu’un le découvre facilement et puisse appeler le fichier à votre place.
cURL (abréviation de Client URL Request Library : « Bibliothèque de requêtes aux URL des clients » ou See URL : « Voir URL ») est une interface en ligne de commande destinée à récupérer le contenu d'une ressource accessible par un réseau informatique. La ressource est désignée à l'aide d'une URL et doit être d'un type supporté par le logiciel. Le logiciel permet de créer ou modifier une ressource (contrairement à wget).
De plus pour test, nous ajoutons l'envoi d'un mail pour vérifier si le script s’est exécuté correctement, à désactiver quand vous en avez la certitude (ou à laisser si vous avez besoin d'une trace de l’exécution du script).
Après intégration du script, nous devons mettre en place son exécution, chez OVH, vous devez aller dans votre manager et trouver le planificateur de tâches :
Vous n'avez plus qu'a configurer votre tâche :
Vous devez définir le chemin du script, le langage de celui (en fonction de votre hébergement) et sa périodicité.
Une question qui revient souvent lors de l’édition de son site web est celle de comment peut-on ajouter une barre verticale après chaque élément de menu ?
Pour cela, vous devez passer par le CSS de votre site web et ajouter ceci :
#menu ul li {
display: inline;
border-right:1px solid black;
}
/*Pour enlever la barre sur le dernier élément */
.page_item page-item-20{
border-right:none;
}
[/pastacode]
Pour autant on peut directement spécifier quel menu doit avoir sa barre à droite :
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 :
// 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
<?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));
?>
[/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 :
