備忘録

今日は検証を使ってテーマをcssで編集する方法を学んだ。編集する前にまずブラウザのキャッシュを削除する。cssでいじりたい部分を右クリックして検証を押すとその部分に関するcssやhtmlが表示される。cssファイルではなくscssファイルもあるがそこは編集せず、他のcssファイルを探してそれを編集する。そこでcssを編集することで実際にどのようにサイトが表示されるのかを確認することができる。もちろんそれだけではサイトは変わらないのである程度これにしようと固まったらそれをコピーしてファイルマネージャーからサーバー上のcssファイルを編集する。編集したら保存、終了してブラウザのキャッシュを削除し再び更新することで修正したサイトが反映される。キャッシュの削除は検証を開いて更新ボタンを長押しするとできる。

今回も前回に引き続き、cssによるプロフィール装飾を行った。パスを書くときは相対パスで書くこと。htmlファイルからcssファイルがどこにいるかを把握していれば問題ないと思われる。

また今回はモジュールをいくつか追加した。追加したのはAI,Paragrapthsの二つを導入した。今回はParagrapthsのモジュールを用いて記事を一つ書いてみた。

Pragrapthsはどういうものかというと、記事をブロックごとに分けて書くことができるというもの。例えば、自分は何かしらを紹介する記事を書くので、導入、あらすじ、みどころ、まとめなどのブロックを自分で作ることでそれを記事を書く際に追加して各ブロックに項目ごとの内容を書くといった感じである。

良かった点

・わかりやすくごちゃごちゃしない

今まで本文という部分にすべてを集約して書いていたので記事を見返すときにたくさんスクロールする必要があったり、この部分直したいといったときも見つけづらいことがあったが、今回はブロックごとに分けられるので非常にわかりやすい。

・ブロックの融通の良さ

今日は前回に引き続き、cssによるプロフィールの装飾を行った。font-familyでフォントを変えたり、border-leftで差し色を加えてみたりなどした。あまりサイトの更新ができていないのでcssの装飾と同時並行でやっていきたいと思う。また、いろんなモジュールを試していないので、しっかりバックアップを取ってからモジュールをダウンロードしてどのような利便性があるのかを理解し、レポートに向けて頑張っていこうと思う。

今回はhtmlで作成したプロフィールをcssで装飾する方法を学んだ。
htmlで作成したプロフィールはまずcssファイルとリンク付けする必要がある。それを書くのはhtmlのheadタグの末尾に書く。パスを書くときは相対パスで書くこと。相対パスは../を入れて選択するとやりやすい。

最初はcssの記述の仕方がわからなかったが、理解することができた。例えばhtmlのh2タグ内に装飾を加えたいなら、css側でh2{}でカッコ内に装飾する内容を記述すればよい。まだどういう属性があるとか全くわからないから、cssをやりながら知識もともに身に付けていきたいと思う。

VS Codeでhtmlを使っての表の作り方を学んだ。まだ全然慣れていないので少しずつ文法を覚えていく必要があると感じた。モジュールを追加するときは必ずバックアップを取る。これは自分のサイトを安全に運用するためにも必要なことだと思った。また、著作権法には十分注意する必要がある。近年インターネットにおける著作権に対する意識がかなり薄れてきているように感じるが、しっかり法律で定められているので必ず会社のホームページからどのような規則が定められているか確認してから画像等の利用の判断を行う。

今日はテーマの設定をした。テーマごとにそれぞれ設定があるためそこは臨機応変にやっていかないといけない。特にサイドバーがあったりなかったりするから気を付ける。drupalはモジュールによりうまくアップデートできないことがあるから何日か待たないといけない。アップデートに時間をとられ過ぎたらから次回からはテキパキやる。

バックアップ取るときは取った日の日付などをファイル名にして自分で管理できるようにする。

ブロックの設定をするときは必ず上書きにする

テーマごとにサイドバーが消えたりするから個別に設定する

たくさんパスワード使ったからしっかり自分で管理する

なんのユーザーネームなのかとかをしっかり把握する(pdf見るなど)

drupalの更新が来たら適宜ターミナルで更新する

学校外から入るときはvpnを使う