自定义WordPress小部件正在包装它下面的所有其他小部件

I am trying to write a custom widget to display our teamspeak server info. This is what I have so far:

我正在尝试编写一个自定义小部件来显示我们的teampeak服务器信息。这是我到目前为止:

<?php

/*
Plugin Name: Site Plugin for RealmReborn.co
Description: Site specific code changes for RealmReborn.co
*/
/* Start Adding Functions Below this Line */


// Creating the widget 
class wpb_widget extends WP_Widget {

function __construct() {
parent::__construct(
// Base ID of your widget
'wpb_widget', 

// Widget name will appear in UI
__('WPBeginner Widget', 'wpb_widget_domain'), 

// Widget description
array( 'description' => __( 'Sample widget based on WPBeginner Tutorial', 'wpb_widget_domain' ), ) 
);
}

// Creating widget front-end
// This is where the action happens
public function widget( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );
// before and after widget arguments are defined by themes
echo $args['before_widget'];
if ( ! empty( $title ) )
echo $args['before_title'] . $title . $args['after_title'];

// This is where you run the code and display the output
?>

<iframe src="http://cache.www.gametracker.com/components/html0/?host=tsserver.co:9987&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=0&currentPlayersHeight=220&showCurrPlayers=1&showTopPlayers=0&showBlogs=0&width=265" 
 frameborder="0" scrolling="no" width="265" height="408"></iframe>

<?php

}

// Widget Backend 
public function form( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$title = $instance[ 'title' ];
}
else {
$title = __( 'New title', 'wpb_widget_domain' );
}
// Widget admin form
?>
<p>
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label> 
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
</p>
<?php 
}

// Updating widget replacing old instances with new
public function update( $new_instance, $old_instance ) {
$instance = array();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
return $instance;
}
} // Class wpb_widget ends here

// Register and load the widget
function wpb_load_widget() {
    register_widget( 'wpb_widget' );
}
add_action( 'widgets_init', 'wpb_load_widget' );



/* Stop Adding Functions Below this Line */

// Creating the widget 

?>

I got this code from a wordpress help site and tried to follow the instructions but I'm doing something wrong.

我从wordpress帮助网站获得此代码并尝试按照说明操作,但我做错了。

My site is realmreborn.co and I am trying to display the widget on the right side.

我的网站是realmreborn.co,我正在尝试在右侧显示小部件。

You will notice that the Teamspeak widget is wrapping all of the widgets below it on the right side:

您会注意到Teamspeak小部件正在将其下方的所有小部件包装在右侧:

I do not know what I did wrong, I've tried to make adjustments to the code but nothing I seem to do seems to fix it. Did I miss a bracket or not implement something correctly?

我不知道我做错了什么,我试图调整代码,但我似乎没有做任何事情似乎解决了。我错过了一个支架还是没有正确实施?

Any help would be greatly appreciated!

任何帮助将不胜感激!

2 个解决方案

#1

This is a total guess but maybe you need to do a echo $args['after_widget']; just before the closing brace after the iframe.

这是一个总猜测,但也许你需要做一个echo $ args ['after_widget'];就在iframe之后的右大括号之前。

#2

I think something wrong with html, check all tags are closed, check for echo $args['after_widget']; - I don't see it in code. It's all markup, some fixed and it would be all right)

我认为html有问题,检查所有标签是否关闭,检查echo $ args ['after_widget']; - 我在代码中没有看到它。它是所有标记,一些是固定的,它会没事的)