Wpcours

Des tuto, thèmes et plugins pour Wordpress

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

Ajouter 728×90 Bannière Adsense En tête de thèmes StudioPress

Màj le 4 avril 2021

L’ajout d’une bannière 728×90 Google Adsense dans l’en-tête de n’importe quel thème enfant « child theme » de Genesis peut exiger la modification de votre code CSS du thèmes.


La raison c’est que l’entête droit de la zone de widget est normalement inférieure à 728px en largeur, pour cela il faut que votre bannière sera coupé ou réduit en taille.

Voici un exemple réel des résultat après modification du thème:

ajouter-728x90 banner

Comment ajouter le code Adsense 728×90 en dessous de Header Image?

Vous pouvez réduire la largeur de votre zone de titre et d’accroître la largeur de votre entête droite, zone de widget en ajoutant la même valeur en pixels que vous avez réduit de la largeur de la zone de titre.

Voici un exemple pour les utilisateurs de thèmes Genesis par StudioPress.

Ligne 929 de fichier style.css


/* Title Area
--------------------------------------------- */
.title-area {
	float: left;
	padding: 0;
	width: 360px;
}

Et la ligne 994:


/* Widget Area
--------------------------------------------- */
.site-header .widget-area {
	float: right;
	width: 664px;
}

 

Notes:

  • Tous les thèmes sont codés différemment, le numéro de la ligne CSS varie de thème à autre.
  • Testé avec 728×90 bannière image, pas Adsense code Javascript.
  • Le titre de votre site doit être changé ou réduire sa taille si vous souhaitez l’afficher sur une seule ligne.

Réduire le titre du blog

Pour les thèmes Metro, il suffit de changer la taille de police sur la ligne 937/938 du fichier CSS de votre thèmes enfant.

Voici un exemple:

 

.site-title {
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 1;
	margin: 0 0 16px;
	margin: 0 0 1.6rem;
	text-transform: uppercase;
}

 

Ajouter un Widget personnalisé dans le Header

Si vous préférez ne pas utiliser le « Header widget »  parce que vous  voulez l’utiliser pour autre chose, vous pouvez ajouter un nouveau widget.

Pour cela,il vous suffit de copier le code PHP ci-dessous et collez-le à la fin de votre functions.php du thèmes enfants  en utilisant un éditeur de code comme Notepad + +.

genesis_register_sidebar( array(
'id' => 'header-banner',
'name' => __( 'Header Banner Widget', '$text_domain' ),
'description' => __( 'This is your Google Adsense Header Banner Widget.', '$text_domain' ),
) );

add_action( 'genesis_header', 'google_adsense_header_banner', 12 );
function google_adsense_header_banner() {

genesis_widget_area( 'header-banner', array(
'before' => '<div class="header-banner widget-area">',
'after' => '</div>',
) );

}  

Vous pouvez ensuite centrer votre bannière en utilisant le CSS dans votre feuille de style et la classe générée par le code PHP ci-dessus qui est : header-banner.


Vous aimerez également...

  • Créer une barre de recherche avec Effet Toggle sous Wordpress
  • Choisir un thème gratuit ou pro?
  • 13 thèmes WordPress polyvalents pour sites des crypto-monnaies pour obtenir un site bien classé
  • Ajouter accueil Icône dans le menu de navigation WordPress
  • Afficher la description des catégories dans les archives Wordpress
  • Comment afficher les articles populaires sous WordPress Sans Plugin

Classé sous :Thèmes Balisé avec :wordpress design

Accueil / Thèmes / Ajouter 728×90 Bannière Adsense En tête de thèmes StudioPress

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

  • 5 façons pour trouver la clé de produit (serial) Windows facilement
  • Ajouter une Image mise en avant (featured image) sous le titre de vos article
  • 13 thèmes WordPress polyvalents pour sites des crypto-monnaies pour obtenir un site bien classé
  • C’est quoi l’API WordPress Heartbeat et pourquoi devriez-vous la contrôler ?
  • Créer un message d’incitation à réautoriser les annonces Adsense sans plugin

© 2023 ·Wpcours.com · Mentions · Contact