capture

Voir ce thème en action sur notre blog de démonstration.

Informations générales

Thème basé sur le travail de Mathieu.M et de son thème dcBootstrap. Le thème utilise le responsive (adaptatif) de Bootstrap 4.1.1, mais il est également basé sur le travail de Franck et de son thème "dotty" avec une structure HTML5.

Le thème est également boosté au niveau SEO, avec des balises H1 sur titres de billets, de catégories, de pages, page de recherche, de contact ..etc. Tous les billets sont également en balises "rel=canonical" et les catégories sont indexables et indexées par défaut.

D'origine le menu de ce thème ce comportera avec le plugin "SimpleMenu" (embarqué par défaut dans dotclear). Mais il est également conçut pour fonctionner avec le plugin "Menu", qui permet d'avoir un menu déroulant (qui fonctionne avec Bootstrap en adaptatif).

NOTE : Pour utiliser le menu déroulant avec le plugin "Menu"... Il suffit d'éditer le "_top.html" et "user_top.html", remplacer la ligne

{{tpl:SimpleMenu class="nav navbar-nav" description="title"}}

par

{{tpl:Menu level="0" class="nav navbar-nav" description="title"}}

Concernant la configuration à suivre pour le plugin "MENU" voici un exemple de structure avec menu déroulant.

Exemple :

Item 1 = Accueil  ---> URL : / ---> Niveau 1
Item 2 = Catégories ---> URL : # ---> Niveau 1
item 2 bis (déroulant) = Catégorie 1 ---> URL : /category/name-of-category-1 ---> Niveau 2
item 2 bis (déroulant) = Catégorie 2 ---> URL : /category/name-of-category-2 ---> Niveau 2
item 2 bis (déroulant) = Catégorie 3 ---> URL : /category/name-of-category-3 ---> Niveau 2
Item 4 = A propos ---> URL : /pages/A-propos ---> Niveau 1
Item 3 = Contact ---> URL : /contact ---> Niveau 1

NOTE : Seule petite restriction, l'utilisation du menu déroulant ne fonctionne que sur 2 niveaux uniquement.

Autre petite customisation,dans les billets (post.html) en fin d'article le thème vous propose un "A voir également" et affiche "8 billets suivants de la même catégorie parcourue (image + titres)".

En ce qui concerne les images, lorsqu'elles sont manquantes que ce soit en "home","category" ou "résultat de recherche" ou bien la suggestion de "A voir également", le thème propose des images standards (une image qui illustre une image manquante ^^).

La structure du "page.html" contenu dans le thème est également modifiée pour être "Bootstrapée", aux normes SEO et HTML5 de "dotty". NOTE : Si vous utilisez déjà des "Pages" modifiées via le plugin "Templator", n'oubliez pas de désélectionner celui-ci et donc, de ne sélectionner aucun "Template du billet".

Le thème est également prévu pour placer et customisé le plugin "Social Share" ainsi que le "Fil d'Ariane" (breadcrumb).

Configuration du plugin "Fil d'Ariane" (breadcrumb) ...

1 - "Paramètres du blog".
2 - "Paramètres des plugins pour ce blog".
3 - "Fil d'Ariane"
4 - Cochez "Activer l'affichage du fil d'Ariane pour ce blog"
5 - Cochez "Ne pas encadrer le fil d'Ariane avec une balise <p id="breadcrumb">...</p>".

Configuration du plugin "Social Share"...

1 - Activez le plugin.
2 - "Boutons", sélectionnez les boutons de partages des réseaux sociaux de votre choix.
3 - "Options", sélectionnez les options de votre choix (billets ou pages ou bien billets et pages).
NOTE : Cochez obligatoirement l'option n°3 "Ajoute les boutons de partage uniquement dans l'affichage de billet (ou de page) seul"
4 - "Position", sélectionnez le/les emplacements de votre choix (haut ou bas, voir placement idéal = haut et bas).
5 - "Options Avancées", de préférence, laissez les champs vides (sans texte).
6 - "Styles CSS à appliquer", sélectionnez l'option n°2 " Utiliser les styles CSS définis dans le thème du blog".

D'autres petites customisations/personnalisations en vrac : En sidebar, personnalisation des widgets :

- Moteur de recherche
- Liste des catégories
- Liste des liens
- Évaluez ça : Top évaluations (rate-it)
- Derniers commentaires
- Mots-clés
- Liens de navigation
- Liens de souscription
- Billets sélectionnés
- Contactez-moi

Les templates ci-dessous ont 2galement été customisés/personnalisés :

- Archive.html
- Archive_month.html
- Tag.html
- Tags.html
- Contact_me.html
- Search.html
- 404.html

Personnalisation des ANNEXES (pièces jointes) :

Mise en place de balises spécifiques à Bootstrap qui permettent afin que les annexes (pièces jointes) soient stylisées et adaptatives, que ce soit pour :
Les images
Les documents textes
Les vidéos
Les fichiers audios

Informations techniques

  • Version du thème : 1.07
  • Version minimale de Dotclear : 2.9.1
  • Licence : Apache 2.0
  • Support : Forum Dotclear