６月17日(水)

今回の作業で分かったことは、Custom CSSを使うときは、どこに何を書くのかを明確に分ける必要があるということ。CSSはVaniテーマ設定のCustom CSS Codes欄に入れる。HTMLは記事本文やプロフィール用HTMLファイルに入れる。JavaScriptはCustom CSS Codes欄に入れても動かない。CSS、HTML、JavaScriptを同じ場所に入れてしまうと、画面にコードがそのまま表示されたり、動くはずの機能が動かなかったりする。

・Custom CSSを反映させるときは、Enable custom cssにチェックを入れることを忘れてはいけない。CSSを正しく書いても、このチェックが外れていると反映されない。また、保存した後にDrupalのキャッシュをクリアする必要がある。CSSを変更したのに画面が変わらない場合は、コードのミスだけを疑うのではなく、キャッシュが残っている可能性を確認する。さらに、ブラウザ側のキャッシュも残ることがあるため、強制再読み込みも行う。

６月１０日

サイト全体のCSSでは、影、角丸、グラデーションを使うだけで見た目の印象が大きく変わる。特に、記事カードに影を付けると要素が浮いて見え、画像に角丸を付けると柔らかい印象になる。ボタンにグラデーションを使うとクリックできる場所が分かりやすくなる。

・ただし、すべての要素を派手にしすぎると、どこを見ればよいのか分かりにくくなる。見出し、画像、カード、ボタン、リンクのすべてに強い影や派手な色を使うと、画面全体がうるさく見える。読者の視線が分散して、記事本文を読む邪魔になる可能性がある。

・目立たせる場所と落ち着かせる場所を分ける必要がある。例えば、見出しは目立たせてよいが、本文は読みやすさを優先する。ボタンはクリックしてほしい場所なので目立たせてよいが、普通の文章リンクまで派手にしすぎると見づらくなる。画像は記事の雰囲気を伝える重要な要素なので影や角丸を付けてよいが、地図やアイコンまで同じ演出にすると不自然になることがある。

・影を使うときは、強すぎる影を多用しないようにする。影が濃すぎると、ページ全体が重く見える。記事カードや画像など、浮かせたい要素だけに使うと効果的である。逆に、すべてのブロックに影を付けると、どの要素が重要なのか分からなくなる。

６月３日(水)

・プロフィールのCSSを反映させるには、HTML側のclass名をCSSと完全に一致させる必要がある。特にプロフィール画像のセルにはp_imgを付ける必要があり、ここを間違えると画像の丸型表示や中央配置、影が反映されないので気をつけたい。

・プロフィール画像が表示されないときは、CSSではなくimgタグのsrcのパスを最初に確認する。画像ファイルの場所とHTMLファイルの場所を基準にして、相対パスが正しいか見る必要がある。

・NameやBlood Typeなどの項目名はth、実際の内容はtdに入れる。thとtdの役割を逆にすると、赤い項目欄や表の左右配置が崩れるので気をつけたい。

・table、tr、th、tdの閉じタグを忘れると、表全体の形が崩れる。特に右側にプロフィール画像を置く構成では、タグの閉じ忘れで画像の位置がずれやすいので注意する。

・CSSでbodyやtableを指定すると、ページ全体に大きく影響する。プロフィール専用のCSSをDrupal全体のCustom CSSに入れると、他の記事ページのデザインまで変わる可能性があるので、プロフィール用CSSはプロフィール専用のCSSファイルに入れる方が安全である。

5月27日（水）

・備忘録の記事を作成するときに、毎回トップページに表示されてしまい、編集から備忘録index内に入れるようにするのを忘れてしまうので気をつけたい。(プロモーションオプション→フロントページへの掲載のチェックマークを外す)

・定期的なアップデートは忘れないようにする(cd public_html →composer update )

・備忘録だけでなく、普通に日記として作成する記事もフロントページへの掲載をしないように設定する必要があることに気づいた。その場合管理人の日記に新しく追加される。

・備忘録indexをフロントページに出すためには、テーマ→設定→vani→Hope page slider から設定。(テーマを変えるときのために書いておく)

・ホームページのフッターにあるsns欄を消すには テーマ→設定→social network

・コンテンツから記事を作成するとき、「備忘録」タブつけると備忘録indexに、「日記」タブをつけると管理人の日記に追加されるとわかった。

５月２０日(水)

今回の授業で難しかったところ

・タブの欄に早速画像を挿入してみたが、表示されたタブがあまりにも小さくて、どうしたら大きくできるのか分からなかった。

今回の授業で間違えそうだったところ・間違えたところ

・バックアップを作成する際に、自分のデータベース名をクリックせずにlocal_hostでバックアップを作成してしまった。これではデータのバックアップ作成はできていない。今後も間違えそうなので、データベースをクリックすることを忘れないようにする。

・新しいテーマをインストールする際にそれがDrupal11に対応しているかどうか確認を忘れないようにする。

・テーマを選ぶときは他の学生とできるだけかぶらないようにする。

・メールを送る際は自分のサイト名、url、氏名、学籍番号を記述するように気をつける。

５月１３日（水）

今回の授業で難しかったところ

・先生の話しを正確に理解するのが難しかった。今回はTAさんや、周りの人に聞くことでやっと理解できたので、次回の授業ではメモを取るのを忘れないようにする。

今回の授業で間違えそうだったところ・間違えたところ

・virtualminにアクセスする際に、自分に振り分けられている区画(x8th)を確認せずx1stで入ろうとしたためアクセス完了するのに時間がかかってしまった。

・virtualminのデータベースのパスワード、virtualminにサインインする際のパスワード、Drupalのパスワードなど必要なパスワードの種類が多く管理するのに手間がかかるとおもった。また、パスワードのほかにハンドル名やサブドメインなどがありそれらと混同してしまいそうだと思った。

・Drupalは、定期的に更新されるので忘れずにアップデートするのを忘れそうだと思った。