ラベル 健忘録 の投稿を表示しています。 すべての投稿を表示
ラベル 健忘録 の投稿を表示しています。 すべての投稿を表示

2022年2月24日木曜日

スクロールバーを表示しない(健忘録)

全画面の(1920×1080)の画像を作りました。HTMLで表示させますと、、、

なぜかスクロールバーが出てきました。

全面表示にしているのにスクロールバーが出現。


スクロールバーを表示しない方法


cssで消すしかないようです。
はみ出たものをどうするか??

overflowを使用しました。


自分のPCではy方向のみでしたが、環境によっては変わるかもしれないのでx方向も指定します。

clipを指定しました。


body{
overflow-x:clip;
overflow-y:clip;
}

はみ出た分はカットするってことです。
ほぼhiddenと同じようです。


こちらのページを参考に↑

2022年1月25日火曜日

wordpressでサイネージを作る

忘れてしまいそうなのでこちらに健忘録を書いておきます。

デジタルサイネージと言えばパワーポイントで作成して専用のソフトでモニターに移す・・・

みたいな流れですが

「wordpressを使用して、デジタルサイネージを作成する」ことにしました。


wordpressにテーマを追加する


テーマはDigitalSignagePressThemeを使用します。

もうこのテーマはなくなってしまったようですが、内容は何もなく空っぽ的なものです。

とにかく、余白をなくすテーマのようです。私はギリギリダウンロードできたのですが、本当に何もないテーマです。


Foyer(ホワイエ)プラグインを追加する


どちらかと言えばこちらのプラグインが大事です。このプラグインでサイネージを作成することが可能です。


https://ja.wordpress.org/plugins/foyer/#description

こちらからダウンロードできます。

インストールしますとディスプレイ・チャンネル・スライドの3つのメニューが追加されます。


Foyerの使い方


①スライドを作成する

②チャンネルを作成する

③ディスプレイを設定する

の順で作成していきます。


①スライドの作成


1920×1080サイズの静止画を準備します。(フォトショップやペイントなどであらかじめ作成)

縦のサイネージを作りたい場合は1080×1920の画像を準備します。



スライド新規作成で背景画像を設定します。背景画像に準備した静止画をアップロードします。

背景には画像・動画・youtubeを設定することができます。

形式にはテキストを入れたい場合や投稿した記事などを入れたい場合ここで選択できます。

10枚スライドしたい場合はこのスライドファイルを10個作ります。

動画を設定した場合は最後まで流すかどうかの選択があります。選択をしないと、チャンネルで設定した時間で切り替わってしまいます。


②チャンネルを作成する


スライドの準備が出来たらチャンネルを作成します。

チャンネルは作成したスライドを配置する場所です。




新規チャンネルを追加して作ったスライドを追加していきます。


スライドショーの設定をします。デフォルトでは8秒で切り替えはフェードになっています。

スライドはドラッグで入れ替えが可能です。


③ディスプレイを作成する



いよいよ最後がディスプレイです。ここでどのチャンネルを流すか設定します。


ここで初めてアドレスが確定します。このアドレスでサイネージが流れます。画面を全画面にしてみればサイネージの完成です。




一時的な南ネルの予約もできますので、イベントなどあった場合はその時だけ流すチャンネルを作成して設定しておけば自動で切り替えてくれます。

パーマリンクは編集できるのでわかりやすいアドレスに変更します。


ネット上でできるので、変えたいときもすぐに対応できます。超便利!!








2022年1月17日月曜日

wordpress 便利なプラグイン その2 PolylangとLingotek Translation(多言語化)

 今はインバウンドの時代。と言っても、このコロナの時期なかなか海外旅行はできない状況です。

ホームページを作成するにあたって、やはり日本語だけでは対応しきれない部分もあります。

そんな時に、簡単に多言語化をしてくれるプラグインがあります。


Polylangの紹介



初めにセットアップから行います。



使用する言語を追加していきます。デフォルトには星印がつきます。

「言語を選択」して細かい編集をしていきます。




Lingotek Translationの紹介




Lingotek Translationをインストールするとダッシュボードのメニューの言語にLingotekが追加されます。
サイトを自動的に翻訳を有効にすると、自動的に翻訳してくれますが、自動翻訳なので参考程度といったところです。
きちんとした翻訳が必要であれば、翻訳業者に頼んだものを使用します。リクエスト機能も付いているのでここから直接頼むことも可能です。

なんとなくわかればよいのであれば、このLingotekの自動翻訳でもよいかなぁとは思いますが、試してみてください。


wordpress 便利なプラグイン その1 Duplicate Page(ページの複製)

wordpressを使用しているといろいろなプラグインが必要となってきます。

そのうちの便利なプラグインを紹介というか、忘れてしまうのでここに書き込んでおきます。


Duplicate Pageの紹介

これは作成したページを複製できるプラグインです。

同じテンプレートでページ数が多い場合などこのプラグインを使用すると簡単にページの複製ができます。



https://ja.wordpress.org/plugins/duplicate-page/

↑こちらからダウンロードできます。


使い方はいたって簡単、

インストールすると

投稿ページ一覧・固定ページ一覧から複製したいページにマウスオンしたときに

「複製」というメニューが出ますのでそこをクリックするだけです。


クリックすると「下書き」として同じ名前のページができますのでそれを直していけばよいのです。

私の場合、同じようなページを50近く作らなければならなかったのでこのプラグインを見つけたときはとてもうれしかったですね。

日本語にも対応しているので、便利です。


2021年12月16日木曜日

動画をスクリーンセイバーとしてPCに設定する

サイネージをwordpressで作ったのですが、その画面とは別に、触らないときはずっと流していたい動画があるということで自作のスクリーンセイバーを流すことにしました。

動画を作成して、それをスクリーンセイバーに設定するときに使用したのが、ビデオスクリーンセイバーというフリーのソフトです。

普通そのままスクリーンセイバーを設定しようとすると動画を入れることができません。

なのでこの

Video Screensaver

というソフトをインストールするわけです。

https://sourceforge.net/projects/videosaver/files/?source=navbar

↑こちらからダウンロードできます。


解凍すると中身はこんな感じです


このVideoScreensaver.scrというのをインストールするとvideoを設定できます。


いつも通りスクリーンセイバーの設定より

VideoScreensaverを選び、動画を指定してあげるだけです。

すぐに忘れてしまいそうなので健忘録として書いておきます。


流しっぱなしだったら、こちらだけでもサイネージ出来るんじゃないか?なんて思うけど…