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.
Lors vos créations de site internet, vous pouvez être face à quelques petit problèmes : modifier son thème, modifier une extension, problème avec sa base de données, incompréhensions sur une extension … En théorie, la plupart de ces problèmes ont pu être rencontrés par la communauté et la plupart a pu y faire face.
Les forums communautaires sur WordPress :
Les forums restent les meilleurs endroits pour obtenir de l’aide car ils permettent de rédiger des réponses claires et détaillées mais aussi et surtout de garder l’information accessible aux moteurs de recherche. Ce sont de véritables centre de connaissance et de partage, de plus vous pouvez ajouter dans la plupart des cas votre code pour mieux indiquer votre problème.
En voici une liste des plus connus :
WordPress.org : le forum officiel de WordPress en anglais bien évidemment. Nous vous le conseillons si vous comprenez la langue de Shakespeare
WordPress Francophone : le forum francophone officiel en français donc. A privilégier aussi
WordPress Development Stack Exchange : si vous êtes développeur, il s’agit d’une ressource incontournable pour obtenir de l’aide via le principe des questions / réponses (la plupart des problèmes auquel nous avons pu être confronté était déjà résolu)
La puissance de Twitter
#WPhelp accompagné de votre problème vous permettra surement de trouver une oreille attentive à votre problème, n’oublier pas le lien vers celui-ci !
La puissance de Google+
Sur Google+, Aurélien de WP Channel a fondé la communauté WordPress France. Avec plus de 5000 membres à ce jour ce qui génère des interactions de haut niveau et en quantité afin de vous apporter aide et conseils mais aussi assurer une veille sur les sujets les plus courant.
Consulter les sites ressources et commenter
Lors d’un précédent article, j’ai pu lister les sites ressources sur lequel j’assure ma veille hebdomadaire, la plupart pourront répondre à votre souci ou du moins commencer à y répondre. Vous pouvez commenter la plupart de ces articles, une réponse peut y être apporté autant par le rédacteur que les autres lecteurs, tout comme le blog de CreaZo.
Lorsque vous devez assurer une veille sur votre site, dans le cadre des pages 404, il peut être nécessaire de recevoir un mail quand celle-ci est appelée, pour cela vous pouvez définir dans votre page 404.php de votre site le code suivant :
Vous
";
#Construction de l'alerte admin
$messageerreur = "Un utilisateur a essayé de se rendre sur $siteweb"
.$_SERVER['REQUEST_URI']." et a reçu une erreur 404 (page non trouvée). ";
$messageerreur .= "Ce n'était pas sa faute, il faut donc intervenir sur cet incident.
Url d'origine ".$_SERVER['HTTP_REFERER'];
mail($adminemail, "Erreur 404 pour ".$_SERVER['REQUEST_URI'],
$messageerreur, "From: $nomdusiteweb ");
$message404 = "Un administrateur a été averti de cet incident.";#L'alerte mail admin a été envoyé
}
echo " ".$siteweb.$_SERVER['REQUEST_URI']; ?>
mais cette page n'existe plus ou a été déplacée. Vous pouvez revenir en arrière en cliquant sur le bouton "Précédent" de votre navigateur ou essayer une des ces solutions :
[/pastacode]
A chaque fois qu’une personne ou un robot (moteur de recherche par exemple) accédera à votre page 404, vous recevrez donc un mail avec l’URL d’origine et l’URL de départ.
Quand à l’utilisateur, il aura un message s’excusant du désagrément avec la possibilité de revenir en arrière ou de faire une recherche sur votre site.
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 :
Pour offrir les meilleures expériences, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le fait de consentir à ces technologies nous permettra de traiter des données telles que le comportement de navigation ou les ID uniques sur ce site. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.
Fonctionnel
Toujours activé
Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’internaute, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou la personne utilisant le service.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
Le stockage ou l’accès technique est nécessaire pour créer des profils d’internautes afin d’envoyer des publicités, ou pour suivre l’internaute sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.
