オプションの見え方サンプル

note連携・Facebook連携(ライト・ベーシックプランの追加オプション)は、
実際にはこのような見え方・動きになります。

なぜ「ポップアップ表示」なのか

ライト・ベーシックプランでは、note連携・Facebook連携のどちらも、ページの下に常に表示されるのではなく、 右下に出る小さなボタンを押すと開く「ポップアップ」形式でご案内しています。

とくにライトプランは1ページで完結する構成のため、常時表示のブロックが増えるほどページが縦に長くなり、 肝心の情報にたどり着きにくくなってしまいます。「見たい方だけ開く」形にすることで、 ページ全体をすっきり保ちながら、発信の窓口はきちんと用意する、というバランスを取っています。

なぜ「記事を1本だけ固定表示」するのか

komorebi-webのホームページは、更新のたびに費用がかかる仕組みにしたくないという考えから、 あえてHTML/CSSによる「静的サイト」を選んでいます。

そこで、note連携は「記事を毎回新しく増やしていく」のではなく、あらかじめ書いた1本の記事を固定表示し、 その記事の中身だけをご自身のスマートフォンなどで書き換えながら使うという方式にしています。 新しい記事を作る手間がなく、それでいて「今の様子」を常に伝え続けられるので、 更新をこまめにしなくても、サイトが古びて見えにくくなります。

Facebook連携は、Facebookページの投稿がそのまま自動で反映される仕組みなので、 普段からFacebookを更新している方には、こちらの方が手間なく使える場合もあります。

「最新の記事はこちら」を、手間なく実現する方法

「新しい記事を書くたびに、リンク先を書き換える必要があるのでは?」と思われるかもしれませんが、 その必要はありません。ポップアップの中にある「noteで他の記事を読む」というリンクは、 個別の記事ではなくプロフィールページにリンクしています。

プロフィールページは、新しい記事を書けば自動的に一番上に表示される仕組みのため、 このリンク自体は一度設定したら書き換える必要がありません。 「常に最新を指すリンク」を、URLを追いかけることなく実現しています。

Instagramやその他のSNSについて

「Instagramは表示できないの?」と思われる方もいらっしゃると思います。 Instagramの投稿埋め込みは、投稿するたびに埋め込みコード自体を貼り替える必要があり、 note・Facebookのように自動で最新の状態を保つことができません。

komorebi-webは「更新の手間がかからないこと」を大切にしているため、 Instagram・LINEについては、埋め込み表示ではなく、公式アイコンのリンクボタンとしてのご案内にとどめています。 あらかじめご了承ください。

実際の見た目

📝 note連携(ポップアップ表示)

右下のボタンを押すと、固定表示している記事がその場で開きます。

noteポップアップの実際の画面
これはkomorebi-web自身のnote記事を使ったサンプルです。実際の案件では、依頼人ご自身が書いた記事に差し替わります。

📘 Facebook連携(ポップアップ表示)

右下のボタンを押すと、Facebookページの最新の投稿一覧がその場で開きます。

Facebookポップアップの実際の画面
これはサンプル用のFacebookページを使った表示です。実際の案件では、依頼人ご自身のFacebookページに差し替わります。

フルプランをご検討の場合は、note連携がページ内に常時表示される仕様になります(上記のポップアップ表示とは異なります)。

実際の操作感を確かめたい方へ

フルプランのデモサイトでは、Facebookポップアップと、Googleカレンダー連携(月間カレンダー表示)を 実際に操作してご覧いただけます。

Googleカレンダー連携の実際の画面 フルプランのデモを見る →
← 料金プランのページへ戻る