日韩天堂,国产精品久久久久久久久久一区,羞羞羞网站,自拍视频网站,久久亚洲欧美成人精品,桃花阁成人网在线观看

Hello! 歡迎來(lái)到小浪云!


如何在 WordPress 中的 YouTube 視頻上添加共享按鈕作為疊加層


視頻是提高用戶(hù)參與度的最佳方式之一。最近,我們的一位用戶(hù)向我們?cè)儐?wèn)一種在視頻上創(chuàng)建共享按鈕疊加層的方法,類(lèi)似于流行的網(wǎng)站 upworthy。在本文中,我們將向您展示如何在 wordpress 中的 youtube 視頻上添加共享按鈕作為疊加層。

其外觀(guān)示例:

如何在 WordPress 中的 YouTube 視頻上添加共享按鈕作為疊加層

youtube 視頻上添加共享按鈕作為疊加層

有幾種方法可以做到這一點(diǎn)。大多數(shù)方法都要求您在每次添加視頻時(shí)粘貼一些 html 代碼。我們沒(méi)有這樣做,而是決定創(chuàng)建一個(gè)短代碼來(lái)自動(dòng)執(zhí)行此疊加效果。

只需將以下代碼復(fù)制并粘貼到特定于站點(diǎn)的插件或主題的functions.php文件中:

如何在 WordPress 中的 YouTube 視頻上添加共享按鈕作為疊加層

現(xiàn)在,當(dāng)您添加視頻時(shí),您將能夠看到您的 YouTube 視頻以及用于在 facebooktwitter 上共享視頻的純文本鏈接。您會(huì)注意到這些鏈接根本沒(méi)有樣式。

因此,讓我們?cè)O(shè)置這些鏈接的樣式來(lái)創(chuàng)建按鈕,這樣它看起來(lái)會(huì)更好一些。我們還將隱藏這些按鈕,并僅當(dāng)用戶(hù)將鼠標(biāo)放在視頻容器上時(shí)才顯示它們。為此,請(qǐng)將以下 css 添加到您的子主題的樣式表中。

如何在 WordPress 中的 YouTube 視頻上添加共享按鈕作為疊加層

在 YouTube 視頻上的共享按鈕疊加層中添加 wordpress 帖子鏈接

在我們發(fā)布這篇文章后,我們的一些用戶(hù)要求他們希望使用共享按鈕來(lái)共享他們的 WordPress 帖子的鏈接,而不是 YouTube 視頻鏈接。為此,您需要將共享按鈕中的視頻 URL 替換為 WordPress 帖子的永久鏈接。在您的functions.php或特定于站點(diǎn)的插件中使用此代碼:

/// WPBeginner's YouTube Share Overlay Buttonsfunctionwpb_yt_buttons($atts) { // Get the video ID from shortcodeextract( shortcode_atts( array(    'video'=> ''    ), $atts) );// Display video    $string= '<div id="video-container"><iframe src="//www.youtube.com/embed/'. $video. '" height="315" width="560" allowfullscreen="" frameborder="0"></iframe>';// Get post permalink and encode URL$permalink_encoded= urlencode(get_permalink()); // Add Facebook share button    $string.= '<ul class="share-video-overlay" id="share-video-overlay"><li class="facebook" id="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u='. $permalink_encoded.'" target="_blank"> Facebook</a></li>';    // Add Tweet button $string.= '<li class="twitter" id="twitter"><a href="http://www.twitter.com/share?&text=Check+this+video&url='. $permalink_encoded.'">Tweet</a></li></ul>';// Close video container        $string.= '</div>';// Return output        return$string; } // Add Shortcode add_shortcode('wpb-yt', 'wpb_yt_buttons');

在 WordPress 中一鍵使用

請(qǐng)隨意修改 CSS 或短代碼片段以滿(mǎn)足您的需求。要進(jìn)一步優(yōu)化您的視頻,您可以使用 FitVids jquery 插件使您的YouTube 視頻具有響應(yīng)能力。您還可以關(guān)閉視頻末尾出現(xiàn)的相關(guān)視頻。甚至從YouTube 視頻縮略圖創(chuàng)建特色圖像。

相關(guān)閱讀

主站蜘蛛池模板: 一级在线电影免费播放看 | 亚州综合激情另类久久久 | 丁香亚洲综合五月天婷婷 | 婷婷激情五月网 | 亚洲成av人片天堂网 | 激情网站网址 | 亚洲高清在线观看视频 | 亚洲区精品久久一区二区三区 | 亚洲精品9999久久久久 | 亚洲欧美婷婷 | 男女视频免费 | 国产精品无码永久免费888 | 久久国产精品亚洲一区二区 | 四虎影院成人在线观看 | 最新自拍偷拍视频 | 国产偷怕自拍 | 亚洲一区二区在线成人 | 在线观看黄色x视频 | 国产欧美一区二区精品性色 | 真实乱视频国产免费观看 | 亚洲人成网站观看在线观看 | 国内国内在线精品视频 | 亚洲综合国产一区二区三区 | 污视频网址 | 亚洲免费在线视频 | 精品久久久久久影院免费 | 国产成人精品日本亚洲专 | 婷婷欧美综合五月六月缴情 | 亚洲第一视频在线播放 | 色爱区综合激情五月综合激情 | 小 视频 黄 | 久久精品久久久 | 亚洲免费网站观看视频 | a免费在线 | 国产成人精品日本亚洲直接 | 高清偷自拍第1页 | 国产在线公开视频 | 久久久久成人精品一区二区 | 亚洲成人99 | 精品国产一区二区三区成人 | 六月丁香婷婷网 |