備忘録

モジュール検証レポート

自身のサイトでは2つのモジュールPathauto,Tokenを追加した。

１．Pathauto

概要：

Pathautoは、Drupalでコンテンツを作成した際に、URLエイリアスを自動生成するためのモジュールである。通常、Drupalではページを作成するとURLが「/node/1」や「/node/5」のような番号で管理されるが、この形式ではURLを見ただけではページの内容が分からず、利用者にとっても管理者にとっても扱いにくい。そこでPathautoを導入すると、あらかじめ設定したルールに従ってURLを自動生成できるため、例えばページタイトルが「popular music」であれば、「/popular-music」のような分かりやすいURLを自動で作成できる。この機能はSEO（検索エンジン最適化）の観点からも有効であり、多くのDrupalサイトで利用されている。

導入目的：

今回は、Drupalで使用しているテーマをCSSでカスタマイズする方法を学んだ。HTMLやCSSでWebページを作成するときと同じように、DrupalのテーマもCSSを編集することで、文字の色や大きさ、余白などのデザインを自由に変更できることが分かった。

Chromeの「検証」機能を使うことで、変更したい部分のHTMLやCSSを確認できた。変更したい場所を右クリックして「検証」を選択すると、その要素に適用されているCSSが表示されるため、どのセレクタを編集すればよいのかが分かりやすかった。

また、色やフォントサイズなどをその場で変更できるため、完成後のイメージを確認しながら編集できる点が便利だった。ただし、この変更はブラウザ上だけの一時的なものであり、実際にはサーバー上のCSSファイルを書き換えないと保存されないことも学んだ。

今回の演習では、テーマをそのまま使うのではなく、自分好みにデザインを変更する方法を学ぶことができた。最初は、どのCSSがデザインに影響しているのか分からず戸惑った。しかし、「検証」機能を使うことで対象となるセレクタを簡単に見つけられるようになり、少しずつ編集方法を理解できた。また、CSSを書き換えてもすぐに反映されないことがあり、キャッシュを削除することの重要性を実感した。

今回は前の授業にて、HTMLやCSSを用いて作成した自分のプロフィールをVirtualminおよびDrupal上で公開する方法を学んだ。

まず、作成したファイルをVirtualminのファイルマネージャからサーバへアップロードした。ファイルはpublic_html/web/profディレクトリに配置し、profile.html、cssフォルダ、imgフォルダをまとめて管理した。アップロード後、Drupalの基本ページからプロフィールページにアクセスできるようにした。自身のサイトにて「ちょーはっかいのプロフィール」というメニューを作成し、リンク部分に/prof/profile.htmlを入力した。こうすることでログアウト後も自身のサイトからメニューより自分のプロフィールを閲覧することができた。