Quote rotator in the sidebar

时间:2012-02-21 作者:menardmam

我喜欢在帖子编辑器中设计一些帖子(加粗和链接)(简单而有趣),并将其归类为“引用”。然后在侧边栏中基于CSS显示它,随机旋转它,如每5秒显示1。你知道一个插件可以做到这一点吗?

1 个回复
最合适的回答,由SO网友:kaiser 整理而成

你不需要一个插件(我无法想象会有一个插件)。只需在侧栏中调用一个简单的函数即可:

查询

function quote_posts_list()
{
// Retrieve 5 random posts:
$posts = get_posts( array(
    \'numberposts\'   => 5,
    \'orderby\'   => \'rand\',
    \'tax_query\' => array(
        \'taxonomy\'  => \'post-format\',
        \'terms\'     => array( \'quote\' ),
        \'field\'     => \'slug\'
    )
) );
// Echo the posts and wrap each post in a div element containing the quote
// inside a blockquote element
echo \'<div id="quoterotator">;
 foreach ( $posts as $p )
    echo "<div><blockquote id=\'{$post->ID}\' class=\'rotator-quote\'>{$post->post_content}</blockquote></div>";
echo \'</div>\';
}
这将简单地放在您的函数中。php文件,并在所需的侧栏中调用。

脚本和jQuery插件定义,然后只需添加一些jQuery:(使用this plugin 并将其放置在名为/js 在您的主题中)。

// inside functions.php:
function add_jquery_rotator()
{
    wp_register_script( \'jquery-rotator\', get_stylesheet_directory().\'/js/jquery.jshowoff.min.js\', array( \'jquery\' ), 0, true );
    wp_enqueue_script( \'jquery-rotator\' );

    jQuery( document ).ready( function($) {
        $( \'#quoterotator\' ).jshowoff(
        {
             // add your options here - see linked source docu for more details
        } );
    ) };
}
add_action( \'wp_enqueue_scripts\', \'add_jquery_rotator\' );
请注意↑ 未测试。如果不起作用,请检查错误,启用WP_DEBUGtrue 在wp配置中。php文件和check for typos.

快乐旋转。:)

结束

相关推荐

什么是标准的管理员css id/类标签?

是否有一个WordPress CSS id/类的列表,我可以用来构建插件选项屏幕,使其看起来和感觉更像一个普通的WordPress选项页面?我通过偶然发现发现了一些,但如果有一个列表就好了。例如,此类:button primary使按钮如下所示:

Quote rotator in the sidebar - 小码农CODE - 行之有效找到问题解决它

Quote rotator in the sidebar

时间:2012-02-21 作者:menardmam

我喜欢在帖子编辑器中设计一些帖子(加粗和链接)(简单而有趣),并将其归类为“引用”。然后在侧边栏中基于CSS显示它,随机旋转它,如每5秒显示1。你知道一个插件可以做到这一点吗?

1 个回复
最合适的回答,由SO网友:kaiser 整理而成

你不需要一个插件(我无法想象会有一个插件)。只需在侧栏中调用一个简单的函数即可:

查询

function quote_posts_list()
{
// Retrieve 5 random posts:
$posts = get_posts( array(
    \'numberposts\'   => 5,
    \'orderby\'   => \'rand\',
    \'tax_query\' => array(
        \'taxonomy\'  => \'post-format\',
        \'terms\'     => array( \'quote\' ),
        \'field\'     => \'slug\'
    )
) );
// Echo the posts and wrap each post in a div element containing the quote
// inside a blockquote element
echo \'<div id="quoterotator">;
 foreach ( $posts as $p )
    echo "<div><blockquote id=\'{$post->ID}\' class=\'rotator-quote\'>{$post->post_content}</blockquote></div>";
echo \'</div>\';
}
这将简单地放在您的函数中。php文件,并在所需的侧栏中调用。

脚本和jQuery插件定义,然后只需添加一些jQuery:(使用this plugin 并将其放置在名为/js 在您的主题中)。

// inside functions.php:
function add_jquery_rotator()
{
    wp_register_script( \'jquery-rotator\', get_stylesheet_directory().\'/js/jquery.jshowoff.min.js\', array( \'jquery\' ), 0, true );
    wp_enqueue_script( \'jquery-rotator\' );

    jQuery( document ).ready( function($) {
        $( \'#quoterotator\' ).jshowoff(
        {
             // add your options here - see linked source docu for more details
        } );
    ) };
}
add_action( \'wp_enqueue_scripts\', \'add_jquery_rotator\' );
请注意↑ 未测试。如果不起作用,请检查错误,启用WP_DEBUGtrue 在wp配置中。php文件和check for typos.

快乐旋转。:)

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s