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

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:

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.