今回はテーマのカスタマイズをcssを使ってやった。変更した点をここに書いていく。
サイトのロゴの大きさとサイト名が改行されていたのを直した。
検証で変更内容を確認した後、サイトに実装する方法はwebminのファイルマネージャーからテーマ→contrib→lodgeみたいな感じでcssまでいく。この道筋は検証で見るときにでるcssのファイル名(?)みたいやつの上にマウスを置くと分かる。
変更したのはcssファイルの中にあるmain.cssでこの800行あたりにある.
.block-system-branding-block {
max-width: 170px; -> 300pxに変更（これでサイト名が改行されないで表示されるようになった。）
width: 100%;
}
block-system-branding-block .site-logo img {
max-height: 170px; -> 200pxに変更
今回は前回あまりいじれなかったcssをいっぱいいじった。
タイトルと表を真ん中に持ってきたりタイトルの名前の色変えたり
フォントを変えたりした。
サイトのアップデート？ができてないって警告来てるけど
やり方わかんなかったから来週TAさんに聞いてやろうと思う。
新しくprofっていうファイルをweb技術論ファイルの中に新しく作った。
ここに先週作ったhtmlを移動させた。
同じところ（profの中に）cssとimgっていう名前のファイルを作成。
相対パスを使ってimgファイルの中にある画像をhtmlの中で表示させた。
同じく相対パスを使ってvscodeで新しく作ったcssをhtmlとつなげた。
最初は移動させる前のhtmlを参照していたから相対パスがうまくいっていなかったけど、
移動させた後のやつをちゃんと使ったらうまくいった。
vscode(visual studio code)でprofile.htmlを作成した。
<tr> </tr>で行の定義、
↑この間に要素を追加する。
<th> </th>とか、<td> </td>とかの
間に書いていった。
今回はテーマを追加した。
サイトのタイトルが改行されて表示されてるのがいやだ。
ロゴを追加したけど、配置が嫌だった。
最初にバックアップを作った。使ったのはphpMyAdminってやつ。
ログインするときに使ったユーザー名とパスワードはVirtualminのときと同じ。
バックアップはこれから結構するらしい？
バックアップするときに名前を変えないと上書き保存になって戻れなくなるらしいけど
名前の変え方が分からなくて次にバックアップを取るときに不安。
次にモジュールの追加をした。追加したいモジュールを探してインストールするための
文字列をVirtualminのターミナルに打つとできた。今回追加したやつのおかげで
ツールバーにカーソルを合わせるといろいろ表示されるようになった。
最後にサイト構築からブロックを作って備忘録をサイドバーに配置したり、
自分が新しく上げた記事のページのリンクを作ってメニューバーに配置した。
テーマの変更まではできなかった。
virtulminにログインした。
パスワードを変更した。
ターミナルでアップデートを行った。
Drupalをインストールして最初の備忘録を作成した。
