Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Obě strany předchozí revize Předchozí verze
Následující verze 		Předchozí verze
skoda-ep:skoda-wlc-2016:tv_section [26.02.2018 06:09]
Lukáš Čech [Videos page] 		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 +
- +
- +
-===== Filling in the videos ​===== +
- +
-Every article and every page on WLC has a set of boxes called "WLC TV embeds"​. This can be found at the bottom of the administration page, when you are editing an article/​page:​ +
- +
-{{ :​skoda-ep:​skoda-wlc-2016:​tv_section:​tv_embeds_1.png?​300 |}} +
- +
-Upon expanding the row you will be presented with a couple of boxes you need to fill in. This mainly includes URL and the video name. +
- +
-Note that each article/​page can have several videos associated with it ([[#​articles_tv|Articles TV]]). Or you can have a single page where you will have all the videos found in the TV section ([[#​videos_page|Videos page]]). +
- +
-The following image will describe what can be used to create a video entry in the TV section: +
- +
-  - URL address of the youtube video - this is mandatory +
-  - Name of the video - you can use the real name of the video on youtube, or enter something completely different +
-  - Play time will be fetched automatically if it's missing. This can take some time however, so it's best to fill it in right away for better user experience +
-  - Views will be fetched automatically if they are missing. Same as with play time. +
-  - These arrows allow you to sort the videos attached to an article/​post. [[#​video_sorting_which_video_is_first_which_is_last|More about sorting below]]. +
-  - Allows you to add another video +
- +
-{{ :​skoda-ep:​skoda-wlc-2016:​tv_section:​tv_embeds_2.png |}}+
  
 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 |}}
  
-==== Main video ==== +===== Adding ​video posts in the TV Section ​=====
- +
-You can also choose a main video through options, this will allow you to "​pin"​ the video at the top position ​in the TV section until it is removed from the options. +
- +
-{{ :​skoda-ep:​skoda-wlc-2016:​tv_section:​video_promo.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:+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:
  
-  - Article "Lock challenge"​ will have a video about "Lock challenge in Barcelona"​ +  - Format – Video 
-  - Article "Eat to ride" will have a video about "​Eat ​to Ride: How to make Oatmeal with Berries"​+  - 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
  
-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+The following image shows what needs to be filled in order to display ​the post in the TV Section
  
-This is how TV section is used on the global site: https://​www.welovecycling.com/​wide/​wlc-tv/ +{{ :skoda-ep:skoda-wlc-2016:​tv_section:​new_video_post.jpg |}}
-====== 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.+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
  
-If you decide to use the tv section this way, we strongly recommend adding videos to the TV section page itself ​as shown on the following screencast:+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|}}
  
-{{ :​skoda-ep:​skoda-wlc-2016:​tv_section:​videos_page_embeds.gif |}}