Tutoriel - Créer des pense-bêtes en HTML5 et CSS3

Tutoriel - Créer des pense-bêtes en HTML5 et CSS3

L'univers du Web se veut plus éco-logique. J'ai adopté des pratiques plus responsables comme par exemple en remplaçant les célèbres notes autocollantes par un service en ligne. Mais si ces petites fiches fuorées vous manquent, voici un tutoriel pour les reproduire en CSS3.

Comment épingler un article en tête de blog dans Joomla ?

Comment épingler un article en tête de blog dans Joomla ?

Lorsque l'on tient un blog, il peut arriver que l'on ait envie (ou besoin) de mettre en avant un article en particulier. Et pour cela, le mieux est d'éplingler cet article afin qui reste affiché en tête de blog, même si de nouveaux article sont publiés. Voici comment réaliser cela avec Joomla.

Comment épingler un article en tête de blog dans Joomla ?

Dans le cas qui nous intéresse, nous voulons :

  • épingler un article en en-tête du blog
  • pouvoir continuer à publier de nouveaux contenus sans que cela change l'article épinglé
  • pouvoir choisir l'article à épingler parmi tous les articles du gestionnaire d'articles
  • utiliser uniquement les fonctions natives de Joomla

La mise en oeuvre

Nous allons voir maintenant en détail quelles sont les différentes étapes qui permettent d'atteindre l'objectif de départ.

1. Création des catégories et des articles

Pour avoir un blog et un contenu bien organisé, il faut avoir une bonne structuration des catégories.

Commençons par créer une première catégorie parent (blog) et autant de catégories enfants que nécessaire.

Création de plusieurs catégories dans Joomla

Tout est en place, nous pouvons maintenant ajouter nos contenus dans les différentes catégories de notre blog.

2. Création et configuration du lien de menu

Pour afficher notre blog, nous devons créer un lien de menu de type Blog d'une catégorie et nous choisissons la catégorie parent que nous avons créé précédemment.

Création d'un lien de menu blog dans Joomla

Nous allons maintenant configurer notre lien de menu Blog d'une catégorie avec les différentes options natives de Joomla.

  • Onglet Catégorie

    Ici, nous masquons les textes des sous-catégories

    Puis, nous sélectionnons Aucun pour le paramètre des sous-catégories.

    Onglet catégorie du lien de menu blog dans Joomla

  • Onglet Affichage du blog

    Ici, nous sélectionnons un seul article à afficher en pleine largeur (c'est à dire, celui qui sera épinglé)

    Nous incluons Toutes les sous-catégories.

    Onglet blog lien de menu blog dans Joomla

    Pour l'ordre des articles, nous choisissons Ordre de présentation des articles en vedette.

    Onglet blog lien de menu blog dans Joomla

    Enfin, nous choisissons d'afficher les articles en vedette

    Onglet blog lien de menu blog dans Joomla

3. Sélection et affichage de notre article épinglé

Ouvrons maintenant le gestionnaire d'articles de Joomla et filtrons pour n'avoir que les articles publiés dans les catégories de notre blog.

Grâce aux réglages que nous venons de mettre en place, il ne nous reste plus qu'à mettre en vedette l'article que nous voulons épingler en en-tête de notre blog.

Mise en vedette d'un article dans Joomla

Et voilà, c'est terminé ! Si vous avez suivi toutes les étapes de ce guide avec attention, vous devriez obtenir le résultat escompté :

Article épinglé en-tête de blog dans Joomla

Dorénavant, tous les nouveaux articles qui seront publiés dans l'unes des catégories enfant de votre blog, viendront s'afficher sous votre article épinglé.

Pour changer d'article épinglé, il vous suffit de défavoriser celui que vous avez choisi et d'en mettre un autre en vedette. Tout simplement.

Conclusion

Voilà, vous avez réussi à épingler un article afin qu'il reste affiché en tête de votre blog Joomla. Cette configuration est, sommes toutes, très simple à réaliser car Joomla est un CMS qui possède nativement des fonctions et des capacités très supérieures à beaucoup d'autres outils comparables.

Comme d'habitude, si cet article vous a été utile, n'hésitez surtout pas à le partager et si vous avez des questions, les commentaires ci-dessous vous attendent.

Comment créer un site multilingue avec Joomla ?

Comment créer un site multilingue avec Joomla ?

Joomla est connu pour être l'un des CMS les plus souples et les plus sécurisés qui soient. Mais ce que peu savent, c'est qu'il est également possible d'ajouter à ce CMS une ou plusieurs langues et d'avoir en quelques clics, un site parfaitement multilingue.

Comment importer une override dans Joomla?

Comment importer une override dans Joomla?

Une des plus grandes forces de Joomla est sa flexibilité. Grâce aux overrides, il n'y a pas besoin d'installer certaines extensions lourdes pour avoir un site très complet. De nombreux utilisateurs m'ont demandé comment ajouter une override dans Joomla. Ce tutoriel répond à cette question.

Comment télécharger un fichier avec une adresse e-mail dans Joomla?

Comment télécharger un fichier avec une adresse e-mail dans Joomla?

Collecter des adresses e-mails en échange d'un fichier à télécharger (ebook, PDF, livre blanc, etc) est une pratique marketing couramment acceptée aujourd'hui. Dans ce tutoriel, je vais vous montrer comment la mettre en place très simplement et gratuitement avec Joomla.

Créer une Timeline Verticale Responsive avec Joomla

Créer une Timeline Verticale Responsive avec Joomla

Une timeline est une très bon moyen pour mettre en lumière et dans un ordre précis, les événements marquants d'une entreprise, vos réussites, etc. Dans ce tutoriel, je vais vous montrer comment créer et afficher une timeline verticale et responsive en n'utilisant que Joomla.

Comment afficher une équipe avec Joomla ? #JOC

Comment afficher une équipe avec Joomla ? #JOC

En l'an de grâce 1319, le seigneur de Hornshadow décida que sa ville avait besoin d'un site Web pour présenter le conseil municipal et toutes les activités qui se trouvent dans sa ville. Laissez-moi vous raconter l'histoire de ce site pas comme els autres.

Créer un template d'e-mail à partir de zéro

Créer un template d'e-mail à partir de zéro

Le meilleur moyen d'apprendre et de comprendre un processus est de le réaliser soi-même, de A à Z. C'est exactement ce que je vous propose de voir aujourd'hui à travers ce tutoriel qui vous permet de concevoir un template d'e-mail HTML à partir de zéro.

Apprendre à créer des overrides dans Joomla - Part 3

Vous souhaitez en savoir plus sur les overrides dans Joomla et vous aimeriez vous lancer mais vous ne savez pas par ou commencer ? Cette série de 3 tutoriels vous explique en détail et en douceur tout ce qu'il faut savoir pour créer vos propres overrides de A à Z.

Apprendre à créer des overrides dans Joomla - Part 2

Vous souhaitez en savoir plus sur les overrides dans Joomla et vous aimeriez vous lancer mais vous ne savez pas par ou commencer ? Cette série de tutoriels vous expliquera en détail et en douceur tout ce qu'il faut savoir pour créer vos propres overrides de A à Z.

Apprendre à créer des overrides dans Joomla - Part 1

Vous souhaitez en savoir plus sur les overrides dans Joomla et vous aimeriez vous lancer mais vous ne savez pas par ou commencer ? Cette série de tutoriels vous expliquera en détail et en douceur tout ce qu'il faut savoir pour créer vos propres overrides de A à Z.

Comment créer une FAQ juste avec Joomla? #JOC

Comment créer une FAQ juste avec Joomla? #JOC

En l'an de grâce 1319, le seigneur de Hornshadow décida que sa ville avait besoin d'un site pour présenter le conseil municipal et toutes les activités qui se trouvent dans sa ville. Laissez-moi vous raconter l'histoire de ce site pas comme els autres.

Comment créer une base de connaissance juste avec Joomla 4?

Comment créer une base de connaissance juste avec Joomla 4?

Joomla est un CMS très puissant lorsqu'il s'agit de gérer du contenu. Et lorsque l'on combine le contenu et les overrides, il n'y a plus de limites excepté celles de votre imagination. En voici la preuve avec ce tutoriel dédié à Joomla 4.

Articles à paraître

  • 22 Nov
    [Mega Thread] Black Friday 2021 Discounts

Derniers commentaires

  • No, not as complete as this one but you have the... >>
    Daniel Il y a 4 jours
  • Sorry, I though it was english (autotranslate... >>
    Andras Il y a 4 jours
  • Hi,
    I'm not sure to understand your question... >>
    Daniel Il y a 4 jours