デザイン試作中

わたしたちが選ばれる[br-xs]3つの理由

REASON

01

見出しを入れてください

ここにはカラムのテキストを入れてください。ここにはカラムのテキストを入れてください。ここにはカラムのテキストを入れてください。

REASON

02

見出しを入れてください

ここにはカラムのテキストを入れてください。ここにはカラムのテキストを入れてください。ここにはカラムのテキストを入れてください。

REASON

03

見出しを入れてください

ここにはカラムのテキストを入れてください。ここにはカラムのテキストを入れてください。ここにはカラムのテキストを入れてください。

全幅 カラム背景塗りなし

文章入力エリアの左右に余白があります。ブロックパターンの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssクラスを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかと思います。

全幅 カラム背景塗りなし

文章入力エリアの左右に余白があります。ブロックパターンの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssクラスを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかと思います。

【2023/11/16 進捗】
・レビューの埋め込み→プラグインを用いて実装成功

・在庫を管理する仕組み→調査中、プラグインが使えるらしい?投稿ページを商品データとして扱えるらしい?(※詳細を確認中です)

・画面レイアウト→ワードプレスの各ブロックで再現できるものと、HTMLを手入力した方が楽(効率的、または正確にデザインできる)ものを切り分け中

・画面下部のフローティングバナー→なぜかアイコン画像が横並びにならない。フレックスボックスの設定を修正中



(2023/11/16)
プラグインを使用して、レビュー(グーグルの口コミ)の埋め込みに成功。情報収集から約30分で成功。ダミーデータとして、東京駅の口コミを表示しています。
これは表示テストを優先しているので、素っ気ないデザインですが、何パターンかデザインを選べます。(ただ、カラフルなデザインや派手なデザインは用意されていないようです)

良い
11299 レビュー
Timothy George Cana
Timothy George Cana
2023-11-16
The facade is well preserved, and the station is efficient as usual, though I must note that it can be kinda confusing where the train lines are.
mari a
mari a
2023-11-16
東京駅はいつ来ても人が多く、1日3万人もの人が通っていく場所。 東京駅について表の写真を撮ると東京に来たんだと感じる東京駅は とても綺麗だな… お土産屋さんも多く、東京旅行は思いっきり遊んだあとに 東京駅でお土産がある程度買えるので買い忘れても安心できる のが心強い! 一つだけ、ロッカーをもう少し増やしてもらえたら嬉しいなと 感じました。 大きい荷物をずっと運ぶのは大変なので増えることを願います。
Paul
Paul
2023-11-15
Super busy regardless what time you arrived at the station
甲斐義和(YK)
甲斐義和(YK)
2023-11-15
長い間、東京駅を訪れてませんでしたが、グランスタが新しくできていて、どこからも行来がしやすくなっていました。
H W
H W
2023-11-14
いつも利用してます。
小野
小野
2023-11-14
さすが日本一の駅です。 東海道・山陽新幹線系統(東京〜博多)、東北・北海道・山形・秋田新幹線系統(東京〜新函館北斗、山形、秋田)、上越・北陸新幹線系統の始発駅。 常磐線、東北線、東海道線、中央線、総武線や東京メトロなどたくさんの鉄道が集まっています。 また、お土産物、お弁当屋、いろいろな飲食店がたくさんの集まっています。いろいろな銘菓もここで買えます。 なんといっも駅舎はレンガ造りでお洒落です。プロジェクトマッピングなども行われる事があります。
Trang Cao
Trang Cao
2023-11-14
Tokyo về đêm
Google開店閉店專門かいしゃ
Google開店閉店專門かいしゃ
2023-11-14
The Tokyo major Railway Transfer station !
teto hina
teto hina
2023-11-14
歴史ある姿を復元した上で日々様々な人の移動に利用され続けている、日本を代表する鉄道駅。 いつでも堂々たる風格で旅行者や通勤・通学客を出迎えてくれます。

問題点:flex boxが横並びにならない(フローティングバナーとして表示されない)

表示テスト中:画面幅いっぱいに広がるバナー

(2023/11/17)ネットから拾ってきたコードをコピペ。改めてCSSなどを直して移植
ピンク色の帯がブラウザの両端に広がっていれば成功です。

親要素はブラウザに対して中央寄せに

子要素に margin: 0 calc(50% – 50vw) を1行追加!

↓ワードプレスの『カラム』で表示テスト。全幅設定で、どのように表示されるか確認中(もしかしてHTMLを手入力で書いた方が確実?)