備忘録

今まで備忘録を書く時、フロントページへ掲載のチェックを外すことと、掲載のチェックを外すことをいつかのタイミングで勘違いしていた。備忘録(5)から掲載されていなかった。

プロフィールのcssや画像をhtmlと同じディレクトリに入れ表示させていたが、指示通りになっていなかったため、cssはcssのディレクトリを作成し、その中に入れ、画像はimgのディレクトリを作成しその中に入れた。

セキュリティ対策のため、「ログイン」できるブロックを削除した。

以下やるせない思いを書き連ねています。備忘録と程遠い内容ですが、今後の反省・戒めになると思い文章として残しました。

備忘録は書いているのに、それを読むことが出来ないという宿題やってきたのに忘れました状態になっていたことに絶望と自分への深い失望を抱いた。あれほどログアウトした状態でwebページを確認しろと言われていたのに、何もできておらず、忙しい中書いてきた備忘録の努力はいったい何だったのかと虚無感に襲われた。今後、このようなミスが発生する可能性があると今回の事件で自覚することが出来たため、この授業に限らず、自分に驕らず、注意されている内容をしっかりと聞いていこうと改めて感じた。

今回は使用するテーマの初期状態のままの著作権表示を使用するのではなく、独自のものに変更した。

導入したテーマの「tara」の無料版では、管理画面からコピーライトの文章を直接変更する機能が有料プラン限定で制限されており、直接変更できなかった。

解決の方法として、テーマのテンプレートファイルを直接編集する方法と、テーマの機能をオフにして、Drupalのブロックとして新しく配置する方法が思いついた。前者は書き換えたコードが間違っていた場合に元に戻すのが現在の私の技術では難しいと感じたため、後者を選択した。

具体的な作業手順

外観からテーマの設定、taraフッターの設定で、Show website copyright text in footer.独自の制限付きコピーライト表示を非表示にした。

その後カスタムブロックの作成として、サイト構築からブロックレイアウト、Fotter Bottomからブロックを配置で新しいブロックを作成した。ブロック名はcopyrightで内容は© 2026 ちょこきちとした。最後にブロックの保存をすることで変更を反映させた。

本日は、NoveLogのトップページおよびフッター周りのデザインと機能の大幅な改善を行った。

1. プロフィールの表示

   やったこと：

   フットメニューに自分のプロフェールのリンクを設定した。

   手順：

   サイト構築からメニューでフッターのところに自分のプロフェールのリンクを追加した。/prof/profile.html

   次にサイト構築のブロックレイアウトからFooter firstに先ほど追加したフッターを追加することで、自分のサイトのフッターにプロフィールというのが追加された

    

2. 不要なソーシャルアイコンの削除

   やったこと：

   初期状態でフッター右側に表示されていた不要なSNSアイコン群（Facebook、Xなど）を削除した。

   手順：

   テーマから、現在の自分のテーマにしているTaraの設定内にあるSocialの項目から、「Show Socal Icons」のチェックボックスを外した。

    

今回は前回作ったHTMLとCSSをweb上にアップロードし、
https://novelog.x4th.momousa.net/prof/profile.html
をURLに打ち込むことで表示することができるようになった。
次は、このリンクをweb上のどこか(最後のほうがいいかも？)にはり、プロフィールという文字をクリックするだけで、見えるようにしたい。
 

また、今回はDrupalのアップデートがあり、恐らく安全でない方法だが、何とかアップデートできたため、その内容を記したい。

アップデート前がDrupal 11.3.10でアップデート後が11.3.12になった。

まずはvirtualminのターミナルで

cd public_html

と入力し、サイトのディレクトリに移動する。

その後、Drupalは設定ファイルを書き込み禁止にしていて、そのままだと上書に失敗するため、

今回は前回に続きCSSでHTMLの装飾をした。

前回のHTMLをより変更し画像を入れられるようにした。画像を入れるために、1行目の右側に画像用のセルを追加し、そこにrowspanをつけることで、自己紹介文の5行を合体させ、うまく画像が表示できるようにした。

また、CSSで背景や文字の色などを温かい雰囲気を出すことができた。今日初めてCSSを触ったので、これからより自分らしい自己紹介文を作っていきたい。

次は今回書いたHTMLとCSSをアップロードして、自分のサイトで閲覧できるようにしたい。

今回はHTMLでプロフィールの書き方を学んだ。

HTMLは初めて触ったが、今回の授業においては難しいところはなかった。

また、先週から自宅にあるデスクトップで管理者でログインしようとしてもブラウザで保存したパスワードと一致せず、仕方なくノートPCでログインし、パスワード変更をしようとしたが、登録した大学のメールアドレスにもパスワード変更のメールが届かなかった。今日の授業前に仕方なくサブ垢を作り権限を管理者としてデスクトップでログインすることができた。

そもそものユーザー名がvirtualminで設定されていたnovelogではなく、ハンドルネームで登録されていた。

恥ずかしながら、最初に登録したユーザーで自分のサイトにログインできなかったため、ノートPCのほうではログアウトをしないように気を付けたい。

今回はテーマの設定と、Drupalのアップデートを行った。

Drupalのアップデートでは、virtulalminのターミナルで、一時的にブロック機能をオフにしてインストールをした。その後ブロック機能を戻した。

テーマ設定では、自分のサイトに合うテーマを探すのにてこずってしまった。今のところはこのテーマで運用して、記事に合わせてテーマを探していきたい。

Webサイト名から、記事の内容がほとんど決まっていて、ほかの記事を書きにくいから、その他といったタグやブロックをつけて、とりあえず記事を増やしていきたい。

資料がわかりやすく、今回の導入でつまづいたところ少なかった。一つはコンテンツのブロック追加のとき、上書きを選択せずに削除してしまったことである。それは保存は押さなかったため、もう一度やり直すことが簡単にできた。二つ目はメインナビゲーションのリンクを追加のときに、メニューナビゲーションを編集してしまったことである。それは同じように編集を押して元の文章を打ち込むことにより復元した。

今回学んだことは記事を書く上でとても重要な内容ばかりだったから、忘れずに覚えておきたい。特にバックアップはこまめに取ることを心掛けたいと思う。

今後は、自分の好きなネット小説やライトノベルのレビューを上げるとともに、その他などでほかの趣味にも触れていけたらいいと感じた。

まずは記事を充実させるとともに、サイトテーマを変更していきたい。

一番最初のVirtualminのWebminのログインで、自分のUsernameとPasswordを資料をよく見ておらずわからなかった。そのため、最初のログインでてこずってしまった。

データベース名は特に変更されておらず、Webminのパスワードも自動生成にして、特に問題なく進めた。

Drupalのインストールも、最初のULR入力から、パスワード設定も問題なく進めた。また、パスワードは自動生成のものを使った。

サイト名は申請した当時はなかなかにいい名前だと思ったが、今になってもう少しわかりやすい名前がいいと感じた。しかし、新しい名前が思いつかない......