Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact

Comment ajouter un ruban à votre blog Wordpress

Màj le 2 juin 2014

Il y a différentes façons pour ajouter des rubans à votre blog WordPress. L’endroit le plus fréquent pour y insérer ce ruban est l’entête de votre site. Pour ce faire, vous pouvez utiliser une image de ruban ou une feuille de style CSS. Or, une image serai plus fiable, pour cela on va utiliser CSS3D pour générer notre ruban .

Maintenant , je vais vous montrer comment créer un ruban en utilisant un générateur de rubans et l’insérer à n’importe quel endroit dans votre thème .

Concevoir votre ruban

La première étape est de générer le code CSS et HTML. La meilleure façon de le faire est d’utiliser l’un des exemples suivants:

ajouter-ruban-a-votre-blog

Configurez votre ruban

Configurez les éléments du ruban:

Vous pouvez ajouter un sélecteur « parent selector » et un « Wrapper », mais vous n’avez pas besoin.

inserer-un ruban-dans-votre-site

Configurez les couleurs de votre ruban

Ici vous pouvez choisir la couleur principale de votre ruban, et une couleur pour les bordures qui doit être un peu plus foncée que la couleur principale.

coleurs-rubanConfigurez la taille de votre ruban

Maintenant, il faut choisir la taille de votre ruban en précisant sa hauteur et sa largeur. Cette options est sous Appearance > Header.

ajouter-ruban-size

Générez le code de votre ruban

Une fois que vous êtes satisfait de votre conception, il est temps de générer le code du ruban. Vous aurez un bloc de code CSS 3 , copiez le et collez-le dans le dossier de votre thème enfant.

ajouter-rubanPour ajouter le ruban à votre thème, coller le code dans le fichier header.php ou dans le fichier single.php .

Ajoutez le ruban à votre thème en utilisant « hook »

Si vous utilisez un thème pro, comme Genesis ou Thesis , vous pouvez facilement coller le code HTML de votre ruban à l’emplacement que vous souhaitez l’afficher.

inserer-ruban-dans-votre-siteAjouter un texte, une image ou tout ce que vous voulez afficher dans votre ruban.


Vous aimerez également...

  • GeneratePress VS Genesis : Quel est le meilleur thème?
  • Comment afficher les articles populaires sous WordPress Sans Plugin
  • Ajouter une pop-up Facebook à votre blog Wordpress sans plugin
  • Télécharger Genesis sample [3.4.1]: thème enfant dernière version 2021
  • Comment supprimer Post Meta et Post Info sous Wordpress
  • Ajouter accueil Icône dans le menu de navigation WordPress
Accueil / Thèmes / Comment ajouter un ruban à votre blog Wordpress

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des tutoriels Gratuitement.

CREER VOTRE AVATAR GRATUIT

Articles récents

  • GeneratePress VS Genesis : Quel est le meilleur thème?
  • Est-ce que le contenu d’IA aide ou nuit à votre site web ?
  • Comment créer des boutons de partage social flottants dans GeneratePress sans plugin ?
  • Google Analytics 4 vs Universal Analytics : Comparaison complète 2023
  • Est ce que Google accepte le contenu généré par l’IA et ChatGPT ?