Smart Slider 3

Julien Tailleu Extensions , , 0 Comments

Une superbe extension pour créer des diaporamas fabuleux. De nombreuses options sont à votre disposition pour régler comme vous le voulez votre slideshow.

Installation

Commencez par télécharger le plugin à partir de votre interface d’administration (Extensions > Ajouter une extension).

Configuration

Puis, accédez aux réglages de l’extension Smart Slider 3 (Smart Slider > Tableau de bord). Choisissez “Nouveau projet”. Vous avez alors le choix entre créer un slideshow entièrement ou bien de créer un slideshow à partir d’un modèle que vous personnaliserez.

J’ai choisi, personnellement, de créer un slideshow de toute pièce, en partant de zéro!

Créer un nouveau projet

Cliquez sur Créer un nouveau projet, à type de projet j’ai choisi Diaporama et Type de diaporama : Simple, de toute façon vous n’avez pas le choix avec une installation gratuite, pour avoir accès aux autres types de diaporama vous devrez payer!

A réglages, donnez un nom à votre projet, définissez la largeur et la hauteur et la disposition. Cliquez sur Créer.

Ajouter des photos

L’étape suivante, c’est d’envoyer des photos au slideshow :

Ajouter des photos

Une fois toutes les photos uploadées, vous n’avez plus qu’à cliquer sur Enregistrer. Pour ensuite publier votre diaporama, vous avez 3 possibilités :

  • A l’aide d’un code court (shortcode) que vous copiez puis collez dans un article ou une page,
  • Smart Slider 3 est intégré à Gutenberg, Classic Editor, Elementor, Divi, Beaver Builder, Visual Composer, WPBakery Page Builder,
  • Ou alors, vous intégrez un code PHP dans le ficher de votre thème.
Intégration

Voilà pour les réglages les plus importants mais ce n’est pas fini, il reste à paramétrer :

  • la taille du diaporama,
  • les commandes de défilement,
  • l’animation principale et d’arrière plan,
  • le démarrage automatique,
  • le chargement en cours,
  • conception de diapositives,
  • et le mode Développeur.

Page Views Count : installer un compteur de visite sur votre site WordPress

Julien Tailleu Extensions , 0 Comments

Vous désirez afficher un compteur de visite sur le front-office de votre site internet WordPress? Page Views Count fera très bien l’affaire.

Affichez aux utilisateurs le nombre total de vues et le nombre de vues du jour pour les articles, les pages, les pages d’index et les types de publication personnalisés grâce à l’extension Page Views Count. Utilisez la fonction Page Views Count pour ajouter les vues de page à tout type de contenu ou objet créé par votre thème ou vos extensions.

Les options

Ci-dessus, les réglages du plugin.

Intégration du compteur de visite

Pour intégrer le compteur Page Views Count, vous avez 3 possibilités :

  • Soit, vous laissez le plugin intégrer automatiquement les pages, les billets de blog…
  • Soit vous l’intégrer grâce à un shortcode,
  • Soit vous intégrer le compteur manuellement grâce à 2 fonctions PHP que vous placerez dans les fichiers d’article, page, index…
Shortcode
Fonctions PHP

L’extension : All 404 Redirect to Homepage

Julien Tailleu Extensions , 0 Comments

Cette extension est très pratique car lorsque vous avez une erreur 404 page non trouvée, et bien le plugin All 404 Redirect to Homepage vous permet de rediriger vers la page d’accueil ou l’adresse que vous spécifiez dans les options de l’extension.

Vous pouvez ajouter une image par défaut pour les erreurs 404 :

Les notifications par courriel sont activés par défaut.

Comment installer WordPress en ligne, manuellement ou automatiquement ?

Julien Tailleu WordPress , , 0 Comments

Nous allons voir comment installer WordPress manuellement chez un hébergeur web.

Étape 1 : télécharger WordPress

Rendez vous sur https://fr.wordpress.org/download/. Puis cliquez sur le bouton Télécharger WordPress x.x.x, le téléchargement débute. Une fois le téléchargement terminé, décompressez l’archive WordPress sur le bureau, par exemple.

A l’aide d’un logiciel FTP comme FileZilla, transférez les dossiers et les fichiers à la racine de votre hébergement. Le temps que les fichiers soient transférés, vous pouvez créer une base de données vierge, c’est dans cette BDD que seront enregistrées les informations importantes du site WordPress.

Étape 2 : créer un compte chez un hébergeur

Je vous conseille l’hébergeur Infinityfree qui est un hébergeur gratuit. Créer un compte d’hébergement gratuitement.

Puis, récupérez les identifiants MySQL, FTP… disponibles chez votre hébergeur web. Créez une URL.

Étape 3 : une fois que tous les fichiers sont transférés, vous pouvez lancer l’installation de WordPress

Entrez l’adresse du site dans la barre d’adresse du navigateur, et vous verrez apparaitre l’installation de WordPress. Renseignez toutes les informations demandées. Allez jusqu’au bout de l’installation et vous aurez alors une installation toute fraiche.

Étape 4 : commencez à rédiger votre premier article

Cliquez sur Créer>Article et vous atterrissez comme sur l’mage ci-dessous :

Saisissez le titre et le contenu de l’article. N’oubliez pas de renseigner l’image mise en avant, l’extrait, la/les catégorie(s) ainsi que les étiquettes. Une fois le tout complété, cliquez sur Publier en haut et à droite.

Installation de WordPress automatiquement

Votre hébergeur doit posséder normalement une fonction pour installer WordPress automatiquement. Ça s’appelle un installateur de scripts. Vous pouvez installer tous les CMS connus mais celui qui nous intéresse reste l’installation de WordPress.

Installateur de scripts

Trouver et installer des thèmes WordPress

Julien Tailleu Thèmes WordPress , , 0 Comments

Les thèmes gratuits

Par défaut, WordPress est livré avec les thèmes Twenty Twenty-one, Twenty twenty-two et Twenty Twenty-three. Certains blogueurs qui utilisent WordPress ne perdent généralement de temps à chercher un thème qui leur convienne mieux que le thème par défaut.

Avec des milliers de thèmes WordPress gratuit disponibles et de nouveaux qui apparaissent sans arrêt, votre défi est de trouver le bon pour votre site.

Vous trouverez ci-dessous quelques points à retenir lorsque vous cherchez le thème idéal, un peu plus loin, pour mieux comprendre en quoi consiste la différence entre thèmes gratuits et commerciaux.

  • Les thèmes gratuits constituent un excellent point de départ. Trouvez quelques thèmes gratuits et utilisez les comme points de départ pour comprendre comment ils fonctionnent et ce que vous pouvez faire avec. Tester des thèmes gratuits, leurs dispositions, et leurs options vous aide à identifier ce que vous voulez faire,
  • Vous changerez de thèmes fréquemment. En règle générale vous trouverez un thème WordPress que vous adorerez et une semaine ou deux plus tard, vous trouverez un autre thème qui vous conviendra mieux. Ne vous attendez pas à rester avec votre choix initial. Vous finirez par conserver celui qui correspond le mieux à vos besoins et ferez en sorte de rendre l’expérience utilisateur agréable selon le choix du thème,
  • Vous en aurez pour votre argent. Bien qu’il existe un grand nombre de thèmes WordPress gratuits, vous bénéficiez d’un support limité ou inexistant pour ces thèmes. Les thèmes gratuits sont souvent faits par des passionnés. Les designers ont des emplois et des responsabilités à plein temps, et ils se lancent dans ces projets gratuitement pour le plaisir, la passion et le désir de contribuer à la communauté WordPress. Par conséquent, vous ne devriez pas attendre (ou exiger) de support pour ces thèmes. Certains concepteurs maintiennent des forums actifs et utiles pour aider les utilisateurs, mais ces forums sont rares. Sachez simplement qu’avec des thèmes gratuits, vous serez livré à vous-même,
  • Télécharger des thèmes à partir de sources fiables. Les thèmes sont essentiellement des morceaux de logiciels; par conséquent ils peuvent contenir des éléments susceptibles d’être vérolés ou potentiellement dangereux pour votre site ou votre ordinateur. Il est essentiel que vous lisiez les critiques en ligne et téléchargiez des thèmmes provenant de sources crédibles et fiables. Le meilleur endroit pour trouver des thèmes WordPress gratuits est le répertoire de thèmes WordPress à https://fr.wordpress.org/themes/.

Les thèmes gratuits et payants

  • Les thèmes gratuits : Vous pouvez les télécharger et les utiliser gratuitement sur votre site web,
  • Les thèmes commerciaux/premium : ces thèmes sont payants. Vous trouverez généralement des thèmes commerciaux à télécharger pour un prix compris entre 10 et 500 euros. Le designer considère que ses thèmes sont bien au dessus du lot et donc qu’ils valet de l’argent.

Trouver des thèmes gratuits

Trouver le thème qui convient le mieux peut prendre un certain temps, mais avec les milliers de thèmes disponibles, vous trouverez certainement celui que vous recherchez. Essayez plusieurs thèmes, c’est un peu comme essayer plusieurs vêtements. Vous pouvez en changer autant que vous le souhaitez jusqu’à trouver le bon.

Le répertoire officiel des thèmes se situe à l’adresse https://fr.wordpress.org/themes.

Répertoire officiel des thèmes WP

Référencement

Julien Tailleu Extensions , , 0 Comments

Conseils et plugins

WordPress possède des qualités indéniables pour le référencement naturel vu qu’il respecte et n’interfère pas avec la qualité de votre intégration HTML/CSS, mais rien ne vous empêche de l’améliorer en suivant ces quelques règles :

  • Activer vos permaliens : Les permaliens sont importants, ils permettent une meilleure lisibilité des URL,
  • Du contenu de qualité : Utilisez des titres précis, décrivez vos images (attribut ALT), utilisez la sémantique (titre H1, H2, H3…, paragraphe, liste…),
  • Des échanges de liens : Échangez des liens avec d’autres sites est primordial. N’oubliez pas d’échanger des liens de qualité vers des sites de confiance,
  • Mettre à jour votre sitemap : Google aime les sitemaps, qui sont de véritables cartes d’identité du contenu de votre site. Il est donc important de le mettre à jour régulièrement. Heureusement des plugins existent pour cela (par exemple, Google XML Sitemaps : http://wordpress.org/plugins/google-sitemap-generator/)
  • Des thèmes de qualité : Utilisez toujours des templates de qualité. Entendez surtout par là des thèmes respectant les standards HTML, CSS, JS en limitant le nombre de requêtes serveur PHP au minimum,
  • Un plugin pour le référencement : l’extension “All In One SEO Pack” vous permettra de gérer en profondeur tous les paramètres pour optimiser votre référencement (http://wordpress.org/extend/plugins/all-in-one-seo-pack).

Des plugins très pratiques

Julien Tailleu Extensions , , , , , 0 Comments

L’effet lightbox

L’effet lightbox permet notamment d’agrandir une image à l’intérieur d’une boite modale en utilisant une transition esthétique. Le langage utilisé est JavaScript.

Pour réaliser cet effet, il suffit d’utiliser le plugin “jQuery Colorbox”.

  1. Téléchargez le plugin à cette adresse : https://wordpress.org/plugins/jquery-colorbox/
  2. Installez le plugin et activez le,
  3. Insérez une image dans un article ou une page,
  4. Vérifiez que le lien de l’image réduite pointe bien vers l’image elle-même,
  5. C’est terminé, votre effet lightbox est en place et désormais parfaitement fonctionnel.

Ainsi, dès que vous cliquerez sur une image, un voile assombrira le site et affichera le lien (une image plus grande) dans une fenêtre modale.

Vous remarquerez qu’une nouvelle rubrique intitulée jQuery Colorbox a fait son apparition dans les signets “Réglages”. Vous pouvez à cet endroit choisir la couleur du voile (par défaut c’est le noir). Pour permettre au plugin d’insérer automatiquement le lien HTML permettant son utilisation, gardez la case cochée.

Pagination numérotée

WordPress propose des fonctionnalités qui permettent de naviguer à l’intérieur des pages. Néanmoins ces fonctionnalités se résument à de simples liens “Suivant” ou “Précédent”, ce qui se révèle peu pratique lorsque l’on est amené à naviguer dans des dizaines de pages…

Nous allons utiliser le plugin “WP-PageNavi” qui permettra d’optimiser cette navigation interne grâce à la pagination.

  1. Téléchargez le plugin à cette adresse : https://wordpress.org/extend/plugins/wp-pagenavi/,
  2. Installez le plugin et activez le,
  3. Insérez le code suivant dans un fichier de votre thème (par exemple “category.php”) : <?php wp_pagenavi( ); ?>
  4. N’oubliez pas de supprimer les anciennes lignes de code : <?php next_posts( ) ?> <php previous_post_link ( ) ?>
  5. C’est terminé, votre plugin est désormais fonctionnel.

Rendez vous dans les réglages de ce plugin (Réglages>PageNavi) pour formater correctement l’affichage en Français. Il est également possible d’utiliser une feuille de style dédiée à l’affichage de cette pagination.

Rappel : Pour choisir le nombre d’articles qui s’affichent sur une page, il faut se rendre dans les options de lecture du back-office.

Insérer un fil d’Ariane (breadcrumbs)

Par défaut, WordPress ne propose pas de fil d’Ariane. Pourtant lorsqu’un site est volumineux et contient plusieurs niveaux de profondeurs, cet élément peut devenir indispensable.

Voici à quoi peut ressembler un fil d’Ariane : “Vous êtes ici : Accueil > catégorie > article“,

Comme souvent il existe de nombreux plugins proposant cette fonctionnalité, mais tous ne sont pas de qualité égale. Néanmoins 2 se distinguent plus particulièrement, il s’agit de Breadcrumb NaxXT et de Yoast Breadcrumbs

Breadcrumb NavXT

  1. Première étape, téléchargez Breadcrumb NavXT à l’adresse suivante : http://wordpress.org/extend/plugins/breadcrumb-navxt/,
  2. Après installation et activation, insérez le morceaux de code suivant dans le fichier “header.php” :
<div class="fil-ariane">
<?php
if (function_exists('bcn_display')) {
bcn_display();
}
?>
</div>

Sauvegardez avec UpdraftPlus pour WordPress

Julien Tailleu Sauvegarde , 0 Comments

01 – Téléchargez et installez puis activez UpdraftPlus

Facile, rendez vous dans l’administration WordPress, puis allez sur Extensions>Ajouter une extension. Cherchez alors l’extension à l’aide du moteur de recherche.

Cliquez sur Installer maintenant puis Activer.

02 – Enregistrez le site en totalité

Sauvegarder/Restaurer

03 – Téléchargez les fichiers sources (Base de données, Extensions, thèmes, Téléversements…)

Pour téléchargez les fichiers, une fois que vous avez sauvegardé le site, il vous suffit de cliquer sur les boutons situés tout en bas dans la page d’admin d’UpdraftPlus : BD, Extensions, thèmes…

Choisissez ensuite où vous allez stocker ces fichiers, rangez les bien sur clé USB par exemple.

Données sauvegardées

04 – Quelques réglages de sauvegardes

Si vous décidez d’automatiser l’enregistrement du site, utilisez bien :

  • Planifiez des sauvegardes de fichiers, toutes les 2,4, 8 ou 12 heures…
  • Choisissez votre stockage distant (Dropbox, Google Cloud, Google Drive…),
  • Renseignez les champs demandés puis cliquez sur le bouton Enregistrer les modifications.

Voilà, c’est tout pour le moment, merci de revenir régulièrement si vous le désirez bien entendu 😉

Améliorez votre référencement avec Yoast SEO pour WordPress

Julien Tailleu Référencement SEO , , , 0 Comments

Étape 1 : installation et configuration initiale

Comme avec toutes les autres extensions, la procédure est la même pour installer et activer un plugin. Rendez vous dans l’administration WordPress : Yoast SEO>Général>Configuration initiale.

Schéma de la configuration initiale

  1. Optimisation des données SEO,
  2. Représentation du site,
  3. Profils sociaux,
  4. Préférences personnelles,
  5. Configuration terminée.

Étape 2 : appliquez un titre SEO et une méta description

En bas de votre article, donnez y un titre SEO et une méta description. Confirmez en cliquant sur le bouton Publier ou Enregistrer, selon si vous agissez pour la énième fois ou pour la première fois.

Conclusion sur l’extension WordPress : Yoast SEO

Yoast SEO est très pratique, et facile à gérer le contenu pour un référencement SEO de Q U A L I T E!

1 2 3 4 5 6 7 8 9 10 11 12