KODO

005

指定時刻までページを保護し、定刻に自動公開。

A sign that says "no smoking" on it
A sign that says "no smoking" on it
A collage of photos of different types of items
A collage of photos of different types of items
A black and white photo of a book
A black and white photo of a book
A painting of a picture of a person with a purple ribbon
A painting of a picture of a person with a purple ribbon

KODOは、Webサイトの「公開の瞬間」をイベント化し、自動制御するためのページです。 指定した時刻になるまでサイト全体に「目隠し」を施し、定刻になった瞬間に華やかな演出とともに本番ページを自動で解禁します。 何ができるのか: 手動でのサイト更新作業なしで、深夜や休日でも正確な時刻にページを公開できます。 導入のメリット: 公開までの期待感を高めるだけでなく、準備中のコンテンツを誤って見られるリスクを防ぎます。 使いやすさ: 専門的なプログラミング知識は不要です。設定画面の数字や色を変えるだけで、自社サイトに最適な待機画面が完成します。

主な特徴 (Key Features)

  • ページ全体の目隠し機能: 指定した時間になるまで、サイトの中身をタイマー画面で完全に覆います。準備中のページを事前に隠しておき、公開したい瞬間に合わせて自動で切り替えることができます。


  • 終了時の自動ページ公開: カウントダウンが「0」になった瞬間に目隠しが消え、用意していた本番ページが自動的に現れます。手動でサイトを更新する手間を省き、正確なタイミングで情報を届けます。


  • 閲覧制限の自動解除: タイマー作動中は、画面を上下に動かす(スクロールする)ことができないように制限をかけます。時間が来れば自動で自由に閲覧できるようになり、ユーザーを迷わせません。


  • 動き続けるデザイン: 1秒ごとに数字が優しく光り、マウスの動きに合わせて光の粒が舞います。画面がフリーズしているわけではなく、公開に向けて「動いている」ことを訪問者に安心感として伝えます。

カスタマイズ可能なプロパティ (Property Controls)

項目名

設定できること

活用シーン

公開日時設定

公開したい「年・月・日・時・分・秒」を指定します。

セール開始や新商品発表の瞬間に。

目隠し画面の色

待機中の背景色や、文字の色を自由に変えられます。

会社のロゴやブランドカラーに合わせる。

光の演出調整

文字が光る強さや、背景のぼかし具合を調整します。

落ち着いた雰囲気や、華やかな印象を演出。

お祝いの花火

公開の瞬間に上がる花火の色や量を設定できます。

記念日やオープン記念の盛り上げに。

公開後のメッセージ

「公開中」など、終了後に出す文字を編集できます。

「いよいよ解禁!」などの一言を添える。

表示レイアウト

タイマーの向き(縦・横)や表示位置を選べます。

スマホで見ても崩れない最適な配置に。

技術仕様 (Technical Specifications)

  • 確実な情報の保護: 時間が来るまでは、裏側のページ内容をユーザーに見せない仕組みを採用しています。

  • 正確な連動システム: 時間のカウントと画面の切り替えを精密に連動させ、正確なタイミングで公開します。


  • 動作の軽さを維持: 派手な演出を行っても、パソコンやスマホの動きが重くならないよう設計されています。


  • どんな端末でも綺麗: 最新のスマホから古いパソコンまで、どの画面でも文字や光をくっきりと映し出します。


活用アイデア (Usage Ideas)

  • 新作・情報の定時公開: 発売日やプレスリリースの時刻に合わせて、Webサイトを自動で「オープン」にするゲートとして活用。


  • ポートフォリオのセクション保護: 準備中のプロジェクトや、特定の公開期限がある実績を保護し、時間が来たら自動で公開する仕組み。


  • イベントサイトの入り口: 配信開始や入場開始の時刻までカウントダウンを表示し、定刻になった瞬間にメイン会場(ページ)へ誘導。


Details

Updated

---

Views

Pages

WI

PU

FLA

POLI

CHERI

FINI

PUBLI

DA

SH

次世代のウェブ体験を、すべての企業に。

Want to showcase your templates on Pitaly8? Submit your work here and share your designs with our community.

WI

PU

FLA

POLI

CHERI

FINI

PUBLI

DA

SH

次世代のウェブ体験を、すべての企業に。

Want to showcase your templates on Pitaly8? Submit your work here and share your designs with our community.

WI

PU

FLA

POLI

CHERI

FINI

PUBLI

DA

SH

次世代のウェブ体験を、すべての企業に。

Want to showcase your templates on Pitaly8? Submit your work here and share your designs with our community.