Aide mémoire WordPress

Tout d’abord il faut savoir que WordPress possède un codex
Très bien fait et que cela doit être la première source de renseignements: https://codex.wordpress.org/Main_Page
En suite préciser bien dans vos recherche Internet le « .org » de WordPress, enfin essayer de ne pas utiliser de plugin, c’est souvent possible. Pour cela rendez-vous sur Google et saisissez le préfixe site: suivi de l’URL du site souhaité.

L’académie de Provence Alpes – Côte d’Azur a émis une formation de 66 pages sous PDF très instructive pour comprendre l’essentiel de WordPress.org que l’on trouve avec ce lien :

Des communautés des utilisateurs de WordPress se sont créés, il s’agit de:

• Foums de WordPress.org (International)
• WordPress Francophone
• WordPress.org en France
• WordPress.tv

Avant toutes choses des Tutos sur WordPress

Le site TikTok de wpMarmite

Comment créer un site WordPress en 12 étapes ?

Version de WordPress 6.8 utilisée pour ce site du 15 avril 2025 au 15 décembre 2025.

Première Version de 6.8 appelé Cecil Taylor pour rendre hommage au pianiste, improvisateur, compositeur et
poète américain (1929-2018) connu pour être un des créateurs visionnaires du freejazz 

considéré comme un maitre de l’abstraction.

Elle succédé à la troisième version de 6.7. appelé « Rollins » pour rendre hommage au saxophoniste de jazz Sonny Rollins. (1930-) Connu comme l’un des plus grands improvisateurs du jazz, Rollins a influencé des générations de musiciens avec sa technique, son esprit d’innovation et son approche de l’expression musicale. Elle a été la première version que j’ai utilisée avec le thème par défaut Twenty Twenty Five.

Voici une bonne présentation.de Twenty Twenty Five

Le support de WordPress.org permet dans un tableau de trouver facilement l’ensemble des ressources officielles pour tirer le meilleur parti de WordPress.org

L’éditeur Gutenberg qui permet de construire les site WordPress avec des briques que l’on appelle Blocs

Liste complète des blocs donne par type tous les blocs et comment les utiliser

Explications par item

• Catégories: Comment paramétrer WordPress pour afficher les articles récents par catégorie ?
• Compositions (ou patterns)
  Une composition de bloc est une collection de blocs que vous pouvez insérer dans votre site et personnaliser avec votre propre contenu. Les compositions vous permettent de gagner du temps lors de la composition de pages de toutes sortes et constituent un excellent moyen d’apprendre comment les blocs peuvent être combinés pour obtenir des mises en page spécifiques. Le thème WordPress Twenty Twenty-Five propose une riche bibliothèque de plus de 70 compositions, classées par catégories pour faciliter leur utilisation.
  Catégories de compositions
• Comptes WordPress: Tuto Marmite
• Diaporama: WordPress.org n’a pas de diaporama, il faut donc lui ajouter un Plugin, il y a le choix entre 2 simples:

• Favicon : Il faut aller dans réglage et télécharger une image carrée de plus de 512 pixels
• Fichiers télé versables par défaut dans WordPress
  • Images: pg, jpeg,.png,.gif,.ico
  • Documents: .pdf (Portable Document Format; Adobe Acrobat),.doc,.docx (Microsoft Word Document),.ppt, .pptx, .pps, .ppsx (Microsoft PowerPoint Presentation),.odt (OpenDocument Text Document),.xls, .xlsx (Microsoft Excel Document),.psd (Adobe Photoshop Document)
  • Audio: .mp3,.m4a,.ogg,.wav
  • Vidéo: .mp4, .m4v (MPEG-4),
    .mov (QuickTime)
    .wmv (Windows Media Video),.avi,.mpg,.ogv (Ogg),.3gp (3GPP),.3g2 (3GPP2)
    Si vous voulez télécharger un fichier qui n’est pas dans cette liste vous avez droit à un message d’erreur : « Désolé vous n’avez pas l’autorisation de téléverser ce type de fichier » dans WordPress« . Parce que les fichiers du tableau ci-dessus peuvent être probablement directement utilisé dans WordPress ; pour ceux que j’ai testé c’est vrai et ils sont mis en gras. Par contre il doit y avoir des exceptions dont les fichiers ZIP. Donc si l’on veut qu’un fichier qui ne fait pas parti de cette liste puisse être téléchargé, il suffit de le zipper et il devient télé versable dans la bibliothèque de média et donc proposable en téléchargement.
    D’autres méthodes existent :
    • Utiliser une extension comme : Mime Types Plus
    • Configurer le fichier wp-config.php situé à la racine du site.
    • Autoriser les téléversement supplémentaires via une fonction php.
• Fil d’Ariane
  • Qu’est-ce que le fil d’Ariane en SEO?
  • Que sont-ils ? Et les meilleures pratiques.
• Galerie de photos
• Orthographe
  Oui, il est possible de corriger les fautes d’orthographe d’un site WordPress utilisant le thème Twenty Twenty Five sans plugin, mais cela demandera un peu de travail manuel. Voici quelques méthodes
• Pdf Comment intégrer facilement un PDF dans votre site WordPress
• Recherche
• Sauvegarde
• Tutos
  • Twenty Twenty Five, la star de WordPress 6.7  (15mn)
  • Comment Créer un Site Web avec WordPress (2025) (1h12mn29s)

===========================================

🧩 Catégories de compositions
📖 À propos (7 compositions)
– Couverture avec grand titre
– Programme d’événement
– Grille avec vidéos
– Titre et paragraphe avec image à droite
– Images superposées et paragraphe à droite
– CV/Biographe
– FAQ
🎯 Bannières (19 compositions)
– Bannière avec description de livre
– Couverture avec grand tire
– Titre court, paragraphe et image à gauche
– Introduction avec description alignée à gauche
– Section type affihe
– Bannière avec description et grille d’images
– Événements en 3 colonnes avec images et titres
– Grille avec catégories
– Livre en vedette
– Image pleine largeur
– Couverture de livre superposée avec liens
– Podcast en vedette
– Logos
– Lien en bio avec titre, paragraphe, liens et image pleine hauteur
– Lien en bio avec profil, liens et marges larges
– Lien en bio avec marges étroites
-Tarification en 3 colonnes
– Services en 3 colonnes
– Services avec photos d’équipe
📢 Appels à l’action (13 compositions)
– Appel à l’action avec liens vers des livres
– Appel à l’action avec emplacements
– Titre centré
– Liste d’événements
– Appel à l’action avec grille de produits et lien
– Titre et formulaire de recherche
– Inscription à la newsletter
– RSVP pour événement
– Tarification en 2 colonnes
– Tarification en 3 colonnes
– Services en 3 colonnes
– Section réservée aux abonés
– Services avec photos d’équipe
📬 Contact (3 compositions)
– Lien centré et liens sociaux
– Informations de contact et emplacement
– Emplacement de contact et lien
🌟 En vedette (16 compositions)
– Couverture avec grand titre
– Titre court, paragraphe et image à gauche
– Bannière avec description et grille d’mages
– Emplacement de contact e lien
– Appel à l’action avec grille de produits et lien
– Grille Instagram
– Images superposées et paragraphe à droite
– Page d’accueil d’entreprise
– À venir
– CV/Biographes
– Page de destination pour livre
– Page de destination pour podcast
– Lien en bio avec titre, paragraphe, liens et image pleine hauteur
– Lien en bio avec profil, liens et marges larges
– Services avec photos d’équipe
📑 Pieds de page (5 compositions)
– Pied de page centré
– Pied de page avec colonnes
– Pied de page avec inscription à la newsletter
– Pied de page centré avec liens sociaux
– Pied de page sandard
🖼️ Galerie (1 composition)
– Grille Instagram
🧭 En-têtes (5 composions)
– Entête centré
– En-tête avec colonnes
– En-tête avec grand titre
– En-tête standard
– En-tête vertical
🎞️ Médias (2 compostions)
– Section type affiche
– Grille Instagram
📄 Pages (11 compositions)
– Page d’accueil d’entreprise
– A venir
– CV Biographie
– Page de destination pou livre
– Page de destination pou évènement
– Page de destination pur podcast
– Lien en bio avec titre, paragraphe, liens et image pleine hauteur
– Lien en bio avec profil, liens et mages larges
– Lien en bio avec marges étroites
– Page d’accueil de portfolio
– Page d’accueil de boutique
📝 Formats d’article (3 compositions)
– Nom du format d’article
– Format audio
– Format lien
📰 Articles (4 compositions)
– Plus d’articles
– Page d’accueil de portfolio
– Articles et bog photo
– Liste d’articles e une colonne

_________________________________________________

• Diaporama: WordPress.org n’a pas de diaporama, il faut donc lui ajouter un Plugin, il y a le choix entre 2 simples:

Tuto vidéo : Réaliser un diaporama avec Meta Slider
Pour un blog ou un site simple → MetaSlider (léger, rapide, efficace)

Tuto vidéo : Réaliser un diaporama avec Smart Slider 3
Pour un site plus moderne avec des animations → Smart Slider 3 (plus personnalisable)

_________________________________________________

Galerie de photos

Comment faire sans plugIn juste à partir de Twenty Twenty Five une galerie de photos qui conserve les proportions des photos?

Réponse OAI)

1️⃣ Utiliser le bloc « Galerie » de l’éditeur Gutenberg

L’éditeur de blocs de WordPress propose un bloc Galerie natif qui peut être utilisé facilement.

Étapes :

1. Éditer la page ou l’article dans l’éditeur Gutenberg.
2. Ajoutez un bloc « Galerie » :
   • Cliquer sur le bouton + (Ajouter un bloc).
   • Rechercher et insérer le bloc « Galerie ».
3. Ajouter les images :
   • Télécharger de nouvelles images ou sélectionner-les depuis la bibliothèque.
4. Régler l’alignement et l’affichage :
   • Dans les options à droite, choisisir le nombre de colonnes.
   • Désactiver l’option « Recadrer les images » pour conserver leurs proportions d’origine.
5. Enregistrer et publier.

2️⃣ Utiliser du CSS personnalisé pour éviter les recadrages

Si WordPress modifie l’affichage des images malgré tout, ajouter ce code CSS personnalisé :

1. Aller dans : Apparence > Personnaliser > CSS additionnel.
2. Ajouter le code suivant :

.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espacement entre les images */
    justify-content: center;
}

.wp-block-gallery figure {
    margin: 0;
}

.wp-block-gallery img {
    height: auto; /* Garde les proportions d'origine */
    width: auto;
    max-width: 100%; /* Empêche le débordement */
}

3️⃣ Utiliser le bloc « Images » en Grille

Si le bloc Galerie ne convient pas, une alternative est d’utiliser le bloc « Colonnes » :

1. Ajouter un bloc Colonnes et choisir une structure en plusieurs colonnes.
2. Ajouter un bloc Image dans chaque colonne.
3. Répéter jusqu’à ce que toutes les images soient insérées.

Avec ces méthodes, les images conserveront leur format original sans être recadrées automatiquement. 🚀

Gif Animé Greluche

Image: Pixabay

Balise <Picture>
Elle permet d’afficher différents formats d’image en fonction du navigateur ou de la taille de l’écran. C’est très utile pour optimiser le chargement des images, notamment en prenant en charge WebP tout en gardant une compatibilité avec JPEG.

Bien sûr ! <picture> est une balise HTML qui permet d’afficher différents formats d’image en fonction du navigateur ou de la taille de l’écran. C’est très utile pour optimiser le chargement des images, notamment en prenant en charge WebP tout en gardant une compatibilité avec JPEG.

1. Comment fonctionne <picture> ?

La structure de <picture> est la suivante :

<picture>
    <source srcset="image.webp" type="image/webp">
    <img src="image.jpg" alt="Description de l'image">
</picture>

🔹 Explication :

• La balise <source> tente de charger image.webp si le navigateur supporte WebP.
• Si WebP n’est pas supporté, alors l’image JPEG (image.jpg) est chargée grâce à <img>.

💡 Résultat : Cela permet d’afficher l’image dans le format le plus optimisé selon le navigateur.

2. Utilisation avancée : Adapter l’image selon l’écran

Avec <picture>, on peut aussi afficher des images différentes en fonction de la taille de l’écran (utile pour le responsive) :

<picture>
    <source srcset="image-large.webp" media="(min-width: 1200px)" type="image/webp">
    <source srcset="image-medium.webp" media="(min-width: 768px)" type="image/webp">
    <source srcset="image-small.webp" type="image/webp">
    <img src="image-default.jpg" alt="Image responsive">
</picture>

🔹 Explication :

• Si l’écran est plus grand que 1200px, l’image image-large.webp est affichée.
• Si l’écran est entre 768px et 1200px, l’image image-medium.webp est utilisée.
• Sinon, l’image image-small.webp est chargée.
• Fallback en JPEG : Si WebP n’est pas supporté, l’image image-default.jpg est utilisée.

💡 Cas d’usage : Cela est super utile pour éviter de charger une trop grande image sur mobile et améliorer la vitesse de chargement.

3. Avantages de <picture>

✅ Optimise la compatibilité (WebP pour les navigateurs modernes, JPEG en fallback).
✅ Réduit le temps de chargement en adaptant la taille des images selon l’écran.
✅ Meilleure performance SEO (les images se chargent plus vite, ce qui améliore le score Google PageSpeed).

4. Quand utiliser <picture> ou srcset dans <img> ?

Cas où <picture> est recommandé

• Quand on veut changer le format de l’image selon le navigateur (WebP, JPEG, AVIF…).
• Quand on veut changer complètement l’image selon la taille de l’écran (exemple : différentes compositions entre mobile et desktop).

Cas où <img> avec srcset suffit

Si on veut juste charger différentes résolutions d’une même image (et non pas changer de format), alors un simple <img> avec srcset suffit :

<img src="image-default.jpg"
     srcset="image-small.jpg 600w, image-medium.jpg 1200w, image-large.jpg 2000w"
     sizes="(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 1000px"
     alt="Image responsive">

🔹 Ici, le navigateur choisit la meilleure résolution selon la taille de l’écran.
💡 C’est bien pour les photos, mais <picture> est plus puissant pour changer de format ou totalement d’image.

Conclusion

• <picture> permet d’afficher WebP si disponible, et JPEG en fallback.
• Il permet aussi de charger des images différentes selon la taille de l’écran.
• Si ton veut juste différentes résolutions, srcset dans <img> peut suffire.

_________________________________________________

Comment mettre un moteur de recherche dans son site WordPress.org

Ajouter un moteur de recherche sur un site WordPress.org, c’est assez simple, et il y a plusieurs façons de le faire, selon le niveau de personnalisation que tu veux. Voici un petit guide rapide :

🔍 Option 1 : Utiliser le moteur de recherche natif de WordPress

✅ Avantages :

• Facile à mettre en place
• Aucune extension nécessaire

🚀 Comment faire :

1. Va dans ton tableau de bord WordPress.
2. Va dans Apparence > Widgets.
3. Ajoute le widget Recherche dans une zone de widget (comme la barre latérale ou le pied de page).
4. Enregistre.

💡 Limite : Ce moteur est très basique — il ne classe pas très bien les résultats et ne cherche que dans les articles/pages par défaut.

🧩 Option 2 : Installer une extension (plugin) de recherche avancée

🔥 Recommandés :

• Relevanssi : améliore les résultats, cherche dans les champs personnalisés, les commentaires, etc.
• SearchWP : puissant, très personnalisable (version payante).
• Ajax Search Lite : ajoute une recherche en temps réel avec une belle interface.

🚀 Comment faire :

1. Va dans Extensions > Ajouter.
2. Cherche un de ces plugins (par ex. « Relevanssi »).
3. Clique sur Installer, puis Activer.
4. Configure-le via Réglages.

🌐 Option 3 : Utiliser Google Custom Search (recherche Google personnalisée)

✅ Avantages :

• Super puissant, car ça utilise Google
• Tu peux limiter la recherche à ton domaine

⚙️ Comment faire :

1. Va sur Google Programmable Search Engine.
2. Crée un moteur de recherche personnalisé et indique ton site.
3. Récupère le code HTML d’intégration.
4. Colle ce code dans ton site via un bloc HTML personnalisé dans une page, un widget, ou le thème.

💰 Note : Il peut y avoir un peu de pub, sauf si tu passes à la version payante.

Tu veux que je t’aide à choisir l’option la plus adaptée à ton site, ou tu sais déjà ce que tu veux faire ?

Parfait, l’option 3 avec Google Custom Search (Programmable Search Engine) est une solution puissante et facile à mettre en place. Voici un guide étape par étape :

Parfait, l’option 3 avec Google Custom Search (Programmable Search Engine) est une solution puissante et facile à mettre en place. Voici un guide étape par étape :

✅ Étapes pour intégrer Google Custom Search à ton site WordPress

1. Créer le moteur de recherche

1. Va sur ce lien : https://programmablesearchengine.google.com/
2. Clique sur Créer un moteur de recherche.
3. Dans le champ Sites à rechercher, entre ton domaine, par exemple : www.monsite.com
4. Clique sur Créer.

2. Récupérer le code HTML

1. Une fois créé, clique sur le bouton Panneau de configuration.
2. Tu peux personnaliser l’apparence, les options, etc.
3. Clique sur Obtenir le code (souvent dans l’onglet « Installation »).
4. Copie le code HTML fourni par Google.

3. Intégrer le moteur de recherche dans WordPress

Tu peux coller ce code :

• dans un widget HTML personnalisé (pour l’afficher en barre latérale, pied de page, etc.)
• dans une page (via l’éditeur de blocs → bloc « HTML personnalisé »)
• ou même dans ton thème, si tu veux l’ajouter de façon permanente dans l’en-tête ou le menu.

Exemple :

1. Va dans Apparence > Widgets.
2. Ajoute un widget « HTML personnalisé ».
3. Colle le code copié de Google.
4. Enregistre.

🔧 (Optionnel) Personnalisation

• Dans le panneau Google, tu peux :
  • Modifier les couleurs et le style du moteur
  • Choisir d’ouvrir les résultats dans un nouvel onglet
  • Activer/désactiver les annonces (il y aura un peu de pub sauf si tu paies)

💡 Astuce bonus

Tu peux aussi créer une page dédiée à la recherche (genre recherche) et y coller le code. Ensuite, dans ton menu, tu ajoutes un lien vers cette page.

Si tu veux, je peux t’aider à personnaliser le code Google selon ton site, ou t’écrire le bloc HTML prêt à coller. Tu veux le faire apparaître où, exactement ?

Dans l’entête

Parfait, tu veux l’intégrer directement dans l’en-tête de ton site WordPress – c’est un peu plus technique, mais rien de bien méchant 😉. Voici comment faire, selon ton thème :

🛠️ MÉTHODE 1 : Modifier le fichier header.php (si tu utilises un thème enfant)

⚠️ Important :

Avant de modifier un fichier de thème, fais-le via un thème enfant pour éviter que tes changements ne soient écrasés lors d’une mise à jour.

🔧 Étapes :

1. Connecte-toi à ton admin WordPress.
2. Va dans Apparence > Éditeur de fichiers (Éditeur de thème).
3. Dans la colonne de droite, cherche le fichier header.php de ton thème enfant.
4. Colle le code Google Custom Search à l’endroit où tu veux afficher la barre de recherche, souvent juste après : <body> ou dans : <header>

Exemple :

<!-- Barre de recherche Google Custom -->
<div class="google-search-box">
  <!-- Colle ici le code généré par Google -->
  <script async src="https://cse.google.com/cse.js?cx=TON_CX_ID"></script>
  <div class="gcse-search"></div>
</div>

Remplace TON_CX_ID par l’identifiant donné par Google (ça ressemble à xxxx:yyyyyyyyy).

🎨 Optionnel : Un peu de CSS pour l’intégration

Ajoute ça dans Apparence > Personnaliser > CSS additionnel si tu veux aligner ou styliser :

.google-search-box {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
}

🧰 MÉTHODE 2 : Utiliser un constructeur de thème (Elementor Pro, Astra Header Builder, etc.)

Si tu utilises un constructeur :

1. Va dans l’éditeur de l’en-tête.
2. Ajoute un widget « HTML » ou « Code ».
3. Colle le code Google.
4. Enregistre.

Tu veux que je te génère un code prêt à coller dans header.php ? Si tu me donnes ton ID CX de Google Custom Search, je peux te faire ça clean.

Et avec Twenty twenty five

Avec le thème Twenty Twenty-Five, qui utilise l’édition complète du site (Full Site Editing), tu peux facilement intégrer le moteur de recherche personnalisé de Google dans l’en-tête de ton site sans toucher au code PHP. Voici comment procéder :

🛠️ Étapes pour ajouter Google Custom Search dans l’en-tête avec Twenty Twenty-Five

1. Accéder à l’éditeur de site

-Dans ton tableau de bord WordPress, va dans Apparence > Éditeur -Clique sur l’icône WordPress en haut à gauche pour revenir à l’accueil de l’éditeur -Sélectionne « Pièces de modèle » (ou « Template Parts ») -Choisis « Header » pour modifier l’en-tête

2. Ajouter un bloc HTML personnalisé

-Dans l’en-tête, clique sur le bouton « + » pour ajouter un nouveau bloc -Recherche et sélectionne le bloc ** »HTML personnalisé »** -Colle le code fourni par Google pour le moteur de recherche personnalisé. Ce code ressemble généralement à 



  <script async src="https://cse.google.com/cse.js?cx=TON_CX_ID"></script>
  <div class="gcse-search"></div>
  ```

 Remplace `TON_CX_ID` par l'identifiant unique de ton moteur de recherche Google

### 3. **Enregistrer les modifications**
-Après avoir ajouté le bloc HTML, clique sur **"Enregistrer"** en haut à droite pour appliquer les changements à ton site

---

## 🎨 Personnalisation (optionnel
Pour ajuster l'apparence de la barre de recherche, tu peux ajouter du CSS personnalisé:

1 Retourne dans l'éditeur de sit.
2 Clique sur **"Styles"** dans le menu latéra.
3 Sélectionne **"CSS additionnel"*.
4 Ajoute ton code CSS personnalisé, par exemple:

   ```css
   .gcse-search {
     margin-top: 10px;
     text-align: right;
   }
   ``


5 Clique sur **"Enregistrer"** pour appliquer les style.

---

## 📌 Remarques importantes- Le thème Twenty Twenty-Five est un thème basé sur des blocs, ce qui signifie qu'il n'utilise pas les fichiers PHP traditionnels comme `header.php`. Toutes les modifications se font via l'éditeur de sie.- Si tu souhaites une personnalisation plus poussée, envisage de créer un thème enfant ou d'utiliser des extensions spécifiqus.

---

Si tu rencontres des difficultés ou si tu souhaites une assistance supplémentaire pour personnaliser ton en-tête, n'hésite pas à demander ! 

Peut-on mettre un autre moteur de recherche que celui de Google

Oui, il est tout à fait possible d’intégrer un moteur de recherche autre que celui de Google sur votre site WordPress.org. Voici quelques alternatives populaires :

🔍 1. SearchWP

• Description :SearchWP est un plugin premium qui remplace le moteur de recherche natif de WordPress. Il permet une recherche approfondie dans les articles, pages, champs personnalisés, produits WooCommerce, documents PDF, etc
• Avantages : -Résultats plus pertinents et personnalisables -Intégration facile avec les constructeurs de pages -Supporte la recherche en direct (Ajax)
• Prix :À partir de 99 $ par an
• Site officiel : linkturn0search5

🔍 2. Relevanssi

• Description Relevanssi est un plugin gratuit (avec une version premium) qui améliore la recherche WordPress en offrant des résultats plus pertinent.
• Avantages : Recherche dans les commentaires, les balises, les catégories, et. Supporte les opérateurs booléens (AND, OR, NOT. Personnalisation des résultats de recherch.
• Prix Gratuit (version premium disponible.
• Téléchargement : linkturn0search0

🔍 3. Ajax Search Lite

• Description: Ajax Search Lite est un plugin gratuit qui ajoute une barre de recherche en direct avec des suggestions automatiqus.
• Avantages :
• Interface utilisateur moderne et responsie.
• Intégration facile via widget ou shortcoe.
• Supporte la recherche dans les articles, pages et champs personnaliss.
• Prix: Gratuit (version pro disponibl).
• Téléchargement : linkturn0search6

🔍 4. FacetWP

• *Description : FacetWP est un plugin premium qui permet d’ajouter des filtres avancés à votre recherche, idéal pour les sites e-commerce ou avec beaucoup de contnu.
• Avantages :
• Filtres par catégories, balises, prix, tc.
• Compatible avec WooCommerce et les constructeurs de paes.
• Améliore l’expérience utilisateur en facilitant la navigaton.
• *Prix : À partir de 99 $ paran.
• Site officiel : linkturn0search8

🔍 5. ElasticPress

• *Description : ElasticPress est un plugin qui utilise Elasticsearch pour offrir une recherche rapide et évolutive, adaptée aux sites à fort trfic.
• Avantages : – Recherche en temps réel ultra-raide. – Supporte la recherche dans les produits, articles, pages,etc. – Intégration avec WooCommrce.
• *Prix : Gratuit (nécessite une installation d’Elasticseach).
• Téléchargement : linkturn0search7

✅ Conclusion

Si vous souhaitez une solution gratuite et facile à mettre en place, Ajax Search Lite est un excellent cox. Pour des fonctionnalités plus avancées et une personnalisation poussée, SearchWP ou FacetWP sont recommadés.

Souhaitez-vous de l’aide pour intégrer l’un de ces moteurs de recherche dans l’en-tête de votre site WordPress ?

_________________________________________________

Orthographe

Oui, il est possible de corriger les fautes d’orthographe d’un site WordPress utilisant le thème Twenty Twenty Five sans plugin, mais cela demandera un peu de travail manuel. Voici quelques méthodes :

1. Correction via l’éditeur de WordPress

• Allez dans « Pages » ou « Articles » depuis le tableau de bord.
• Ouvrez chaque contenu à vérifier dans l’éditeur de blocs (Gutenberg).
• Utilisez le correcteur orthographique intégré de votre navigateur (Chrome, Firefox, Edge…).
• Corrigez les fautes détectées manuellement.

2. Copier-coller dans un correcteur externe

• Copiez le texte de vos pages/articles.
• Collez le dans un outil comme Word, Google Docs, Antidote ou BonPatron pour détecter les fautes.
• Corrigez puis recopiez le texte dans WordPress.

3. Modifier les fichiers de thème (si nécessaire)

• Si certaines fautes sont dans les fichiers de thème (ex. : titres, widgets, menus), corrigez lès via :
  • Apparence > Éditeur
  • Personnalisation > Texte du site

4. Utiliser l’inspecteur de navigateur

• Ouvrez votre site, faites un clic droit > « Inspecter ».
• Parcourez les textes affichés et repérez d’éventuelles fautes.
• Retournez dans WordPress pour corriger.

5. Si besoin, utiliser un script JS temporaire

Un script comme Typo.js peut détecter des fautes en temps réel sans plugin, mais c’est plus technique.

Si votre site est grand, un plugin comme WP Spell Check peut être une meilleure option, même si vous cherchez à éviter les extensions.

Activer et désactiver le correcteur orthographique de Chrome

avec la précision suivante: En face de votre nom > Personnalisera chrome > Langue

Vous comprendrez bien que dans la logique de ce site j’ai choisit la méthode la plus simple en utilisant le correcteur orthographique de Chrome étendue en prenant le risque que Google scrute mon site or finalement c’est tous ce que je souhaite.

_________________________________________________

Pdf Comment intégrer facilement un PDF dans votre site WordPress

Avec le thème Twenty Twenty Five, on peut incorporer un document PDF sur son site WordPress sans plugin en utilisant l’éditeur Gutenberg ou du code HTML. Voici plusieurs méthodes :

1️⃣ Méthode Simple : Utiliser le Bloc « Fichier »

WordPress propose un bloc natif pour insérer des fichiers PDF facilement.

Étapes :

1. Éditer une page ou article dans l’éditeur Gutenberg.
2. Ajouter un bloc « Fichier » :
   • Cliquer sur + Ajouter un bloc.
   • Rechercher et insérer le bloc « Fichier ».
3. Télécharger le fichier PDF ou sélectionner le depuis la bibliothèque.
4. Choisir l’affichage :
   • ✅ Activer l’option « Afficher un aperçu du fichier » (permet d’afficher le PDF directement).
   • ✅ On peut aussi proposer un bouton de téléchargement.
5. Enregistrer et publier.

✅ Résultat : Le document sera affiché sous forme de lecteur intégré ou de lien de téléchargement.

2️⃣ Méthode HTML : Insérer un PDF avec une balise <iframe>

Si on souhaite plus de contrôle sur l’affichage, utiliser du code HTML :

<iframe src="https://votre-site.com/wp-content/uploads/2024/03/document.pdf" width="100%" height="600px"></iframe>

Comment l’utiliser ?

1. Télécharger le PDF dans sa bibliothèque WordPress.
2. Copier l’URL du fichier (visible après l’uploade).
3. Remplacer "https://votre-site.com/wp-content/uploads/2024/03/document.pdf" par l’URL du PDF.
4. Ajouter ce code dans un bloc HTML personnalisé dans Gutenberg.

✅ Résultat : Le PDF s’affichera directement sur la page.

3️⃣ Méthode avec un Lien Cliquable (Sans Affichage Direct)

Si on préfère simplement proposer un lien de téléchargement :

<a href="https://votre-site.com/wp-content/uploads/2024/03/document.pdf" target="_blank">📄 Télécharger le PDF</a>

✅ Résultat : Un lien permet aux visiteurs d’ouvrir ou de télécharger le fichier.

🎴 Conclusion : Quelle méthode choisir ?

• ✅ Méthode 1 (Bloc « Fichier ») → Facile et rapide pour afficher un PDF ou un lien.
• ✅ Méthode 2 (<iframe>) → Idéal pour intégrer directement un document PDF visible.
• ✅ Méthode 3 (Lien simple) → Utile si on ne veut pas afficher le PDF sur la page.

_________________________________________________

Sauvegarde

Que je résume:

1. Aller dans cPanel
2. Aller dans WP Tiger
3. Trouver son site car il peu y en avoir plusieurs et cliquer sur gérer le site
4. En haut cliquer sur sauvegardes
5. Choix de restaurer une sauvegarde précédente ou créer une sauvegarde
6. télécharger la sauvegard pour l’héberger chez soi on est jamais trop prudent

========================================

/* Adoucir les bords des images */
img {
  border-radius: 12px;
}

/* Améliorer l’apparence des boutons */
.wp-block-button__link {
  border-radius: 8px;
  padding: 12px 24px;
  transition: background-color 0.3s ease;
}
.wp-block-button__link:hover {
  background-color: #333;
  color: #fff;
}

/* Centrer le contenu d’un groupe */
.wp-block-group {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}