全画面の(1920×1080)の画像を作りました。HTMLで表示させますと、、、
なぜかスクロールバーが出てきました。
全面表示にしているのにスクロールバーが出現。
全画面の(1920×1080)の画像を作りました。HTMLで表示させますと、、、
なぜかスクロールバーが出てきました。
全面表示にしているのにスクロールバーが出現。
忘れてしまいそうなのでこちらに健忘録を書いておきます。
デジタルサイネージと言えばパワーポイントで作成して専用のソフトでモニターに移す・・・
みたいな流れですが
「wordpressを使用して、デジタルサイネージを作成する」ことにしました。
テーマはDigitalSignagePressThemeを使用します。
もうこのテーマはなくなってしまったようですが、内容は何もなく空っぽ的なものです。
とにかく、余白をなくすテーマのようです。私はギリギリダウンロードできたのですが、本当に何もないテーマです。
どちらかと言えばこちらのプラグインが大事です。このプラグインでサイネージを作成することが可能です。
https://ja.wordpress.org/plugins/foyer/#description
こちらからダウンロードできます。
インストールしますとディスプレイ・チャンネル・スライドの3つのメニューが追加されます。
①スライドを作成する
②チャンネルを作成する
③ディスプレイを設定する
の順で作成していきます。
1920×1080サイズの静止画を準備します。(フォトショップやペイントなどであらかじめ作成)
縦のサイネージを作りたい場合は1080×1920の画像を準備します。
スライド新規作成で背景画像を設定します。背景画像に準備した静止画をアップロードします。
背景には画像・動画・youtubeを設定することができます。
形式にはテキストを入れたい場合や投稿した記事などを入れたい場合ここで選択できます。
10枚スライドしたい場合はこのスライドファイルを10個作ります。
動画を設定した場合は最後まで流すかどうかの選択があります。選択をしないと、チャンネルで設定した時間で切り替わってしまいます。
スライドの準備が出来たらチャンネルを作成します。
チャンネルは作成したスライドを配置する場所です。
新規チャンネルを追加して作ったスライドを追加していきます。
スライドショーの設定をします。デフォルトでは8秒で切り替えはフェードになっています。
スライドはドラッグで入れ替えが可能です。
ここで初めてアドレスが確定します。このアドレスでサイネージが流れます。画面を全画面にしてみればサイネージの完成です。
一時的な南ネルの予約もできますので、イベントなどあった場合はその時だけ流すチャンネルを作成して設定しておけば自動で切り替えてくれます。
パーマリンクは編集できるのでわかりやすいアドレスに変更します。
ネット上でできるので、変えたいときもすぐに対応できます。超便利!!
今はインバウンドの時代。と言っても、このコロナの時期なかなか海外旅行はできない状況です。
ホームページを作成するにあたって、やはり日本語だけでは対応しきれない部分もあります。
そんな時に、簡単に多言語化をしてくれるプラグインがあります。
初めにセットアップから行います。
「言語を選択」して細かい編集をしていきます。
なんとなくわかればよいのであれば、このLingotekの自動翻訳でもよいかなぁとは思いますが、試してみてください。
wordpressを使用しているといろいろなプラグインが必要となってきます。
そのうちの便利なプラグインを紹介というか、忘れてしまうのでここに書き込んでおきます。
これは作成したページを複製できるプラグインです。
同じテンプレートでページ数が多い場合などこのプラグインを使用すると簡単にページの複製ができます。
https://ja.wordpress.org/plugins/duplicate-page/
↑こちらからダウンロードできます。
使い方はいたって簡単、
インストールすると
投稿ページ一覧・固定ページ一覧から複製したいページにマウスオンしたときに
「複製」というメニューが出ますのでそこをクリックするだけです。
クリックすると「下書き」として同じ名前のページができますのでそれを直していけばよいのです。
私の場合、同じようなページを50近く作らなければならなかったのでこのプラグインを見つけたときはとてもうれしかったですね。
日本語にも対応しているので、便利です。
サイネージをwordpressで作ったのですが、その画面とは別に、触らないときはずっと流していたい動画があるということで自作のスクリーンセイバーを流すことにしました。
動画を作成して、それをスクリーンセイバーに設定するときに使用したのが、ビデオスクリーンセイバーというフリーのソフトです。
普通そのままスクリーンセイバーを設定しようとすると動画を入れることができません。
なのでこの
Video Screensaver
というソフトをインストールするわけです。
https://sourceforge.net/projects/videosaver/files/?source=navbar
↑こちらからダウンロードできます。
| 解凍すると中身はこんな感じです |
このVideoScreensaver.scrというのをインストールするとvideoを設定できます。
いつも通りスクリーンセイバーの設定より
VideoScreensaverを選び、動画を指定してあげるだけです。
すぐに忘れてしまいそうなので健忘録として書いておきます。
流しっぱなしだったら、こちらだけでもサイネージ出来るんじゃないか?なんて思うけど…