我想在wordpress网站上以事件日期顺序水平滚动显示我的事件


I want to display my events scrolling horizontally in events date sequence on my wordpress website

我正在wordpress网站上工作。(visitingkells.ie)我正在使用事件管理器插件。由Marcus Sykes。在我的主页上添加活动部分。现在我只想以滚动的方式在旋转木马中显示这些事件,所以我安装了hopos滑块wordpress插件。所以现在我以水平滚动的方式进行所有的事件。但现在的主要问题是,我希望所有这些事件都按顺序显示,就像一个事件是2014年9月13日,下一个事件14日,下个事件18日一样,这样当客户访问网站时,它就会按顺序显示给他们。所以我在我的事件插件中做了这个设置

默认事件存档顺序
当事件管理器显示事件列表时,默认行为是按开始日期升序排列。要更改此设置,请修改上面的值。事件档案范围

但问题仍然是hopos滑块插件要么根据添加或修改的日期显示事件,要么根据ID显示事件……它没有显示在事件日期提到的事件管理器插件的基础上。现在的问题是,我的客户端希望它在显示时以水平滚动的方式显示。我现在不知道该怎么办。请在这方面帮助我要么告诉我其他具有相同功能的插件,如hopos滑块,要么告诉我如何解决这个问题。

我在php文件中用来显示这个转盘的代码是…

                 <?php echo do_shortcode("[hopos id='1']"); ?>

没有人回答我的问题,但我确实找到了解决方案……我花了很长时间才找到解决方案。。。所以我觉得我应该和其他人分享。

所以我使用的是事件管理器插件。所以我认为他们提供了自己的快捷方式来显示事件,比如显示事件缩略图,他们有不同的代码和显示。。。。事件列表他们有不同的快捷代码。。。但我所做的是把它们组合在一起,像一个盒子一样展示出来。查看方式:-

我创建了一个小部件,并在短代码中使用它,以便在php文件中使用它。。

这是我的小工具,我保存在侧边栏中,我没有在wordpress中使用。。

   <div><ul style="width:152px;height:260px;float:left;text-decoration:none;list-style:none;white-space: normal;position:relative;border: double 4px #ccc;
                 margin: 0px 15px 0px 0px;
                 padding: 2px 0px 36px 11px;
                 background-color: #000;"><li ">#_EVENTIMAGE{200,150}</li><br/>
                <li>#_EVENTLINK</li><br/><li>#_EVENTDATES</li><br/><li>#_LOCATIONTOWN</li>
                <li>#_EVENTEXCERPT{5,...}</li></ul></div>

       // this is the php code  :-
        <div style="width: 600px;height:300 px;background-color: rgb(247, 248, 248);left:0; right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;overflow:auto;position: static;"><h2 style="padding-top:5px;"align="center">EVENTS</h2>
            <hr/ bgcolor="black">
                <marquee scrollamount="4" onmouseover="this.stop();" onmouseout="this.start();">
                <div class="marquee0" style="overflow: hidden; style=" width:="" double="">
                    <div style="width:4000px;" ><div><?php echo do_shortcode("[widget id='em_widget-3']"); ?></div></div>
                </div>
            </marquee>
            <div ></div>

所以伙计们喜欢并让我知道你们的观点。