wctokyo2017 / wct2017 Goto Github PK

ブログのトップページに下層ページのヘッダーのスタイルがあたってないのであててください。
https://2017.tokyo.wordcamp.org/blog/

「JOIN」を補足する、サブタイトルの「つながる人・・・」がPCならまだ認識できるのですが、スマホだとよく見えないです。
重要な箇所なので、もう少しはっきりと認識できたほうがよいかなと思いました。

ページをわけないとダメなのかも？
https://2017.tokyo.wordcamp.org/attendees/

参加者の一覧ページを作成。ショートコード。

@inc2734 @h2ham

• 環境（VCCW, Dockerなど）
• CSSフレームワーク

上記2点を決めましょう。前提として……

• テーマは親テーマが決まっているので、マークアップは一切いじれない
• ウィジェットの中身などはいじることができる

などがあります。不明点があればコメントください。

ティザーサイトの夜っぽいイメージがうまく表現できているサイトがあれば、「こんな感じ」と紹介してください。僕のイメージする「夜っぽい」はこんなのです。

• http://foundation.zurb.com
• http://www.nightshift.fr

キーワードもあると嬉しいです。

固定ページから直そうと思ったらできなかったので、制作班の方、お願いします！

個別の記事ページなどでは、特に何も出ないので、以下のページに何かを足すと良いのかと思われます。

• after-header ヘッダーの直後に出るやつ。フロントページとそれ以外で出しわけができる。
• before-content コンテンツの直前に出るやつ。現状ワンカラムなので、after-headerと同じです。
• primary sidebar

全ページに表示されますが、スタイルシートなどで表示を制御することはできます。

なにかアイデアありますか。僕は

• primary-sidebarはデザイン的に3つぐらいが限度なので、最新投稿一覧、Facebookページウィジェット、あとなんか一つぐらいでいいかなと思います。
• beforecontents は「いますぐ参加登録」とか、そういうボタンがはではでしくあるといいのかな？

現在のテーマにあてこんだときにまったくスタイルがあたらない部分のデザインをどうするかについて質問です。回答お願いします。

• コメントフォームおよびコメント
• サイドバー（現在は非表示）

スマホでみたときに読み込みに時間がかかっていたので、メインビジュアルをスマホ用のサイズの背景画像に差し替え

スタイルガイド用のデザインデータ作成しました
wct2017_styleguide_20170315.ai

リンクの文字色などは入っていないのですが、薄くなるとか濃くなるとかでよいので対応お願いいたします。
ティザーサイト用なので、ページネーションなどのデザインは作っていませんが、必要なものがありましたらお知らせください。

「登録」などのボタンの色をヘッダーのメニューのグリーンと同じ色にしてください

チケットの価格の合計金額の表示位置がずれてしまっているので、右揃えになるようにできますか？

衛生が画面の左端から登っていますが、解像度やディスプレイサイズで横に伸びたときに、左すぎて気づかれないのでは？と思います。

画面の中心からの距離で、配置してみるとよいと思います。
その場合は衛生をどこから出してくるのか？となりますので、地平線の境界線から登ってくる感じでよいかなと思います。

中心からの配置方法は画面キャプチャか、この記事をご参考にしてください。
https://hyper-text.org/archives/2014/08/position_absolute_center_layout.shtml

タイトルのエフェクトをCSSでやるときのサンプルなどあれば、リンクを貼ってください。

ひとまずグローバルスポンサーを表示してください！なるはやで！

・SP時にメニューが表示されません
・SP時のメニュー部分の背景色がPC版と違います

スクロールしたときに見づらいのでメニューに背景色を設定しました

iPhone6のSafariでみたときに、開催日がはっきりと認識できない感じがします。
その下の「ベールサール新宿・・・」は認識できるのですが、開催日は瞬間的にわからないので、もう少し認識できるようにしたほうがよいかも。

トップページと統一

コメントを入力できるようにする

フッターだけ完成させてください。

WEBデザイン班の方へ
　表示されるロゴの位置を修正頂きたいのです。自分　テーマの編集権限ないので、ある方にお願いいただけませんか？

関連： #4 #6

デザイン班の方へ（すみません使い方よくわかってなくて）
の背景色が #CCC で、ちょっと暗くてドキドキするので #EEE くらいでいいかなと思いますー

お問い合わせはGoogleフォームで作成しました。
お問い合わせページへのリンクはこちらにお願いします。
http://bit.ly/wct2017-contact

@inc2734
移動するガイドラインを追加しました。

Googleドライブの20170315 修正・追加分
wct2017_teaser_top、PC、TB、SPそれぞれに追加してます。

アニメーションはトップページのみで大丈夫です。
よろしくお願いいたします。

東京島のがメインビジュアルの大きさが気になったので書きます。

僕のMacbook Proだと画面全体に広がってちょっと圧迫感がある感じがします。そして、スクロールして次にあるのかわかりにくい感じがしました。

少しサイズを落としてみたのですが、このぐらいだと引き締まって綺麗に見えるなーと思います。
次の文章のタイトルも見えるので下になにかあるのがわかります。

解像度や大きなディスプレイで違ってくると思いますので、ご参考に。

After Header(Homepage) と After Header ウィジェットエリアに「カスタムメニュー」のウィジェットを追加する想定

• デスクトップの横幅でみると右上の「English」がドロップダウンメニューになっていますが、615px(?)以下になるとドロップダウンメニューとして機能しなくなる
• 加えて、「メニュー」は日本語のままで、開いても英語ページへのリンクがない

ので、スマホから英語版の各ページへアクセスできない。

スマホからだとグローバルメニューとhero画像部分がファーストビューに表示されますが：

• メニューの"English"の色は変わらない
• 画像の中の場所を記載した部分が日本語のままで、英語に変わらない

ので一見わかりません。

https://wctokyo2017.github.io/wct2017/assets/images/wct2017-date.svg
を英語ページの場合のみ英訳したversionにreplaceするのは可能でしょうか？

WPロゴの表示がおかしいようなので、お手数ですがご確認お願いします！

サークルナビゲーションがスマホだと崩れるので、直す。

忘れそうなので。
一時的に非表示にしたいボタンや説明文などに class="hide" をつければ非表示になるようにstyleを入れておいてください。

ティザーサイト用のメニューを作成。CSSだけで実現する必要がある。

readmeの整備と、テーマのインポート

英語だと本文が小さすぎるので大きくしていただきたいです。

.parent-pageid-121 .entry-content,
.category-english .entry-content {
    font-size: 17px; /* くらいが見やすかった */
    /* 見出しなどのバランスはお任せしたい */
}

英語文章とhtmlのクラスは以下のページで確認できます。

https://2017.tokyo.wordcamp.org/?page_id=272&preview=true
https://2017.tokyo.wordcamp.org/?p=294&preview=true