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

时间:2014-09-13 11:12:02

标签: php css wordpress

我正在使用wordpress网站。(visitingkells.ie)我正在使用事件管理器插件。通过Marcus Sykes。在主页上将事件部分添加到我的网站。现在我想要的是以滚动的方式在旋转木马中显示这些事件,所以我安装了hopos滑块wordpress插件。所以现在我以滚动的方式横向移动我的所有事件。但现在主要问题是我希望所有这些事件按顺序显示如果一个事件是2014年9月14日,下一个事件是14 sep,接下来是18 sep 2014,以便它按顺序显示给客户访问该网站。所以我在我的事件插件中做了这个设置

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

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

我在php文件中使用的代码显示这个轮播是....

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

1 个答案:

答案 0 :(得分:0)

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

所以我正在使用事件管理器插件。所以我想他们提供自己的短代码来显示事件,比如显示事件缩略图,他们有不同的代码,并显示....事件列表,他们有不同的短代码...但我做的是将所有这些组合在一起显示它一个盒子 。看看如何: -

我创建了一个小部件,并在短代码中使用它在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>

所以大家喜欢并让我知道你的观点。