如何在WordPress中添加分享按钮作为覆盖YouTube视频
视频是提高用户参与度的最佳方法之一。 最近,我们的一位用户问我们如何创建类似于热门网站UpWorthy的视频上的分享按钮叠加。 在这篇文章中,我们将向您展示如何将添加共享按钮添加到WordPress上的YouTube视频上。 它是什么样子的例子: 添加分享按钮作为覆盖YouTube视频 有几种方法可以做到这一点。 每次添加视频时,大多数方法都会要求您粘贴一些HTML代码。 而不是这样做,我们决定创建一个短代码,这将自动叠加效果。 只需将以下代码复制并粘贴到站点特定的插件或主题的functions.php文件中: ///网站的YouTube分享覆盖按钮 函数wpb_yt_buttons($ atts){ //从简码中获取视频ID 提取(shortcode_atts(array( ‘video’=>” ),$ atts)); //显示视频 //添加Facebook分享按钮 $ string。=’ Facebook的 “; //添加Tweet按钮 $ string。=’ 鸣叫 “; //关闭视频容器 $ string。=”; //返回输出 返回$ string; } //添加简码 add_shortcode(’wpb-yt’,’wpb_yt_buttons’); 此代码会创建一个自动将Twitter和Facebook共享链接添加到您的视频的短代码。 这些按钮只有在用户将鼠标放在视频上时才可见。 您也可以使用它添加任何其他社交媒体渠道。 要使用此简码,您只需在短码中添加YouTube视频ID,如下所示: [wpb-yt video =“qzOOy1tWBCg”] 您可以从网址字符串中获取YouTube视频ID。 喜欢这个: 现在,当您添加视频时,您将能够看到您的YouTube视频和纯文本链接,以在Facebook或Twitter上分享视频。 您会注意到这些链接完全没有风格。 因此,让这些链接的风格创建按钮,所以看起来好一点。 我们也将隐藏这些按钮,并使其仅在用户将鼠标放在视频容器上时出现。 为此,请将以下CSS添加到您的Child Theme样式表中。 #share-video-overlay { 位置:相对; … Read more 如何在WordPress中添加分享按钮作为覆盖YouTube视频









