Widgetizing主题,并创建自定义小部件插件

时间:2011-05-21 03:23:28

标签: php wordpress widget wordpress-plugin wordpress-theming

我有一些我一直关注的书。我制作了自己的自定义WP主题,效果很好,但我决定将右侧边栏设置为窗口小部件区域,并将我的Twitter源转换为窗口小部件,而不是将其硬编码到模板中。我知道那里有大量的twitter feed插件,不过我这样做是为了体验。

插件文件:

class sp_twitterWidget extends WP_Widget 
{
    function sp_twitterWidget()
    {
        parent::WP_Widget(false, $name = 'Custom Twitter Feed');
        return;
    }

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

        echo $before_widget;
            echo $before_title;
                echo $instance['title'];
            echo $after_title;

                $api_url = 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name=';
                $twitter_data = file_get_contents($api_url);
                $twitter_data = json_decode($twitter_data);

                for ($i=1;$i<=3;$i++):
                    echo '<p class="tweet">';
                    echo $twitter_data[$i]->text;
                    echo '<br /><span>';
                    echo date("F j", strtotime($twitter_data[$i]->created_at));
                    echo '</span></p>';
                endfor;

        echo $after_widget;

    }

    function update($new_instance, $old_instance)
    {
        return $new_instance;
    }

    function form($instance)
    {
        $theTitle = esc_attr($instance['title']);

        echo '<p>';
            echo '<label for="'.$this->get_field_id('title').'">
                  Title: <input class="widefat" id="'.$this->get_field_id('title').'" name="'.$this->get_field_name('title').'" type="text" value="'.$theTitle.'" />
                  </label>';
        echo '</p>';
    }    
}

add_action('widgets_init', create_function('', 'return register_widget("sp_twitterWidget");')); 

将侧边栏注册为窗口小部件区域:

if (!function_exists('register_sidebar')) { register_sidebar(); }

function sp_rightSidebar()
{
    register_sidebar(array(
        'name'          => 'Right Sidebar',
        'id'            => 'rightColumn',
        'description'   => __('The widget area for the right sidebar', 'simplePortfolio'),
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<div class="rightHeading">',
        'after_title'   => '</div>'));    
}

add_action('init', 'sp_rightSidebar'); 

补充工具栏主题文件:

<div id="rightColumn"> 
        <?php if (!function_exists('sp_rightSidebar') || !sp_rightSidebar()): ?>
        sp_rightSidebar is waiting.
        <?php else: ?>
        <?php dynamic_sidebar('sp_rightSidebar'); ?>
        <?php endif; ?>    
</div>

无论我做什么,它总是显示“sp_rightSidebar正在侧边栏上等待”,我已经测试了我的widget插件与其他主题,它工作正常,所以它必须是我的侧边栏主题文件/没有注册正确的侧边栏我假设。 “右侧边栏”窗口小部件区域显示在管理面板的窗口小部件区域中,但是添加的任何内容都不会保留在那里。

我讨厌成为那些要求人们去看看的代码的人,但是如果你看到任何可能出错的东西,我会很感激你的意见。

谢谢!

1 个答案:

答案 0 :(得分:1)

sp_rightSidebar函数不会返回任何内容,因此!sp_rightSidebar()将始终为true。我不明白你要用有条件的东西检查什么。也许您想检查边栏是否处于活动状态is_active_sidebar

我不明白为什么要在register_sidebar行动之外致电init


您的侧边栏ID必须全部小写,所以'rightcolumn'。请参阅codex:http://codex.wordpress.org/Function_Reference/register_sidebar#Parameters