Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
skoda-ep:skoda-wlc-2016:tv_section [23.11.2018 15:41] Jiří Skalka [Adding video posts in the TV Section] |
skoda-ep:skoda-wlc-2016:tv_section [05.03.2019 13:50] (aktuální) Jakub Štěpánek [Adding video posts in the TV Section] |
||
---|---|---|---|
Řádek 2: | Řádek 2: | ||
This section is dedicated to videos used in articles so users have a quick way of finding the relevant videos they are interested in. | This section is dedicated to videos used in articles so users have a quick way of finding the relevant videos they are interested in. | ||
- | {{ :skoda-ep:skoda-wlc-2016:tv_section:landing_page.png |}} | + | {{ :skoda-ep:skoda-wlc-2016:tv_section:screencapture-skoda-wlc-ys-beta-cz-wide-tv-archive-2018-11-23-16_50_57.png?300 |}} |
- | ===== Purpose ===== | + | Before you start adding content to the TV section, you should also add preview images to your category listing (see the bottom of the screenshot) |
- | The TV section can be used in two different ways: | + | [[.:categories#adding_images_to_categories|This page]] shows how to setup category images |
- | 1) As a means to aggregate videos from all articles and lead people back to these articles using a "Read article" button next to each video. We will be calling this the "[[#articles_tv|Articles TV]]" | ||
- | 2) As a video section where you just want to list interesting videos or promote the video content. We will be calling this the "[[#videos_page|Videos page]]" | ||
- | Based on your choice you will most likely be using the administration in a different way as well. An explanation on how to use the administration will be found below. | + | ===== URL Format ===== |
- | + | ||
- | First lets have a look at how to actually fill the section with videos | + | |
- | + | ||
- | + | ||
- | ===== How to add a thumbnail image to the posts category ===== | + | |
- | + | ||
- | + | ||
- | Select Categories in the Posts section. | + | |
- | + | ||
- | Select the category you want to add the image to. | + | |
- | + | ||
- | Add an image through the „Add or Upload File“ button in the bottom part of the section. | + | |
- | + | ||
- | {{ :skoda-ep:skoda-wlc-2016:tv_section:featured_img_category.jpg |}} | + | |
- | + | ||
- | ==== URL Format ==== | + | |
Also note that it is important to use the [[skoda-ep:media:youtube|correct URL format]] for youtube videos: | Also note that it is important to use the [[skoda-ep:media:youtube|correct URL format]] for youtube videos: | ||
{{ :skoda-ep:skoda-wlc-2016:tv_section:url_format.png |}} | {{ :skoda-ep:skoda-wlc-2016:tv_section:url_format.png |}} | ||
- | ==== Adding video posts in the TV Section ==== | + | ===== Adding video posts in the TV Section ===== |
When creating a new video post, click Add new in the Posts section. In the right sidebar of the window, you have to fill out the following: | When creating a new video post, click Add new in the Posts section. In the right sidebar of the window, you have to fill out the following: | ||
- Format – Video | - Format – Video | ||
- | - Featured Image – select a thumbnail image with a video URL address embedded in it. You can find the instructions on how to embed a video URL into an image here: http://wiki.ys-dev.cz/skoda-ep:common:article_-_featured_video?s[]=featured | + | - Featured Image – select a thumbnail image with a video URL address embedded in it. The instructions on how to embed a video URL into an image are [[skoda-ep:common:article_-_featured_video|described on this wiki page]] |
- Reading/Watching time – fill out the length of the video | - Reading/Watching time – fill out the length of the video | ||
+ | The following image shows what needs to be filled in order to display the post in the TV Section | ||
{{ :skoda-ep:skoda-wlc-2016:tv_section:new_video_post.jpg |}} | {{ :skoda-ep:skoda-wlc-2016:tv_section:new_video_post.jpg |}} | ||
+ | The post does not need to have any content associated with it, but it is always nice to introduce the video to the reader using at least some description | ||
+ | To filter only Video posts you can use Filter as you can see on next screen: | ||
+ | {{:skoda-ep:skoda-wlc-2016:sni_mek_obrazovky_2019-03-05_v_14.45.22.png|}} | ||
- | ===== Video sorting (which video is first, which is last) ===== | ||
- | |||
- | You have already seen how to sort videos attached to a single article/page using the arrows in the WLC TV embed box. | ||
- | |||
- | But what if we have videos accross different articles? We cannot use the arrows anymore, so the videos will be sorted based on the publish date of an article. The newer article will list its videos first. | ||
- | |||
- | On an example: | ||
- | |||
- | Article "Eat more vegetables" has 3 videos and was published on the **1st of January 2018** | ||
- | * Video 1: Eat Carrots! | ||
- | * Video 2: Eat Garlic! | ||
- | * Video 3: Be Green! | ||
- | |||
- | Article "Eat more meat" has 2 videos and was published on the **2nd of February 2018** | ||
- | * Video 4: Eat beef! | ||
- | * Video 5: Be beef! | ||
- | |||
- | Videos will be sorted as follows: | ||
- | * Video 4 | ||
- | * Video 5 | ||
- | * Video 1 | ||
- | * Video 2 | ||
- | * Video 3 | ||
- | |||
- | |||
- | Now we will take a look at two different ways on how to use the TV section | ||
- | |||
- | |||
- | ====== Articles TV ====== | ||
- | |||
- | When using the section to lead people to articles, you need to add the embeds to the relevant articles first. | ||
- | The point is this: When you add a video to an article, it will be listed in the TV section and a button will be shown next to the video with a link back to the article. | ||
- | |||
- | This is more difficult to manage as the videos are scattered accross different posts. | ||
- | |||
- | On an example: | ||
- | |||
- | - Article "Lock challenge" will have a video about "Lock challenge in Barcelona" | ||
- | - Article "Eat to ride" will have a video about "Eat to Ride: How to make Oatmeal with Berries" | ||
- | |||
- | These videos are very relevant to the articles, so when users browse the TV section and like the video, they can go to the relevant article using a "Read article" button | ||
- | |||
- | This is how TV section is used on the global site: https://www.welovecycling.com/wide/wlc-tv/ | ||
- | ====== Videos page ====== | ||
- | |||
- | You can use a single page and add all video embeds to this page. This will be easier to manage because all videos are saved with a single post, but it will prevent you from linking the videos back to articles. | ||
- | |||
- | You should use this only if you want to present the videos alone. | ||
- | |||
- | If you decide to use the tv section this way, we strongly recommend adding videos to the TV section page itself (instead of creating another page to hold the videos) as shown on the following screencast: | ||
- | |||
- | - Open the tv section | ||
- | - Click "Edit page" at the top | ||
- | - Manage embeds | ||
- | - | ||
- | {{ :skoda-ep:skoda-wlc-2016:tv_section:videos_page_embeds.gif |}} | ||