所以我是制作小部件的新手。我已经学习了几个教程,终于能够制作我自己的自定义小部件(耶!)。但是,由于某种原因它没有拉动主题样式?
我尝试了几个主题,它总是一样的。我添加的每个其他小部件都会拉动侧边栏的主题样式,但是我的自定义小部件没有样式(除了我放入编码中的 div 样式)。
我需要在某处添加特定代码以强制小部件拉出主题样式吗?
抱歉,我只是想添加 - 我想将此小部件提供给一些运行粉丝网站的朋友,所以我希望它能够自动从任何主题中提取样式。
提前致谢!
抱歉没想到要补充。这是我正在使用的代码:
class Current_Projects extends WP_Widget
{
public function __construct()
{
parent::__construct(
'current-projects',
'Current Projects',
array(
'description' => 'Current Projects'
)
);
}
public function widget( $args, $instance )
{
// output
echo '
<div style="padding:5px;margin:0auto;width:260px;text-align:left;margin- right:10px;"><img width="25%" float="left" src="'.esc_textarea($instance['image_uri']).'" />
<div style="float:right;width:65%"><div style="padding-top:0px;line-height:14px; padding-right:10px;"><b>Project: </b>'.esc_textarea($instance['text']).'</div>
<div style="padding-top:0px;line-height:14px;padding-right:10px;;"><b>Date: </b>'.esc_textarea($instance['date']).'</div>
<div style="padding-top:0px;line-height:14px;padding-right:10px;"><b>As: </b>'.esc_textarea($instance['role']).'</div></div>
<div style="padding-top:10px; line-height:14px;">'.esc_textarea($instance['summary']).'</div>
<div style="padding-top:10px;line-height:14px;"><a href="'.esc_textarea($instance['imdb']).'">IMDB</a> • <a href="'.esc_textarea($instance['official']).'">Official Site</a> • <a href="'.esc_textarea($instance['gallery']).'">Gallery</a></div>
<br /><br /></div>
';
}
public function form( $instance )
{
// new instances
?>
<p>
<label for="<?php echo $this->get_field_id('text'); ?>">Project Title</label><br />
<input type="text" name="<?php echo $this->get_field_name('text'); ?>" id="<?php echo $this->get_field_id('text'); ?>" value="<?php echo $instance['text']; ?>" class="widefat" />
</p>
<p>
<label for="<?php echo $this->get_field_id('date'); ?>">Date</label><br />
<input type="text" name="<?php echo $this->get_field_name('date'); ?>" id="<?php echo $this->get_field_id('date'); ?>" value="<?php echo $instance['date']; ?>" class="widefat" />
</p>
<p>
<label for="<?php echo $this->get_field_id('role'); ?>">Role</label><br />
<input type="text" name="<?php echo $this->get_field_name('role'); ?>" id="<?php echo $this->get_field_id('role'); ?>" value="<?php echo $instance['role']; ?>" class="widefat" />
</p>
<p>
<label for="<?php echo $this->get_field_id('imdb'); ?>">IMDB URL</label><br />
<input type="url" name="<?php echo $this->get_field_name('imdb'); ?>" id="<?php echo $this->get_field_id('imdb'); ?>" value="<?php echo $instance['imdb']; ?>" class="widefat" />
</p>
<p>
<label for="<?php echo $this->get_field_id('official'); ?>">Official Site URL</label><br />
<input type="url" name="<?php echo $this->get_field_name('official'); ?>" id="<?php echo $this->get_field_id('official'); ?>" value="<?php echo $instance['official']; ?>" class="widefat" />
</p>
<p>
<label for="<?php echo $this->get_field_id('gallery'); ?>">Gallery URL</label><br />
<input type="url" name="<?php echo $this->get_field_name('gallery'); ?>" id="<?php echo $this->get_field_id('gallery'); ?>" value="<?php echo $instance['gallery']; ?>" class="widefat" />
</p>
<p>
<label for="<?php echo $this->get_field_id('summary'); ?>">Project Summary</label><br />
<input type="text" name="<?php echo $this->get_field_name('summary'); ?>" id="<?php echo $this->get_field_id('summary'); ?>" value="<?php echo $instance['summary']; ?>" class="widefat" />
</p>
<p>
<label for="<?php echo $this->get_field_id('image_uri'); ?>">Image</label><br />
<input type="text" class="img" name="<?php echo $this->get_field_name('image_uri'); ?>" id="<?php echo $this->get_field_id('image_uri'); ?>" value="<?php echo $instance['image_uri']; ?>" />
<input type="button" class="select-img" value="Select Image" />
</p>
<?php
}
}
// end class
// register
add_action( 'widgets_init', create_function('', 'return register_widget("Current_Projects");') );
// js
function cp_enqueue()
{
wp_enqueue_style('thickbox');
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');
// script
wp_enqueue_script('cp', '/wp-content/plugins/current-projects/script.js', null, null, true);
}
add_action('admin_enqueue_scripts', 'cp_enqueue');