TOP

動画サイトの構築へチャレンジ?

シリウスでYouTubeサイトみたいな?動画サイトは構築できるのだろうか?
とは、ウェブ慣れしてくればいつしかおもい描くものでしょうか?

 

単なる記事コンテンツを含む動画サイトなら2カラムでカテゴリーでメイン動画を配置して、
エントリーでその流れを組む動画を配置してゆく...それでいいんじゃないのが私の理解
なんですけど、人の欲望とは深いもので、YouTubeサイトみたいなレイアウトにできないかと?
お便りがまれにございまして

 

他に書くことないので記事追加いたしております。

 

 

でも、質問者の期待に沿う確率は低いかな....?

 

まず、シリウス2カラムといいましたが、機能をそのまま使えば上例の意味合い同様...

 

通常のサイト構成を動画サイトとして構築はできるでしょう。

 

ですので、ここからは極端な例でお話しますね

 

YouTubeサイトのレイアウトを御覧ください...
https://www.youtube.com/watch?v=k3_D5yzheVM&list=RDGMEMQ1dJ7wXfLlqCjwV0xfSNbAVMk3_D5yzheVM

 

2カラムで、本文にある動画以下にコメント欄が配置されていますね。

 

それならシリウスの2カラムで対応できるかな~なんて思われるでしょうか?

 

2カラムですとシリウス機能が自動でサイドメニューを構築してしまうので、とてもみたくとは
構築できません..

 

おまけにサイドバーの動画メニューは、クリックでメイン画面へ飛びますが、メニュー一覧も
組み合わせが変わるでしょう...

 

例えシリウスの自動メニュー機能を不能にしてフリースペースで反映させようとも、ウィンドウの
数に制限アリで、YouTubeサイトのような順送りはできないのですね...

 

 

そんなことで使用するカラムは、2カラムではなく1カラムとします。
1カラム?サイドメニューが無い...それは以下へ進んでご理解ください...

 

 

1カラムを2カラムレイアウトに切り替える....

 

 

で、1カラムでメイン動画位置とサイドバーをどのように分離するかですね

 

それはレイアウト枠を70対30の割合で記事内に読み込ませれば対応できます。

 

シリウス慣れしている方であれば配分レイアウトがご理解できるかと思います。

 

 

右サイドバーとして記事部分から進めますね

 

YouTube動画埋め込みコードを張り付け、その下にコメント欄ですが、
以下ページでコードを所得ください。
http://www.affiliateno1.com/簡単コメントボックス/

 

 

サイドバー内は、動画画像とテキストが横配置されてますね

 

ここで横配置をする際は、レイアウト枠左内にもう一つレイアウトを入れ込む..で
対応できます。

 

ただし、レイアウト枠は横幅全体がレスポンシブ作動で縮小してしまうのでスマホでは
ずれが生じてしまうため...対応策...スマホでは記事下へサイドバーを移動する...
以下ページでご確認の上コードを追加してください。
シリウスレイアウトにブロック要素組み込む?

 

サイドバーメニューは、ページ追加ごとにすべて手動で配置するので好みの構築が
可能となります。

 

 

と、簡単に言ってますけど、レイアウト枠を使えば通常のシリウス構成では記事内構築が
とても面倒になりますね

 

なんといってもレイアウト枠内での配置なのでやりにくいもあるでしょう..

 

しかしそれもやりよう次第..で何とかなるもの..

 

最初にレイアウトを読み込むのではなく、通常道理の記事挿入同様に動画配置、
次にサイドメニューを順に配置してから分離すれば少しは楽です...?

 

 

備考

 

YouTube動画サイトのサイドバーメニュー一覧をスクロースすると、(もっと見る)表示が
あり、クリックで関連するかどうか不明ですが、次なる一覧が表示されますね

 

もっと見ると同類の反応をシリウスで実行するカスタマイズは、プルダウンメニューで
処理できます。
ただし、以下ページの解説を応用すれば可能...
http://www.affiliateno1.com/プルダウン式コンテンツメニューを作る方法_アーカイブにつかえるかも?/

 

 

すみません...あっさり書いてますね
どうにも頭がまとまらずで今日はこの辺で終わりにしますが、ここで言ってる構築サイトは
実際運営してますので、できる限りやりやすい手順など後日追加いたします。

 

 

このエントリーをはてなブックマークに追加

 

 

シリウスで動画サイト構築?
トップページ

更新履歴