Beste Sitedealers,

Met mijn blog http://goo.gl/vdBV5 ben ik in zee gegaan met een mediabureau dat de advertising op mijn site gaat regelen. Als reguliere bannerbreedte hanteren zij een breedte van 336 pixels. De breedte van de site (en dus ook van de sidebar) zijn hier al op aangepast, echter heb ik problemen met één widget.

Binnen het theme dat ik gebruik (Maverick) is een Ads widget ingebouwd welke ik graag wil gebruiken aangezien deze widget (in tegenstelling tot alle andere) de volle breedte van de sidebar benut (dus geen padding). Echter geeft deze Ads widget op dit moment enkel de mogelijkheid om een link en een afbeeldingsurl in te vullen, dit is niet de bedoeling. Het is dus de bedoeling dat deze widget de mogelijkheid geeft om een HTML code in Wordpress in te vullen.

De onderstaande code is die van de huidige Ads widget. Zou iemand mij hierbij kunnen helpen? Eventueel ben ik bereid hier een vergoeding voor te geven.

Code:

/* 468x468 Ad Widget. */
add_action( 'widgets_init', 'maverick_ad468_load_widgets' );

function maverick_ad468_load_widgets() {
	register_widget( 'Maverick_ad468_Widget' );
}

class Maverick_ad468_Widget extends WP_Widget {

	function Maverick_ad468_Widget() {
		$widget_ops = array( 'classname' => 'maverick_ad468', 'description' => __('Show an advertisement of 468x60 pixels in your content area.', 'maverick_ad468') );
		$control_ops = array( 'width' => 300, 'height' => 350, 'id_base' => 'maverick_ad468-widget' );
		$this->WP_Widget( 'maverick_ad468-widget', __('maverick - Ads 468x60', 'maverick_ad468'), $widget_ops, $control_ops );
	}

	function widget( $args, $instance ) {
		extract( $args );

		$title = apply_filters('widget_title', $instance['title'] );
		$ad_1 = $instance['ad_1'];
		$ad_2 = $instance['ad_2'];
		
		$ad_1_link = $instance['ad_1_link'];
		$ad_2_link = $instance['ad_2_link'];
		
		echo '<div class="content_widget ad_widget mav_nobg">' . "\n";
		if ( $title )
			echo $before_title . $title . $after_title . "\n";
		?>
		<?php if($ad_1) { ?><a href="<?php echo $ad_1_link; ?>"><img class="mav_border" src="<?php echo $ad_1; ?>" alt="" /></a><?php } ?>
		<?php if($ad_2) { ?><a href="<?php echo $ad_2_link; ?>"><img class="mav_border" src="<?php echo $ad_2; ?>" alt="" /></a><?php } ?>
		<div class="clear"></div>
		<?php echo '</div>';
	}

	function update( $new_instance, $old_instance ) {
		$instance = $old_instance;
		$instance['title'] = strip_tags( $new_instance['title'] );
		$instance['ad_1'] = strip_tags( $new_instance['ad_1'] );
		$instance['ad_2'] = strip_tags( $new_instance['ad_2'] );
		
		$instance['ad_1_link'] = strip_tags( $new_instance['ad_1_link'] );
		$instance['ad_2_link'] = strip_tags( $new_instance['ad_2_link'] );

		return $instance;
	}

	function form( $instance ) {
		$defaults = array( 'title' => __('', 'maverick_ad468') );
		$instance = wp_parse_args( (array) $instance, $defaults ); ?>

		<p>
			<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e('Title:', 'hybrid'); ?></label>
			<input id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" value="<?php echo $instance['title']; ?>" style="width:90%;" />
		</p>
		
		<p>
			<label><strong>Ad 1 :</strong></label><br />
			Image URI<input id="<?php echo $this->get_field_id( 'ad_1' ); ?>" name="<?php echo $this->get_field_name( 'ad_1' ); ?>" value="<?php echo $instance['ad_1']; ?>" style="width:70%;float:right;" /><br style="clear:both;" />
			Link URI<input id="<?php echo $this->get_field_id( 'ad_1_link' ); ?>" name="<?php echo $this->get_field_name( 'ad_1_link' ); ?>" value="<?php echo $instance['ad_1_link']; ?>" style="width:70%;float:right;" />
		</p>
		
		<p>
			<label><strong>Ad 2 :</strong></label><br />
			Image URI<input id="<?php echo $this->get_field_id( 'ad_2' ); ?>" name="<?php echo $this->get_field_name( 'ad_2' ); ?>" value="<?php echo $instance['ad_2']; ?>" style="width:70%;float:right;" /><br style="clear:both;" />
			Link URI<input id="<?php echo $this->get_field_id( 'ad_2_link' ); ?>" name="<?php echo $this->get_field_name( 'ad_2_link' ); ?>" value="<?php echo $instance['ad_2_link']; ?>" style="width:70%;float:right;" />
		</p>

	<?php
	}
}

Ik zie halverwege de rechter kolom een banner die rechts een tiental pixels uitsteekt, dat is de 'foute' widget?

Je kunt toch een normale lege tekst/html widget nemen en daar de code van het advertisingbureau in plakken? Als de marges/padding niet kloppen: dat moet op te lossen zijn met een beetje custom css. Biedt dat theme de mogelijkheid om custom css te gebruiken? Er is dan een apart veld voor in de 'theme options'. Het zal haast wel, je hebt een premium theme. Zo niet, dan is daar een prima plugin voor.

Mooie blog trouwens, ik liet hem laatst als voorbeeld zien aan mijn vriendin, die een (ander soort) foodblog gaat opzetten.

Dank voor je antwoord en het compliment.

De widge waar ik het over heb staat op dit moment niet gepubliceerd. Het probleem met een normale tekst/html widget is dus padding. Wanneer ik deze in de css aanpas zal dit gelden voor iedere keer dat ik deze widget gebruik en dat is niet de bedoeling.

Origineel gepost door B. van der Weerd

Ik zie halverwege de rechter kolom een banner die rechts een tiental pixels uitsteekt, dat is de 'foute' widget?

Je kunt toch een normale lege tekst/html widget nemen en daar de code van het advertisingbureau in plakken? Als de marges/padding niet kloppen: dat moet op te lossen zijn met een beetje custom css. Biedt dat theme de mogelijkheid om custom css te gebruiken? Er is dan een apart veld voor in de 'theme options'. Het zal haast wel, je hebt een premium theme. Zo niet, dan is daar een prima plugin voor.

Mooie blog trouwens, ik liet hem laatst als voorbeeld zien aan mijn vriendin, die een (ander soort) foodblog gaat opzetten.

OK, duidelijk, je hebt gelijk mbt het vaker gebruiken. Je zou deze plugin kunnen gebruiken: http://wordpress.org/extend/plugins/adseasy/