wordpress创建_如何在WordPress中创建视频作品集

wordpress创建

Do you want to create a video portfolio in WordPress? By default, you can easily embed a videos in WordPress, but you cannot display multiple videos in a portfolio style layout. In this article, we will show you how to easily create a video portfolio in WordPress without slowing down your website or writing code.

您要在WordPress中创建视频作品集吗? 默认情况下,您可以轻松地在WordPress中嵌入视频,但不能以组合样式显示多个视频。 在本文中,我们将向您展示如何轻松地在WordPress中创建视频作品集,而不会降低网站速度或编写代码。

Creating a video portfolio in WordPress
视频作品集入门 (Getting Started with Your Video Portfolio)

The first thing you need to do is start a WordPress blog or a website. If you already have a website, then you can move to the next step.

您需要做的第一件事是启动WordPress博客或网站。 如果您已经有一个网站,则可以转到下一步。

WordPress allows you to easily embed videos in your blog posts and pages. However, it does not allow you to easily create a beautiful video portfolio out of the box.

WordPress使您可以轻松地将视频嵌入到博客文章和页面中 。 但是,它不允许您轻松地开箱即用地创建精美的视频作品集。

For your video portfolio, you’ll want to display your videos in a nice grid based layout, so that more videos can be viewed without a lot of scrolling. You also need to make sure that it works on mobile devices and offers good user experience.

对于您的视频作品集,您需要以基于网格的漂亮布局显示视频,以便无需滚动即可查看更多视频。 您还需要确保它可以在移动设备上运行并提供良好的用户体验。

While you can upload a video to your WordPress site, we recommend using a third-party service like YouTube or Vimeo because videos are resource intensive, and they can slow down your site. See our article on why you should never upload videos to WordPress.

虽然您可以将视频上传到WordPress网站,但我们建议使用YouTube或Vimeo之类的第三方服务,因为视频会占用大量资源,并且会减慢您的网站速度。 请参阅我们的文章, 了解为什么您不应该将视频上传到WordPress

That being said, now let’s see how to easily create a video portfolio in WordPress. The goal is to create a portfolio section that not only looks great, but also works on all devices and screen sizes without any issues.

话虽如此,现在让我们看看如何轻松地在WordPress中创建视频作品集。 我们的目标是创建一个不仅美观的作品集部分,而且还可以在所有设备和屏幕尺寸上正常工作。

在WordPress中创建视频作品集 (Creating a Video Portfolio in WordPress)

First thing you need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

您需要做的第一件事是安装并激活Envira Gallery插件。 有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

Envira Gallery is a paid WordPress photo gallery plugin, and you’ll need at least Pro plan to access videos addon.

Envira Gallery是一个付费的WordPress照片画廊插件 ,您至少需要使用Pro计划才能访问视频插件。

WPBeginner users can use this Envira Gallery coupon to get 25% off.

WPBeginner用户可以使用此Envira Gallery优惠券享受25%的折扣。

Upon activation, you need to visit Envira Gallery » Settings page to add your license key. You can find this information from your account on Envira Gallery website.

激活后,您需要访问Envira Gallery»设置页面以添加许可证密钥。 您可以在Envira Gallery网站上的帐户中找到此信息。

Enter your Envira Gallery license key

Next, you need to head over to Envira Gallery » Addons page. You’ll see all the addons available for you to install. Look for the Videos addon and install it.

接下来,您需要转到Envira Gallery»插件页面。 您会看到所有可用于安装的插件。 查找视频插件,然后安装它。

Install videos addon

Envira Gallery will now fetch and install the videos addon. After that, you need to click ‘Activate’ to start using it on your website.

Envira Gallery现在将获取并安装视频插件。 之后,您需要单击“激活”以在您的网站上开始使用它。

Activate video addon

Now you are ready to create your first video portfolio gallery.

现在,您可以创建您的第一个视频作品集图库。

Head on over to the Envira Gallery » Add New page to create your first gallery. First, you need to provide a title for your gallery.

转到Envira Gallery»添加新页面以创建您的第一个画廊。 首先,您需要为画廊提供标题。

New Gallery

Envira Gallery can create a gallery of your self-hosted videos as well as videos hosted on platforms like YouTube, Wistia, and Vimeo. We recommend using third-party video hosting services like YouTube or Vimeo to avoid performance issues with your WordPress hosting provider.

Envira Gallery可以为您自己托管的视频以及在YouTube,Wistia和Vimeo等平台上托管的视频创建一个画廊。 我们建议使用YouTube或Vimeo等第三方视频托管服务,以避免WordPress托管服务提供商的性能问题。

After uploading your videos to YouTube or Vimeo, you need to click on ‘Select files from other sources’ button.

将视频上传到YouTube或Vimeo之后,您需要点击“选择其他来源的文件”按钮。

This will bring up the Insert Media popup where you need to click on the ‘Insert videos’ link in the left column.

这将弹出“插入媒体”弹出窗口,您需要在其中单击左列的“插入视频”链接。

Add videos to your gallery

You need to click on the Add Video button and enter the title of your video as well as paste the video URL.

您需要单击添加视频按钮,然后输入视频标题并粘贴视频URL。

You can also add more videos by clicking on the Add Video button again and repeat the process until you have added all the videos you wanted to show in your portfolio.

您还可以通过再次单击“添加视频”按钮来添加更多视频,然后重复此过程,直到将所有要显示在投资组合中的视频都添加了。

Once finished, click on the ‘Insert into Gallery’ button to continue.

完成后,单击“插入图库”按钮继续。

Envira Will now show thumbnails it fetched from your videos in the Images section.

Envira现在将在“图像”部分中显示从您的视频中提取的缩略图。

Video thumbnails

You can edit, hide, or add more items to the gallery at anytime.

您可以随时编辑,隐藏或将更多项目添加到图库。

Now let’s configure the video gallery a bit.

现在,让我们对视频库进行一些配置。

You need to click on the ‘Config’ tab and under ‘Number of Gallery Columns’ options select two or three column layout. This ensures that your video thumbnails appear nicely with adequate space between each video.

您需要单击“配置”选项卡,然后在“画廊列数”选项下选择两列或三列布局。 这样可以确保您的视频缩略图在每个视频之间都留有足够的空间,并且显示得很好。

Select number of columns

Next, switch to the ‘Videos’ tab and check the box next to ‘Display play icon over gallery image’ option.

接下来,切换到“视频”标签,然后选中“在图库图片上显示播放图标”选项旁边的框。

Show play button over videos

Now you can click on the publish button to make your video portfolio gallery available to WordPress.

现在,您可以单击“发布”按钮以使您的视频作品集库可用于WordPress。

在WordPress中显示您的视频作品集图库 (Displaying Your Video Portfolio Gallery in WordPress)

Envira Gallery makes it easy for you to add video or photo galleries anywhere on your WordPress site.

Envira Gallery使您可以轻松地在WordPress网站上的任何位置添加视频或照片库。

You can add it in posts, pages, as well as widget areas. For the sake of this example, we’ll go ahead and add it on a new page.

您可以将其添加到帖子,页面以及小部件区域中。 为了这个示例,我们将继续并将其添加到新页面上。

Go ahead and create a new page in WordPress and give it an appropriate title, for example: Portfolio.

继续并在WordPress中创建一个新页面,并为其指定适当的标题,例如:Portfolio。

On the page edit screen, you need to click on the Add Gallery button.

在页面编辑屏幕上,您需要单击添加库按钮。

Add your video portfolio gallery

This will bring up a popup where you’ll see your video portfolio gallery. Click to select it and then click on the Insert button.

这将弹出一个弹出窗口,您将在其中看到视频作品集库。 单击以选中它,然后单击“插入”按钮。

Insert your video gallery

Envira Gallery shortcode will now appear in your post editor.

Envira Gallery 短代码现在将出现在您的帖子编辑器中。

You can now update or publish your page and visit the page to see your portfolio gallery in action.

您现在可以更新或发布页面,并访问该页面以查看您的投资组合库。

Video portfolio preview

Clicking on each video will open it in a lightbox popup. Your users will be able to view the video without leaving your website. They will also be able to browse other videos by clicking on the thumbnails below the player.

点击每个视频将在灯箱弹出窗口中将其打开。 您的用户无需离开您的网站就可以观看视频。 通过单击播放器下方的缩略图,他们还可以浏览其他视频。

Video lightbox popup

We hope this article helped you learn how to create video portfolio in WordPress. You may also want to see our beginners guide on how to boost WordPress speed and performance.

我们希望本文能帮助您学习如何在WordPress中创建视频作品集。 您可能还希望查看有关如何提高WordPress速度和性能的初学者指南。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube频道 WordPress视频教程。 您也可以在TwitterFacebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-create-a-video-portfolio-in-wordpress/

wordpress创建

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值