Wordpress菜单项视频灯箱

时间:2014-08-15 19:39:35

标签: html css wordpress video lightbox

我想在wordpress主菜单中添加一个按钮。当有人点击它时 它将启动一个灯箱,来自youtube的视频将播放。

现在我想到了两种可行的方法。

1st在所有内容上添加一个新div,其中包含一个“Play”按钮的图片,当有人点击此按钮开始在灯箱中播放视频时(来自某个插件)

或者另一方面,如果可能的话,添加一个新的菜单项(带图片而不是文字,当有人点击这个主菜单项时,灯箱会再次显示该视频。是否有人做过类似的事情?

提前谢谢。

2 个答案:

答案 0 :(得分:0)

根据您的要求修改,此代码应添加一个播放图标作为菜单中的最后一个按钮,您必须更改" main"与你的theme_location

function addPlayMenuLink($menuItems, $args)
     {
            if('main' == $args->theme_location)
            {
            $class = 'fancybox';
            $url = 'your video url'

            $playMenuItem = '<li>' . $args->before . '<a class="'.$class.'href="' . $url . '" title="play">' . $args->link_before . '<img src= add your play img path />' . $args->link_after . '</a>' . $args->after . '</li>';
            $menuItems = $menuItems . $playMenuItem;
    }
    return $menuItems;
}
add_filter( 'wp_nav_menu_items', 'addPlayMenuLink', 10, 2 );

答案 1 :(得分:0)

你提到的两种方式都可以解决这个问题。我不知道你会使用哪些插件,但我认为你可以使用prettyphoto,一个jquery插件。检查它的第一个例子。只需添加一个必须由链接包围的图像/图标。但是,试试吧。它会对你有所帮助。